:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{height:100%;min-height:100vh;background-color:#121212;box-sizing:border-box;position:relative}body{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#121212;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#121212}.typing-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#121212;z-index:2000;transition:opacity .5s ease-out}.typing-overlay.hidden{opacity:0;pointer-events:none}.navbar-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000;transform:translateY(-20px);opacity:0;transition:all .5s ease-out}.navbar-wrapper.visible{transform:translateY(0);opacity:1}.nav-tabs{position:fixed;top:60px;left:0;right:0;display:flex;justify-content:center;background-color:#1e1e1e;border-bottom:1px solid #333;z-index:999;transform:translateY(-20px);opacity:0;transition:all .5s ease-out;padding:15px 0}.nav-tabs.visible{transform:translateY(0);opacity:1}.nav-tabs button{background:none;border:none;color:#fff;font-size:1rem;margin:0 15px;padding:5px 10px;transition:all .3s ease}button:focus{outline:none}button:focus-visible{outline:2px solid #ff66aa;outline-offset:2px}.nav-tabs button.active{border-bottom:2px solid #FFFF00;color:#ff0}.nav-tabs button.active.osu{border-bottom:2px solid #FF66AA;color:#f6a}.osu-profile-card{background-color:#1e1e1e;border-radius:12px;padding:25px;width:100%;max-width:800px;box-shadow:0 4px 20px #0000004d;border:1px solid #333;margin-top:20px}.osu-profile-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.osu-avatar{width:100px;height:100px;border-radius:50%;border:3px solid #FF66AA;margin-right:20px;object-fit:cover}.osu-username{font-size:1.8rem;color:#f6a;margin:0;font-weight:600}.osu-rank{display:flex;align-items:center;margin-top:8px;font-size:1.1rem}.osu-rank.global{color:#fff}.osu-rank.country{color:#aaa;margin-left:15px}.osu-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px}.stat-card{background-color:#252525;border-radius:8px;padding:15px;text-align:center}.stat-value{font-size:1.5rem;font-weight:600;color:#fff;margin:5px 0}.stat-label{font-size:.9rem;color:#aaa;text-transform:uppercase;letter-spacing:1px}.main-content{width:100%;max-width:1280px;margin:140px auto 0;height:calc(100vh - 140px);padding:0 20px 2 0px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.social-grid{width:100%;max-width:800px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.social-card{background-color:#1e1e1e;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.social-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.social-icon{font-size:2.5rem;margin-bottom:10px}.osu-profile{width:90%;max-width:800px;margin:20px auto;background:linear-gradient(135deg,#1e1e1ef2,#282828f2,#1e1e1ef2);background-size:200% 200%;border-radius:16px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,252,102,.15);position:relative;opacity:0;transform:translateY(0) scale(.95);transform-origin:center;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;box-sizing:border-box;padding:24px;display:flex;flex-direction:column}.osu-profile-button{width:100%;background-color:#f6a;color:#fff;border:none;outline:none;padding:12px 20px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:20px;transition:background .3s ease,transform .2s ease}.osu-profile-button:hover{background-color:#f8c;transform:translateY(-2px)}.osu-profile-button:focus,.osu-profile-button:active{outline:none}@media(max-width:1024px){.osu-profile{width:95%;max-width:90%;margin:15px auto}}@media(max-width:768px){.osu-profile{width:100%;margin:10px auto;border-radius:8px;max-height:none;overflow:visible;padding:15px 12px}.profile-header{flex-direction:column;align-items:center;gap:15px;text-align:center}.profile-info{width:100%}.custom-text{font-size:14px;line-height:1.5}}@media(max-width:420px){.osu-profile{width:30%;margin:10px;border-radius:8px;max-height:none;overflow:visible;padding:15px 12px}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.osu-profile.visible{opacity:1;transform:translateY(0) scale(.9);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 8px 32px #0003}50%{box-shadow:0 12px 48px #fffc661a}}.osu-profile.visible .osu-content>*{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(15px)}.osu-profile.visible .profile-header{animation-delay:.1s}.osu-profile.visible .custom-text{animation-delay:.2s}.osu-profile.visible .progress-section{animation-delay:.3s}.osu-profile.visible .stats-grid{animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.avatar-image{width:35%;height:100%;border-radius:50%;object-fit:cover;transition:transform .3s ease}.avatar-container:hover .avatar-image{transform:scale(1.05)}.avatar-text{font-size:24px;color:#faff66}.country-flag{display:inline-flex;align-items:center;margin-left:5px}.country-flag img{width:20px;height:15px;border-radius:2px;box-shadow:0 2px 4px #0003}.join-date{font-size:12px;color:#888;margin-top:3px}.loading-message,.error-message{text-align:center;padding:20px;margin:20px 0;border-radius:8px;font-size:14px}.loading-message{color:#a0a0a0;background-color:#ffffff08;border:1px dashed rgba(255,255,255,.1)}.error-message{color:#ff6b6b;background-color:#ff00000d;border:1px solid rgba(255,0,0,.1)}.rank-progress-container{margin:20px 0;width:100%;background:#282828b3;border-radius:8px;padding:12px 15px;box-shadow:0 2px 4px #0000001a}.rank-progress-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#ddd}.rank-progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin:5px 0}.rank-progress-fill{height:100%;border-radius:6px;transition:width .5s ease-out;position:relative;overflow:hidden}.rank-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);animation:shimmer 2s infinite linear;background-size:200% 100%}.rank-progress-footer{display:flex;justify-content:space-between;font-size:12px;color:#aaa;margin-top:5px}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center}.avatar-container{display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden}.profile-header h2{margin:0 0 5px;color:#fff;font-size:28px;font-weight:600}.rank-info{display:flex;align-items:center;margin-top:5px;font-size:14px;color:#aaa}.divider{margin:0 10px}.custom-text{margin:30px 0;line-height:1.6;color:#ddd;font-size:16px;text-align:justify}.custom-text p{margin:0 0 15px}.progress-section{margin:30px 0;position:relative}.progress-bar{height:12px;background-color:#ffffff1a;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#fff266,#fbff88);border-radius:6px;transition:width 1s ease-out;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shimmer 2s infinite linear}.progress-remaining{margin-top:8px;font-size:12px;color:#999;text-align:right}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px;position:relative;z-index:2}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.decorative-circle{position:absolute;border-radius:50%;z-index:0}.decorative-circle.top-right{top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,#faff661a,#f6a0 70%);transform:translate(30%,-30%)}.decorative-circle.bottom-left{bottom:-50px;left:-50px;width:250px;height:250px;background:radial-gradient(circle,#66ccff0d,#6cf0 70%)}.osu-profile .stat-box:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.progress-window{width:90%;max-width:800px;margin:0 auto 20px;background:linear-gradient(135deg,#1e1e1ef2,#d52929f2,#1e1e1ef2);background-size:200% 200%;border-radius:16px;padding:20px 24px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,252,102,.15);transition:all .3s ease;box-sizing:border-box}@media(max-width:1024px){.progress-window{width:95%;max-width:800px}}@media(max-width:768px){.progress-window{width:100%;border-radius:0;padding:15px 16px;margin:0 auto;max-width:100%}}.progress-content{width:100%}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#ddd}.progress-bar{width:100%;height:24px;background-color:#ffffff1a;border-radius:12px;overflow:hidden;margin:10px 0;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ff9a9e,#fad0c4);transition:width .5s ease;position:relative;min-width:80px}.rank-text{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#fff;font-weight:600;font-size:12px;text-shadow:0 0 3px rgba(0,0,0,.7);white-space:nowrap;display:flex;align-items:center;gap:8px}.rank-progress{font-size:11px;opacity:.9;font-weight:500}.progress-remaining{text-align:right;font-size:12px;color:#aaa;margin-top:4px}.typing-text{color:#fff;font-weight:500;font-family:Outfit,sans-serif;text-shadow:0 0 10px rgba(133,142,8,.8);border-right:.15em solid rgba(250,234,18,.8);animation:blink-caret .75s step-end infinite;margin:0;padding:0;line-height:1.2;-webkit-text-stroke:.5px rgba(255,255,0,.3);word-break:break-word;transition:transform 1.5s ease,opacity 1.5s ease;text-align:center}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#f1ed09cc}}@keyframes softFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(var(--fall-distance, 100vh)) rotate(12deg);opacity:0}}.fall-smooth{animation:softFall 2s forwards;border-right:none!important;position:fixed;left:0;right:0;text-align:center;pointer-events:none;z-index:1000}@media(max-width:768px){.typing-text{font-size:1.5rem}}@media(max-width:480px){.typing-text{font-size:1.2rem}}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}.snowfall{--snow-color: #FF8C00CC;--snow-glow-color: #FF8C00CC;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;opacity:0;animation:fadeIn 1s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}