:root{--radius:20px;--radius-sm:14px;--radius-xs:10px;--blur:24px;--bg:linear-gradient(160deg, #ece6da, #ece6da);--accent:#7c6cf0;--accent-weak:#7c6cf014;--glass:#ffffff8c;--glass-border:#ffffffb3;--glass-hi:#ffffffe6;--text:#14161aeb;--text-soft:#14161a94;--text-faint:#14161a5c;--shadow-sm:0 2px 8px #1f263c0f;--shadow:0 8px 32px #1f263c1a, 0 2px 8px #1f263c0a;--shadow-lg:0 20px 56px #1f263c24, 0 4px 12px #1f263c0f;--shadow-accent:0 8px 24px #7c6cf047;--sidebar-w:264px;--nav-h:64px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg);background-size:var(--bg-size,cover);background-position:var(--bg-pos,center);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1, "liga" 1;letter-spacing:-.01em;background-repeat:no-repeat;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}h1,h2,h3,p{margin:0}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);position:relative}.glass:before{content:"";border-radius:inherit;background:linear-gradient(180deg, var(--glass-hi) 0%, transparent 40%);opacity:.5;pointer-events:none;position:absolute;inset:0}.glass-pad{padding:24px}.app-shell{height:100vh;display:flex}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);background:var(--glass);flex-direction:column;gap:4px;padding:24px 14px;display:flex}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;padding:6px 12px 20px;font-size:19px;font-weight:700;display:flex}.brand .mark{background:var(--accent);color:#fff;width:28px;height:28px;box-shadow:var(--shadow-accent);border-radius:8px;place-items:center;font-size:15px;font-weight:700;display:grid;overflow:hidden}.brand .mark img{object-fit:cover;width:100%;height:100%;display:block}.nav-item{border-radius:var(--radius-sm);color:var(--text-soft);letter-spacing:-.01em;transition:background .25s var(--ease), color .25s var(--ease), transform .2s var(--ease);align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--accent-weak);color:var(--text)}.nav-item.active{color:#fff;background:var(--accent);box-shadow:var(--shadow-accent);font-weight:600}.sidebar .foot{color:var(--text-faint);justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding:8px 10px;font-size:12px;display:flex}.sidebar .foot .you{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color .2s var(--ease);align-items:center;gap:6px;display:inline-flex;overflow:hidden}.sidebar .foot .dot{background:var(--accent);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.sidebar .foot .side-me{border-radius:var(--radius-sm);width:100%;min-width:0;transition:background .25s var(--ease);flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.sidebar .foot .side-me:hover{background:var(--accent-weak)}.sidebar .foot .side-me:hover .you{color:var(--text)}.about-step{background:var(--accent);color:#fff;width:26px;height:26px;box-shadow:var(--shadow-accent);border-radius:50%;flex:0 0 26px;place-items:center;font-size:13px;font-weight:700;display:grid}.side-me-avatar{background:var(--accent);color:#fff;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.side-me-avatar img{object-fit:cover;width:100%;height:100%;display:block}.main{scroll-behavior:smooth;flex:1;min-width:0;padding:36px 44px 56px;overflow-y:auto}.page{max-width:720px;animation:page-in .4s var(--ease-out);margin:0 auto}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-head{margin-bottom:28px}.page-head h1{letter-spacing:-.03em;margin-bottom:6px;font-size:28px;font-weight:700}.page-head p{color:var(--text-soft);letter-spacing:-.01em;font-size:14px}.mobile-nav{height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom);background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);border-top:1px solid var(--glass-border);z-index:20;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--text-faint);white-space:nowrap;transition:color .25s var(--ease);flex:1;justify-content:center;align-items:center;padding:0 1px;font-size:11px;font-weight:500;display:flex}.mobile-nav a.active{color:var(--accent);font-weight:700}.stats-grid{gap:16px;display:grid}.stats-grid.cols-2{grid-template-columns:repeat(2,1fr)}.stats-grid.cols-3{grid-template-columns:repeat(3,1fr)}.stat-card .label{color:var(--text-soft);letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.stat-card .num{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:32px;font-weight:700;line-height:1}.stat-card .sub{color:var(--text-faint);margin-top:8px;font-size:12px}.pbar{background:var(--glass-border);border-radius:999px;height:8px;overflow:hidden}.pbar>i{background:linear-gradient(90deg, var(--accent), #7c6cf0b3);height:100%;transition:width .6s var(--ease-out);border-radius:999px;display:block}.btn{border-radius:var(--radius-sm);letter-spacing:-.01em;transition:transform .15s var(--ease), box-shadow .25s var(--ease), border-color .2s, color .2s, background .2s;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #7c6cf061}.btn-glass{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);-webkit-backdrop-filter:blur(12px)}.btn-glass:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-weak)}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.btn.row-full{width:100%}.field{margin-bottom:16px;display:block}.field>label{color:var(--text-soft);margin-bottom:8px;font-size:13px;display:block}.input{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass);width:100%;color:var(--text);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s;outline:none;padding:13px 16px;font-size:16px}.input:focus{border-color:var(--accent);background:var(--glass-hi);box-shadow:0 0 0 4px #7c6cf01f}input[type=range].range{appearance:none;background:linear-gradient(to right, var(--accent), var(--glass-border));border-radius:999px;outline:none;width:100%;height:6px}input[type=range].range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 4px 10px #00000026}input[type=color].swatch{cursor:pointer;background:0 0;border:none;border-radius:12px;width:44px;height:44px;padding:0;overflow:hidden}.checker{flex-wrap:wrap;gap:10px;display:flex}.checker .pl{cursor:pointer;border:2px solid #0000;border-radius:12px;width:40px;height:40px;transition:border-color .15s,opacity .15s;position:relative;overflow:hidden}.checker .pl:hover{opacity:.82;outline:2px solid var(--accent);outline-offset:2px}.checker .pl.sel{border-color:var(--text);border-width:3px}.toggle{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.toggle .track{background:var(--glass-border);width:44px;height:26px;transition:background .25s var(--ease);border-radius:999px;position:relative}.toggle .track:after{content:"";width:20px;height:20px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.toggle input{display:none}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track:after{transform:translate(18px)}.trend{gap:8px;display:flex}.trend-scale{flex:0 0 30px;height:130px;position:relative}.trend-scale span{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;right:0}.trend-scale .top{top:-6px}.trend-scale .bot{bottom:-6px}.trend-scale .mid{color:var(--accent);transform:translateY(50%)}.trend-body{flex:1;min-width:0;position:relative}.trend-grid{pointer-events:none;height:130px;position:absolute;top:0;left:0;right:0}.trend-grid .line{border-top:1px dashed var(--glass-border);position:absolute;left:0;right:0}.trend-grid .line.top{top:0}.trend-grid .line.target{border-top-color:var(--accent);opacity:.5}.trend-empty{height:130px;color:var(--text-faint);justify-content:center;align-items:center;font-size:13px;display:flex}.bar-chart{z-index:1;cursor:pointer;align-items:flex-end;gap:4px;height:130px;display:flex;position:relative}.bar-chart .bar{background:var(--accent);opacity:.5;border-radius:6px 6px 2px 2px;flex:1;min-width:2px;transition:height .3s,opacity .2s}.bar-chart .bar.zero{opacity:.18;height:3px}.bar-chart .bar.today{opacity:1;box-shadow:0 0 10px #7c6cf080}.bar-chart .bar.active{opacity:1}.bar-tip{z-index:2;background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--shadow);color:var(--text);white-space:nowrap;pointer-events:none;border-radius:10px;flex-direction:column;align-items:center;padding:6px 10px;font-size:12px;line-height:1.35;display:flex;position:absolute}.bar-tip b{font-weight:700}.bar-tip span{color:var(--text-soft);font-variant-numeric:tabular-nums}.bar-axis{color:var(--text-faint);justify-content:space-between;margin-top:6px;padding:0 2px;font-size:11px;display:flex}.quiz-word{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:SF Pro Display,Georgia,Times New Roman,Segoe UI,serif;font-size:48px;font-weight:700;line-height:1.1}.quiz-choice{text-align:left;border-radius:var(--radius-sm);background:var(--glass);border:1px solid var(--glass-border);width:100%;transition:transform .15s var(--ease), box-shadow .25s var(--ease), background .2s, border-color .2s;margin-bottom:10px;padding:16px 18px;font-size:15px;font-weight:500;display:block}.quiz-choice:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-2px)}.quiz-choice.correct{background:#2fa36b26;border-color:#2fa36b;box-shadow:0 8px 24px #2fa36b33}.quiz-choice.wrong{background:#e4566e24;border-color:#e4566e;box-shadow:0 8px 24px #e4566e2e}.quiz-choice:disabled{cursor:default;transform:none}.quiz-skel-word{background:var(--glass-border);opacity:.55;border-radius:12px;width:46%;height:53px;margin:0 auto}.quiz-choice-skel{pointer-events:none;color:#0000;opacity:.45}.quiz-card-body.is-loading{opacity:.55;pointer-events:none;transition:opacity .15s var(--ease)}.speak{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-soft);transition:color .2s, border-color .2s, background .2s, transform .15s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.speak:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-weak)}.speak:active{transform:scale(.95)}.feedback{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-top:16px;padding:14px 18px;font-size:15px;font-weight:600;display:flex}.feedback.good{color:#2fa36b;background:#2fa36b26;border:1px solid #2fa36b4d}.feedback.bad{color:#e4566e;background:#e4566e24;border:1px solid #e4566e4d}.quiz-hero{text-align:center;padding:24px 0 22px}@media (width>=821px){.page-quiz{flex-direction:column;height:100%;display:flex;overflow:hidden}.page-quiz .page-head{flex:none;margin-bottom:14px}.page-quiz .error-note{flex:none}.page-quiz .quiz-card{flex-direction:column;flex:auto;min-height:0;padding:18px 20px;display:flex;overflow:hidden}.page-quiz .quiz-card-top{flex:none}.page-quiz .quiz-card-body{scrollbar-width:none;flex:auto;min-height:0;overflow-y:auto}.page-quiz .quiz-card-body::-webkit-scrollbar{display:none}.page-quiz .quiz-card-foot{flex:none}.page-quiz .quiz-card-foot .quiz-next-btn{margin-top:12px}.page-quiz .quiz-hero{padding:12px 0 10px}.page-quiz .quiz-choice{margin-bottom:7px;padding:10px 16px}.page-quiz.quiz-answered .quiz-card-foot{align-items:center;gap:12px;display:flex}.page-quiz.quiz-answered .quiz-card-foot .feedback{flex:0 auto;padding:8px 14px;margin-top:0!important}.page-quiz.quiz-answered .quiz-card-foot p{flex:auto;min-width:0;text-align:left!important;margin-top:0!important}.page-quiz.quiz-answered .quiz-card-foot .btn{flex:none;width:auto;margin-left:auto;padding:10px 18px;margin-top:0!important}.page-quiz.quiz-answered .quiz-hero{padding:6px 0 4px}.page-quiz.quiz-answered .quiz-word{font-size:36px}.page-quiz.quiz-answered .quiz-choice{margin-bottom:5px;padding:8px 14px;font-size:14px}}.tl-feed{position:relative}.tl-feed:before{content:"";background:linear-gradient(to bottom, transparent, var(--accent) 8%, var(--accent) 92%, transparent);opacity:.22;pointer-events:none;border-radius:999px;width:2px;position:absolute;top:10px;bottom:10px;left:22px}.tl-item{z-index:1;border-bottom:1px solid var(--glass-border);border-radius:var(--radius-sm);gap:14px;padding:16px 4px;transition:background .2s;display:flex;position:relative}.tl-item:hover{background:var(--accent-weak,#7c6cf012)}.tl-item:last-child{border-bottom:none}.tl-avatar{background:var(--accent);color:#fff;z-index:2;width:38px;height:38px;box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--ease), transform .25s var(--ease);border-radius:12px;flex:0 0 38px;place-items:center;font-size:16px;font-weight:700;display:grid;position:relative}.tl-item:hover .tl-avatar,.tl-learn:hover .tl-avatar-sm{box-shadow:0 0 0 3px var(--accent-weak,#7c6cf02e)}.tl-body{flex:1;min-width:0}.tl-meta{color:var(--text-faint);align-items:center;gap:8px;font-size:12px;display:flex}.tl-type{background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;padding:1px 8px;font-size:11px}.tl-type-message{color:var(--accent);background:var(--accent-weak,#7c6cf01f);border-color:#0000}.tl-type-first_goal{color:#2fa36b;background:#2fa36b24;border-color:#0000}.tl-type-streak{color:#d9820b;background:#e8930c29;border-color:#0000}.tl-type-like{color:#e4566e;background:#e4566e1f;border-color:#0000}.tl-content{margin-top:5px;font-size:15px}.tl-like{color:var(--text-soft);border:1px solid var(--glass-border);transition:color .2s, border-color .2s, background .2s, transform .15s var(--ease);border-radius:999px;align-self:center;padding:6px 12px;font-size:13px;font-weight:500}.tl-like:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-weak)}.tl-like:active{transform:scale(.9)}.tl-like.on{color:var(--accent);border-color:var(--accent);background:var(--accent-weak,#7c6cf01f);animation:.35s tl-pop}.tl-like-static{color:var(--text-faint);align-self:center;font-size:13px}.tl-live-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite tl-breath}.tl-feed>*{animation:.45s cubic-bezier(.22,1,.36,1) backwards tl-rise}.tl-feed>:first-child{animation-delay:20ms}.tl-feed>:nth-child(2){animation-delay:70ms}.tl-feed>:nth-child(3){animation-delay:.12s}.tl-feed>:nth-child(4){animation-delay:.17s}.tl-feed>:nth-child(5){animation-delay:.22s}.tl-feed>:nth-child(6){animation-delay:.27s}.tl-feed>:nth-child(7){animation-delay:.32s}.tl-feed>:nth-child(8){animation-delay:.37s}.tl-feed>:nth-child(n+9){animation-delay:.4s}@keyframes tl-pop{0%{transform:scale(.82)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes tl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tl-breath{0%,to{box-shadow:0 0 #4caf5073}55%{box-shadow:0 0 0 6px #4caf5000}}@media (prefers-reduced-motion:reduce){.tl-feed>*,.tl-like.on,.tl-live-dot{animation:none}}.tl-learn{z-index:1;border-bottom:1px solid var(--glass-border);color:var(--text-soft);align-items:center;gap:10px;padding:7px 4px;font-size:14px;transition:background .2s;display:flex;position:relative}.tl-learn:hover{background:var(--accent-weak,#7c6cf012);border-radius:var(--radius-sm)}.tl-learn:last-child{border-bottom:none}.tl-avatar-sm{z-index:2;border-radius:8px;flex:0 0 26px;width:26px;height:26px;margin-left:6px;font-size:12px;position:relative}.tl-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.rank-avatar{position:relative}.rank-badge{box-sizing:border-box;text-align:center;color:#fff;border:1px solid var(--glass-border);pointer-events:none;background:#0000008c;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:700;line-height:15px;position:absolute;bottom:-5px;right:-5px}.rank-badge.top{background:var(--accent);border-color:#0000}.settings-avatar{background:var(--accent);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-accent);border-radius:50%;flex:0 0 56px;place-items:center;font-size:22px;font-weight:700;display:grid;overflow:hidden}.settings-avatar img{object-fit:cover;width:100%;height:100%;display:block}.tl-num{color:var(--accent);font-weight:700}.tl-learn-time{color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:12px}.thumb-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.thumb{aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid var(--glass-border);cursor:pointer;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb.sel{border-color:var(--accent);border-width:3px}.thumb .del{color:#fff;background:#0000008c;border-radius:50%;width:24px;height:24px;font-size:14px;line-height:1;position:absolute;top:6px;right:6px}.thumb .del:hover{background:#e4566e}.thumb .badge-orient{color:#fff;pointer-events:none;background:#0000008c;border-radius:8px;padding:1px 6px;font-size:11px;line-height:1.5;position:absolute;bottom:6px;left:6px}.upload-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-sm);text-align:center;color:var(--text-soft);cursor:pointer;padding:22px;font-size:14px;transition:border-color .2s}.upload-zone:hover{border-color:var(--accent)}.row-between{justify-content:space-between;align-items:center;display:flex}.stack{gap:16px;display:grid}.hint{color:var(--text-faint);font-size:12px}.error-note{border-radius:var(--radius-sm);color:#e4566e;background:#e4566e26;border:1px solid #e4566e59;padding:12px 14px;font-size:14px}.empty{text-align:center;color:var(--text-faint);padding:40px 20px;font-size:14px}.skip{color:var(--text-faint);margin-top:14px;font-size:13px;text-decoration:underline;display:inline-block}@media (width<=820px){.app-shell{height:auto;display:block}.sidebar{display:none}.main{padding:20px 16px calc(var(--nav-h) + 24px)}.stats-grid.cols-2,.stats-grid.cols-3{grid-template-columns:repeat(2,1fr)}.thumb-grid{grid-template-columns:repeat(3,1fr)}.page-head h1{font-size:24px}.quiz-word{font-size:40px}.quiz-skel-word{height:44px}.quiz-card-foot{align-items:center;display:flex}.quiz-card-foot .feedback{flex:none;margin-top:0;padding:8px 12px}.quiz-card-foot p{flex:auto;min-width:0;font-size:14px;text-align:left!important;margin:0!important}.quiz-card-foot .btn{flex:none;width:auto;margin-left:auto;padding:10px 18px;margin-top:0!important}.quiz-card-foot:has(.feedback){gap:10px}.trend{gap:6px}.trend-scale{flex-basis:24px}.trend-scale span{font-size:9px}.bar-chart{gap:2px}.bar-tip{padding:5px 8px;font-size:11px}.page{animation:none}.btn{white-space:nowrap;border-radius:999px;font-size:16px}.stat-card .label{text-transform:none;font-size:14px}.tl-type{font-size:12px}.tl-meta{font-size:13px}.tl-content{font-size:16px}.rank-badge,.thumb .badge-orient{letter-spacing:.01em;font-size:12px}}@media (width>=821px){.mobile-nav{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.page{animation:none}}.no-scrollbar{scrollbar-width:thin}.toast-wrap{z-index:999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed;top:18px;left:0;right:0}.toast{background:var(--glass);max-width:460px;-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);color:var(--text);animation:toast-in .3s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.toast-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.toast.success .toast-dot{background:#2fa36b}.toast.error .toast-dot{background:#e4566e}.toast.success{border-color:#2fa36b80}.toast.error{border-color:#e4566e8c}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.auth-gate{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-orb{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;width:480px;height:480px;animation:12s ease-in-out infinite alternate orb-drift;position:absolute}.auth-orb-inner{background:radial-gradient(circle at 35% 35%, var(--accent), transparent 65%);border-radius:50%;width:100%;height:100%}@keyframes orb-drift{0%{transform:translate(-40px,-20px)scale(.95)}to{transform:translate(30px,25px)scale(1.05)}}.auth-card{border-radius:var(--radius);background:var(--glass);width:100%;max-width:400px;-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);z-index:1;animation:auth-in .5s var(--ease-out);padding:36px 32px;position:relative}@keyframes auth-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.auth-brand{align-items:center;gap:12px;margin-bottom:8px;display:flex}.auth-mark{background:var(--accent);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-accent);border-radius:12px;place-items:center;font-size:22px;font-weight:700;display:grid}.auth-title{letter-spacing:-.03em;font-size:28px;font-weight:700}.auth-tagline{color:var(--text-soft);letter-spacing:-.01em;margin-bottom:24px;font-size:14px}.auth-mode-switch{border-radius:var(--radius-sm);background:var(--accent-weak);gap:0;margin-bottom:20px;padding:4px;display:flex}.auth-mode-btn{border-radius:var(--radius-xs);color:var(--text-soft);transition:background .25s var(--ease), color .25s var(--ease);flex:1;padding:9px 0;font-size:14px;font-weight:600}.auth-mode-btn.on{background:var(--glass-hi);color:var(--text);box-shadow:var(--shadow-sm)}.auth-fields{gap:12px;margin-bottom:18px;display:grid}.auth-input{padding:14px 16px}.auth-submit{width:100%;padding:14px;font-size:15px}.auth-hint{color:var(--text-faint);text-align:center;margin-top:16px;font-size:12px}@media (width<=820px){.auth-orb{width:320px;height:320px}.auth-card{padding:28px 24px}.auth-title{font-size:24px}}@media (prefers-reduced-motion:reduce){.auth-orb,.auth-card{animation:none}}