@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--neo-bg: #e8ffff;--neo-shadow-light: #ffffff;--neo-shadow-dark: #b8cccc;--neo-shadow-darker: #a1b8b8;--neo-text: #1C1C1E;--bg-primary: var(--neo-bg);--glass-ultra: transparent;--glass-regular: transparent;--glass-thin: transparent;--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)!important;color:var(--neo-text);-webkit-font-smoothing:antialiased}.neo-bg{background-color:var(--neo-bg)!important}.neo-flat{background:var(--neo-bg)!important;box-shadow:12px 12px 24px var(--neo-shadow-dark),-12px -12px 24px var(--neo-shadow-light)!important;border:none!important}.neo-modal{background:var(--neo-bg)!important;box-shadow:0 25px 50px -12px #00000059,inset 2px 2px #ffffffe6,inset -2px -2px 0 var(--neo-shadow-dark)!important;border:1px solid rgba(255,255,255,.5)!important}.neo-flat-sm{background:var(--neo-bg)!important;box-shadow:6px 6px 12px var(--neo-shadow-dark),-6px -6px 12px var(--neo-shadow-light)!important;border:none!important}.neo-pressed{background:var(--neo-bg)!important;box-shadow:inset 6px 6px 12px var(--neo-shadow-dark),inset -6px -6px 12px var(--neo-shadow-light)!important;border:none!important}.neo-convex{background:linear-gradient(145deg,#f8ffff,#d1e5e5)!important;box-shadow:10px 10px 20px var(--neo-shadow-dark),-10px -10px 20px var(--neo-shadow-light)!important;border:none!important}.neo-button{background:var(--neo-bg)!important;box-shadow:8px 8px 16px var(--neo-shadow-dark),-8px -8px 16px var(--neo-shadow-light)!important;border:none!important;color:var(--neo-text)!important;transition:all .2s ease-in-out!important}.neo-button:active{background:var(--neo-bg)!important;box-shadow:inset 6px 6px 12px var(--neo-shadow-dark),inset -6px -6px 12px var(--neo-shadow-light)!important;transform:scale(.97)}.lg-card{background:var(--neo-bg);border-radius:28px;border:none;box-shadow:20px 20px 60px var(--neo-shadow-dark),-20px -20px 60px var(--neo-shadow-light);position:relative}.seg-control{display:grid;grid-template-columns:repeat(3,1fr);background:var(--neo-bg);border-radius:12px;padding:3px;gap:2px;box-shadow:inset 4px 4px 8px var(--neo-shadow-dark),inset -4px -4px 8px var(--neo-shadow-light);border:none}.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:var(--neo-bg);box-shadow:4px 4px 8px var(--neo-shadow-dark),-4px -4px 8px var(--neo-shadow-light);color:var(--label-1)}.module-pill{display:flex;background:var(--neo-bg);border-radius:999px;padding:4px;gap:4px;width:280px;box-shadow:inset 5px 5px 10px var(--neo-shadow-dark),inset -5px -5px 10px var(--neo-shadow-light);border:none}.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:var(--neo-bg);box-shadow:4px 4px 8px var(--neo-shadow-dark),-4px -4px 8px var(--neo-shadow-light);color:var(--label-1)}.lg-input{width:100%;background:var(--neo-bg)!important;border:none!important;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;-moz-appearance:none;appearance:none;box-shadow:inset 6px 6px 12px var(--neo-shadow-dark),inset -6px -6px 12px var(--neo-shadow-light)!important}.lg-input::placeholder{color:var(--label-3)}.lg-input:focus{box-shadow:inset 8px 8px 16px var(--neo-shadow-darker),inset -8px -8px 16px var(--neo-shadow-light)!important}.score-box{aspect-ratio:1;background:var(--neo-bg);border:none;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:8px 8px 16px var(--neo-shadow-dark),-8px -8px 16px var(--neo-shadow-light)}.score-box:active{cursor:grabbing;box-shadow:inset 6px 6px 12px var(--neo-shadow-dark),inset -6px -6px 12px var(--neo-shadow-light);transform:scale(.95)}.score-box.drag-D{color:var(--disc-D)}.score-box.drag-I{color:var(--disc-I)}.score-box.drag-S{color:var(--disc-S)}.score-box.drag-C{color:var(--disc-C)}.btn-primary{background:var(--neo-bg);color:var(--blue);border:none;border-radius:999px;padding:17px 0;width:100%;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:-.02em;cursor:pointer;transition:all .2s ease;box-shadow:10px 10px 20px var(--neo-shadow-dark),-10px -10px 20px var(--neo-shadow-light)}.btn-primary:hover{box-shadow:12px 12px 24px var(--neo-shadow-dark),-12px -12px 24px var(--neo-shadow-light);transform:translateY(-1px)}.btn-primary:active{box-shadow:inset 6px 6px 12px var(--neo-shadow-dark),inset -6px -6px 12px var(--neo-shadow-light);transform:scale(.97)}.profile-bubble{width:64px;height:64px;border-radius:50%;background:var(--neo-bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 12px var(--neo-shadow-dark),-6px -6px 12px var(--neo-shadow-light)}.profile-bubble:hover{box-shadow:8px 8px 16px var(--neo-shadow-dark),-8px -8px 16px var(--neo-shadow-light)}.profile-bubble:active{box-shadow:inset 4px 4px 8px var(--neo-shadow-dark),inset -4px -4px 8px var(--neo-shadow-light);transform:scale(.95)}.profile-bubble.main{box-shadow:6px 6px 12px var(--neo-shadow-dark),-6px -6px 12px var(--neo-shadow-light),inset 0 0 0 2px #d4af3799}.top-btn{background:var(--neo-bg);border:none;border-radius:999px;color:var(--blue);font-family:inherit;font-weight:800;font-size:14px;padding:8px 18px;cursor:pointer;transition:all .2s ease;box-shadow:6px 6px 12px var(--neo-shadow-dark),-6px -6px 12px var(--neo-shadow-light)}.top-btn:hover{box-shadow:8px 8px 16px var(--neo-shadow-dark),-8px -8px 16px var(--neo-shadow-light)}.top-btn:active{box-shadow:inset 4px 4px 8px var(--neo-shadow-dark),inset -4px -4px 8px var(--neo-shadow-light);transform:scale(.96)}.top-btn-icon{background:var(--neo-bg);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--label-2);box-shadow:6px 6px 12px var(--neo-shadow-dark),-6px -6px 12px var(--neo-shadow-light)}.top-btn-icon:hover{color:#ff3b30}.top-btn-icon:active{box-shadow:inset 4px 4px 8px var(--neo-shadow-dark),inset -4px -4px 8px var(--neo-shadow-light);transform:scale(.96)}.lg-code-input{width:100%;background:var(--neo-bg)!important;border:none!important;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 8px 8px 16px var(--neo-shadow-dark),inset -8px -8px 16px var(--neo-shadow-light)!important}.lg-code-input::placeholder{color:var(--label-4)}.lg-code-input:focus{box-shadow:inset 10px 10px 20px var(--neo-shadow-darker),inset -10px -10px 20px var(--neo-shadow-light)!important}@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:var(--neo-bg);color:#1a9c90;border:none;border-radius:999px;padding:17px 0;width:100%;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:-.02em;cursor:pointer;transition:all .2s ease;box-shadow:10px 10px 20px var(--neo-shadow-dark),-10px -10px 20px var(--neo-shadow-light)}.btn-teal:hover{box-shadow:12px 12px 24px var(--neo-shadow-dark),-12px -12px 24px var(--neo-shadow-light);transform:translateY(-1px)}.btn-teal:active{box-shadow:inset 6px 6px 12px var(--neo-shadow-dark),inset -6px -6px 12px var(--neo-shadow-light);transform:scale(.97)}.btn-teal:disabled{opacity:.55;transform:none;cursor:not-allowed;box-shadow:5px 5px 10px var(--neo-shadow-dark),-5px -5px 10px var(--neo-shadow-light)}.login-input{background:var(--neo-bg)!important;border:none!important;outline:none!important;border-radius:16px!important;position:relative;box-shadow:inset 6px 6px 12px var(--neo-shadow-dark),inset -6px -6px 12px var(--neo-shadow-light)!important;transition:all .25s ease!important}.login-input:focus{box-shadow:inset 8px 8px 16px var(--neo-shadow-darker),inset -8px -8px 16px var(--neo-shadow-light)!important}