@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #F2F2F7;--glass-ultra: rgba(255,255,255,.82);--glass-regular: rgba(255,255,255,.68);--glass-thin: rgba(255,255,255,.48);--label-1: #1C1C1E;--label-2: #3C3C43CC;--label-3: #3C3C4399;--label-4: #3C3C432E;--blue: #007AFF;--blue-light: rgba(0,122,255,.12);--disc-D: #8B5CF6;--disc-D-light: rgba(139,92,246,.12);--disc-I: #EF4444;--disc-I-light: rgba(239,68,68,.12);--disc-S: #3B82F6;--disc-S-light: rgba(59,130,246,.12);--disc-C: #10B981;--disc-C-light: rgba(16,185,129,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;background:var(--bg-primary);color:var(--label-1);-webkit-font-smoothing:antialiased}.lg-card{background:linear-gradient(145deg,#ffffffeb,#f5f6fac7);backdrop-filter:blur(48px) saturate(200%) brightness(1.02);-webkit-backdrop-filter:blur(48px) saturate(200%) brightness(1.02);border-radius:28px;border-top:1px solid rgba(255,255,255,.96);border-left:1px solid rgba(255,255,255,.85);border-right:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.38);box-shadow:0 2px 4px #0000000f,0 10px 28px #0000001a,0 32px 72px #0000001a,inset 0 2px 4px #ffffffe6,inset 1px 0 2px #ffffff8c,inset 0 -2px 4px #0000000d,inset -1px 0 2px #00000008;position:relative}.lg-card:before{content:"";position:absolute;top:0;left:0;right:0;height:42%;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#ffffff75,#ffffff1f,#fff0);pointer-events:none;z-index:0}.lg-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;background:linear-gradient(135deg,#ffffff38,#fff0 55%,#00000006);pointer-events:none;z-index:0}.lg-card>*{position:relative;z-index:1}.seg-control{display:grid;grid-template-columns:repeat(3,1fr);background:#7676801f;border-radius:12px;padding:3px;gap:2px;box-shadow:inset 0 1px 3px #0000001a,inset 0 1px 1px #0000000f}.seg-btn{border:none;background:transparent;border-radius:9px;padding:8px 4px;font-family:inherit;font-size:13px;font-weight:600;color:var(--label-1);cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;letter-spacing:-.01em}.seg-btn.active{background:linear-gradient(160deg,#fff,#f8f9fdf2);box-shadow:0 1px 4px #0000001f,0 2px 8px #00000014,inset 0 1px #fff;color:var(--label-1)}.module-pill{display:flex;background:#7676801f;border-radius:999px;padding:3px;gap:2px;width:280px;box-shadow:inset 0 1px 3px #0000001a,inset 0 1px 1px #0000000f}.module-pill-btn{flex:1;border:none;background:transparent;border-radius:999px;padding:9px 0;font-family:inherit;font-size:14px;font-weight:600;color:var(--label-2);cursor:pointer;transition:all .25s ease;text-align:center;letter-spacing:-.01em}.module-pill-btn.active{background:linear-gradient(160deg,#fff,#f8f9fdf2);box-shadow:0 1px 4px #0000001f,0 2px 8px #00000014,inset 0 1px #fff;color:var(--label-1)}.lg-input{width:100%;background:#76768014;border-top:.5px solid rgba(0,0,0,.06);border-left:.5px solid rgba(0,0,0,.06);border-right:.5px solid rgba(255,255,255,.8);border-bottom:.5px solid rgba(255,255,255,.8);border-radius:14px;padding:14px 18px;font-family:inherit;font-size:17px;font-weight:400;color:var(--label-1);outline:none;transition:all .2s ease;-webkit-appearance:none;box-shadow:inset 0 2px 4px #0000000f,inset 0 1px 2px #0000000a,0 1px #ffffffe6}.lg-input::placeholder{color:var(--label-3)}.lg-input:focus{background:#fffffff5;border-color:var(--blue);box-shadow:0 0 0 3.5px #007aff2e,inset 0 1px 3px #0000000a}.score-box{aspect-ratio:1;background:linear-gradient(145deg,#ffffffd9,#f0f2f8b3);border-top:.5px solid rgba(255,255,255,.95);border-left:.5px solid rgba(255,255,255,.8);border-right:.5px solid rgba(0,0,0,.05);border-bottom:.5px solid rgba(0,0,0,.06);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 2px 6px #00000014,0 6px 18px #00000012,inset 0 2px 3px #ffffffe6,inset 0 -1px 2px #0000000a}.score-box:active{cursor:grabbing}.score-box.drag-D{background:linear-gradient(145deg,#f5f0fff2,#e6dcffcc);border-color:#8b5cf659;box-shadow:0 4px 20px #8b5cf640,0 0 0 3px #8b5cf61f,inset 0 2px 3px #ffffffd9}.score-box.drag-I{background:linear-gradient(145deg,#fff2f2f2,#ffe1e1cc);border-color:#ef444459;box-shadow:0 4px 20px #ef444440,0 0 0 3px #ef44441f,inset 0 2px 3px #ffffffd9}.score-box.drag-S{background:linear-gradient(145deg,#f0f6fff2,#dcebffcc);border-color:#3b82f659;box-shadow:0 4px 20px #3b82f640,0 0 0 3px #3b82f61f,inset 0 2px 3px #ffffffd9}.score-box.drag-C{background:linear-gradient(145deg,#f0fff8f2,#dcffeecc);border-color:#10b98159;box-shadow:0 4px 20px #10b98140,0 0 0 3px #10b9811f,inset 0 2px 3px #ffffffd9}.btn-primary{background:linear-gradient(175deg,#1e8fff,#0065e0);color:#fff;border:none;border-top:1px solid rgba(255,255,255,.3);border-radius:999px;padding:17px 0;width:100%;font-family:inherit;font-size:17px;font-weight:600;letter-spacing:-.02em;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0065e04d,0 8px 24px #0065e047,0 20px 48px #0065e026,inset 0 1px #ffffff47}.btn-primary:hover{background:linear-gradient(175deg,#3b9fff,#0070f5);transform:translateY(-1px);box-shadow:0 4px 8px #0065e059,0 12px 32px #0065e052,0 24px 56px #0065e02e,inset 0 1px #ffffff4d}.btn-primary:active{background:linear-gradient(175deg,#0a7aff,#0055c5);transform:scale(.98);box-shadow:0 2px 8px #0055c566,inset 0 1px 3px #00000026}.profile-bubble{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#ffffffe6,#f0f2f8bf);border-top:.5px solid rgba(255,255,255,.95);border-left:.5px solid rgba(255,255,255,.8);border-right:.5px solid rgba(0,0,0,.05);border-bottom:.5px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #00000014,0 4px 12px #0000000f,inset 0 1px 2px #fffffff2,inset 0 -1px 1px #0000000a}.profile-bubble:hover,.profile-bubble:active{background:linear-gradient(145deg,#e6f0fff2,#d2e4ffd9);box-shadow:0 4px 16px #007aff33,inset 0 1px 2px #fffffff2}.profile-bubble.main{background:linear-gradient(145deg,#fffce1fa,#fff0aae6 40%,#fff8cdf2);border-top:1px solid rgba(255,255,215,1);border-left:1px solid rgba(255,238,150,.9);border-right:1px solid rgba(190,145,30,.32);border-bottom:1px solid rgba(190,145,30,.28);box-shadow:0 0 0 2.5px #d4af3799,0 0 14px #d4af3761,0 4px 20px #b48c1440,inset 0 2px 5px #ffffc8f2,inset 1px 0 3px #fff8aab3,inset 0 -2px 3px #af870f29,inset -1px 0 2px #af870f1a}.top-btn{background:linear-gradient(145deg,#ffffffd1,#f5f6fab3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(255,255,255,.95);border-left:.5px solid rgba(255,255,255,.8);border-right:.5px solid rgba(0,0,0,.05);border-bottom:.5px solid rgba(0,0,0,.06);border-radius:999px;color:var(--blue);font-family:inherit;font-weight:600;font-size:14px;padding:8px 18px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #00000014,0 4px 12px #0000000d,inset 0 1px #fff}.top-btn:hover{background:linear-gradient(145deg,#e6f0ffeb,#d7e6ffcc);box-shadow:0 4px 16px #007aff2e,inset 0 1px #fff}.top-btn-icon{background:linear-gradient(145deg,#ffffffd1,#f5f6fab3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(255,255,255,.95);border-left:.5px solid rgba(255,255,255,.8);border-right:.5px solid rgba(0,0,0,.05);border-bottom:.5px solid rgba(0,0,0,.06);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--label-2);box-shadow:0 2px 6px #00000014,0 4px 12px #0000000d,inset 0 1px #fff}.top-btn-icon:hover{background:linear-gradient(145deg,#ffecebf2,#ffdcdad9);color:#ff3b30;box-shadow:0 4px 16px #ff3b3033,inset 0 1px #fff}.lg-code-input{width:100%;background:linear-gradient(160deg,#fffc,#f0f2f8a6);border-top:.5px solid rgba(255,255,255,.9);border-left:.5px solid rgba(255,255,255,.75);border-right:.5px solid rgba(0,0,0,.05);border-bottom:.5px solid rgba(0,0,0,.06);border-radius:18px;padding:32px 24px;text-align:center;font-family:SF Mono,Fira Code,monospace;font-size:42px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--label-1);outline:none;transition:all .2s ease;box-shadow:inset 0 2px 6px #00000012,inset 0 1px 2px #0000000a,0 1px #fffffff2}.lg-code-input::placeholder{color:var(--label-4)}.lg-code-input:focus{background:#fffffff5;border-color:var(--blue);box-shadow:0 0 0 3.5px #007aff26,inset 0 1px 3px #0000000a}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.animate-fade-in{animation:fadeIn .35s ease forwards}.animate-scale-up{animation:scaleUp .3s ease forwards}.animate-blob{animation:blob 12s infinite ease-in-out}.animate-spin{animation:spin .9s linear infinite}.custom-scrollbar::-webkit-scrollbar{height:3px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00000026;border-radius:9px}.section-label{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--label-3);text-transform:uppercase}.btn-teal{background:linear-gradient(175deg,#7dd8cf,#50bdb3);color:#fff;border:none;border-top:1px solid rgba(255,255,255,.45);border-radius:999px;padding:17px 0;width:100%;font-family:inherit;font-size:17px;font-weight:600;letter-spacing:-.02em;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #50bdb347,0 8px 24px #50bdb338,0 20px 48px #50bdb31f,inset 0 1px #fff6}.btn-teal:hover{background:linear-gradient(175deg,#93e2da,#63cac0);transform:translateY(-1px);box-shadow:0 4px 8px #50bdb352,0 12px 32px #50bdb342,0 24px 56px #50bdb324,inset 0 1px #ffffff73}.btn-teal:active{background:linear-gradient(175deg,#5ec8be,#3fada3);transform:scale(.98);box-shadow:0 2px 8px #3fada361,inset 0 1px 3px #0000001f}.btn-teal:disabled{opacity:.55;transform:none;cursor:not-allowed}.login-input{background:linear-gradient(145deg,#fffffff5,#f0fcfce0)!important;border:none!important;outline:none!important;border-radius:16px!important;position:relative;box-shadow:0 0 0 1px #7dd8cf59,inset 0 1px #fffffff2,inset 1px 0 #ffffffb3,inset -1px 0 #7dd8cf33,inset 0 -1px #7dd8cf2e,0 2px 8px #50bdb314,0 4px 16px #0000000d!important;transition:all .25s ease!important}.login-input:focus{background:linear-gradient(145deg,#fff,#ebfcfbf2)!important;box-shadow:0 0 0 2px #50bdb38c,inset 0 1px #fff,inset 1px 0 #fffc,inset -1px 0 #50bdb340,inset 0 -1px #50bdb338,0 4px 16px #50bdb324,0 8px 24px #0000000f!important}