:root{--brand-primary:oklch(56% .19 288);--brand-primary-hover:oklch(50% .2 288);--brand-primary-soft:oklch(96% .03 288);--brand-primary-ink:oklch(32% .16 288);--brand-accent:oklch(78% .16 75);--accent-ink:color-mix(in oklch, var(--brand-accent) 42%, black);--danger-ink:color-mix(in oklch, var(--brand-danger) 72%, black);--brand-accent-soft:oklch(96% .06 75);--brand-success:oklch(66% .16 150);--brand-warning:oklch(78% .15 70);--brand-danger:oklch(62% .2 25);--brand-info:oklch(62% .13 230);--ink-900:oklch(20% .02 285);--ink-700:oklch(36% .02 285);--ink-500:oklch(52% .02 285);--ink-400:oklch(64% .02 285);--ink-300:oklch(78% .01 285);--ink-200:oklch(90% .005 285);--ink-100:oklch(96% .003 285);--ink-050:oklch(98.5% .002 285);--ink-000:#fff;--surface-page:var(--ink-050);--surface-card:#fff;--surface-sunken:var(--ink-100);--surface-overlay:#140e268c;--border-subtle:oklch(93% .008 285);--border-default:oklch(88% .012 285);--border-strong:oklch(78% .02 285);--font-sans:"Onest", "Inter", system-ui, sans-serif;--font-display:"Onest", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px;--fs-4xl:44px;--fs-5xl:60px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--sh-xs:0 1px 2px #120c260f;--sh-sm:0 2px 6px #120c260f, 0 1px 2px #120c260a;--sh-md:0 8px 24px -8px #120c261a, 0 2px 6px #120c260a;--sh-lg:0 20px 48px -16px #120c262e, 0 4px 12px #120c260f;--sh-glow:0 0 0 4px color-mix(in oklch, var(--brand-primary) 18%, transparent);--wash-primary:color-mix(in oklch, var(--brand-primary) 20%, white);--wash-accent:color-mix(in oklch, var(--brand-accent) 24%, white);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.48s}[data-brand=forest]{--brand-primary:oklch(55% .13 168);--brand-primary-hover:oklch(48% .14 168);--brand-primary-soft:oklch(96% .03 168);--brand-primary-ink:oklch(30% .1 168);--brand-accent:oklch(74% .16 50);--brand-accent-soft:oklch(96% .05 50);--accent-ink:color-mix(in oklch, var(--brand-accent) 42%, black)}[data-brand=sunset]{--brand-primary:oklch(62% .17 25);--brand-primary-hover:oklch(55% .18 25);--brand-primary-soft:oklch(97% .03 25);--brand-primary-ink:oklch(32% .14 25);--brand-accent:oklch(66% .15 290);--brand-accent-soft:oklch(96% .04 290);--accent-ink:color-mix(in oklch, var(--brand-accent) 42%, black)}[data-density=compact]{--s-3:8px;--s-4:12px;--s-5:16px;--s-6:18px;--s-8:24px;--s-10:32px}[data-radius=sharp]{--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:10px}[data-radius=pill]{--r-sm:14px;--r-md:20px;--r-lg:28px;--r-xl:36px}[data-font=manrope]{--font-sans:"Manrope", system-ui, sans-serif;--font-display:"Manrope", system-ui, sans-serif}[data-font=geist]{--font-sans:"Geist", system-ui, sans-serif;--font-display:"Geist", system-ui, sans-serif}[data-font=onest]{--font-sans:"Onest", system-ui, sans-serif;--font-display:"Onest", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--ink-900);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--brand-primary-soft);color:var(--brand-primary-ink)}:root{--sidebar-w:248px;--topbar-h:72px;--content-max:1320px}html,body,#root{height:100%}body{overflow-x:hidden}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}input,select,textarea,button{color:inherit;font-family:inherit}input,select,textarea{border:1px solid var(--border-default);border-radius:var(--r-sm);background:var(--surface-card);font-size:var(--fs-md);transition:border-color var(--dur-2), box-shadow var(--dur-2);outline:none;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:var(--sh-glow)}input::placeholder,textarea::placeholder{color:var(--ink-400)}svg{display:block}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:transform var(--dur-1), background var(--dur-2), border-color var(--dur-2), box-shadow var(--dur-2);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover)}.btn-secondary{background:var(--surface-card);color:var(--brand-primary-ink);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){border-color:var(--brand-primary);background:var(--brand-primary-soft)}.btn-ghost{color:var(--ink-700);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--ink-100)}.btn-danger{color:var(--danger-ink);background:0 0}.btn-danger:hover:not(:disabled){background:color-mix(in oklch, var(--brand-danger) 10%, transparent)}.btn-lg{font-size:var(--fs-base);border-radius:var(--r-md);padding:13px 22px}.btn-sm{font-size:var(--fs-xs);padding:6px 12px}.btn-icon{flex-shrink:0;width:38px;height:38px;padding:0}.btn-block{width:100%}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:20px}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-title{font-weight:600;font-size:var(--fs-lg);letter-spacing:-.005em}.card-subtitle{font-size:var(--fs-xs);color:var(--ink-500);margin-top:2px}.card-link{font-size:var(--fs-sm);color:var(--brand-primary);font-weight:600;text-decoration:none}.card-link:hover{text-decoration:underline}.stat-tile{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--r-md);box-shadow:var(--sh-sm);padding:16px 18px}.stat-tile-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-tile-label{font-size:var(--fs-xs);color:var(--ink-500);font-weight:500}.stat-tile-icon{background:var(--brand-primary-soft);width:30px;height:30px;color:var(--brand-primary-ink);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-tile-icon.accent{background:var(--brand-accent-soft);color:oklch(40% .13 75)}.stat-tile-icon.success{background:color-mix(in oklch, var(--brand-success) 16%, white);color:oklch(32% .12 150)}.stat-tile-value{letter-spacing:-.015em;margin-top:6px;font-size:30px;font-weight:700;line-height:1}.stat-tile-sub{font-size:var(--fs-xs);color:var(--ink-500);align-items:center;gap:5px;margin-top:7px;display:flex}.stat-tile-sub.up{color:var(--brand-success)}.badge{border-radius:var(--r-pill);font-size:var(--fs-2xs);background:var(--ink-100);color:var(--ink-700);align-items:center;gap:4px;padding:3px 9px;font-weight:600;display:inline-flex}.badge-brand{background:var(--brand-primary-soft);color:var(--brand-primary-ink)}.badge-success{background:color-mix(in oklch, var(--brand-success) 16%, white);color:oklch(30% .12 150)}.badge-warning{background:color-mix(in oklch, var(--brand-warning) 20%, white);color:oklch(36% .14 70)}.badge-danger{background:color-mix(in oklch, var(--brand-danger) 14%, white);color:oklch(42% .16 25)}.badge-count{background:var(--brand-danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.chip-home{color:oklch(42% .13 165);background:oklch(96% .04 165)}.chip-study{color:oklch(42% .16 260);background:oklch(96% .04 260)}.chip-health{color:oklch(45% .14 25);background:oklch(97% .04 25)}.chip-creativity{color:oklch(42% .16 320);background:oklch(96% .04 320)}.chip-sport{color:oklch(42% .16 50);background:oklch(96% .04 50)}.chip-social{color:oklch(42% .14 200);background:oklch(96% .04 200)}.tone-purple{background:var(--brand-primary-soft);color:var(--brand-primary-ink)}.tone-teal{color:oklch(42% .13 175);background:oklch(94% .05 175)}.tone-pink{color:oklch(50% .18 350);background:oklch(94% .05 350)}.tone-amber{background:var(--brand-accent-soft);color:oklch(42% .13 75)}.tone-red{color:oklch(50% .18 25);background:oklch(94% .06 25)}.tone-blue{color:oklch(45% .13 230);background:oklch(94% .05 230)}.brand-mark{background:linear-gradient(135deg, var(--brand-primary), oklch(45% .16 280));color:oklch(38% .16 285);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar{background:var(--brand-primary-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.coin-pill{border-radius:var(--r-pill);background:var(--brand-accent-soft);color:oklch(40% .13 75);font-weight:700;font-size:var(--fs-sm);align-items:center;gap:6px;padding:7px 13px;display:inline-flex}.coin-dot{background:radial-gradient(circle at 30% 30%,oklch(86% .16 75),oklch(68% .16 65));border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 -1px oklch(50% .14 60)}.progress{background:var(--ink-100);border-radius:4px;height:7px;position:relative;overflow:hidden}.progress>div{background:var(--brand-primary);border-radius:4px;position:absolute;inset:0 auto 0 0}.progress.accent>div{background:var(--brand-accent)}.progress.success>div{background:var(--brand-success)}.empty-state{color:var(--ink-500);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 20px;display:flex}.empty-state-icon{background:var(--ink-100);width:52px;height:52px;color:var(--ink-400);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.tabs{border-bottom:1px solid var(--border-subtle);gap:4px;max-width:100%;display:flex;overflow-x:auto}.tab{font-size:var(--fs-sm);color:var(--ink-500);cursor:pointer;transition:color var(--dur-2), border-color var(--dur-2);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:7px;margin-right:22px;padding:11px 4px;font-weight:600;display:flex}.tab:hover{color:var(--ink-900)}.tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.seg{background:var(--ink-100);border-radius:var(--r-md);flex-wrap:wrap;gap:4px;max-width:100%;padding:4px;display:inline-flex}.seg-btn{border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--ink-600,var(--ink-700));cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.seg-btn.active{background:var(--surface-card);color:var(--brand-primary-ink);box-shadow:var(--sh-xs)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border-radius:var(--r-pill);border:1px solid var(--border-default);background:var(--surface-card);font-size:var(--fs-sm);color:var(--ink-700);cursor:pointer;padding:7px 14px;font-weight:500}.filter-chip.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);border-bottom:1px solid var(--border-subtle);padding:10px 14px;font-weight:600}.table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 14px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--ink-050)}.overlay{background:var(--surface-overlay);z-index:100;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface-card);border-radius:var(--r-lg);box-shadow:var(--sh-lg);width:100%;max-width:460px;max-height:90vh;padding:24px;overflow-y:auto}.banner{border-radius:var(--r-md);background:var(--brand-primary-soft);color:var(--brand-primary-ink);border-left:3px solid var(--brand-primary);font-size:var(--fs-sm);align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.5;display:flex}.banner.warn{color:oklch(36% .14 70);border-left-color:var(--brand-warning);background:oklch(97% .04 70)}.banner.success{color:oklch(30% .12 150);border-left-color:var(--brand-success);background:oklch(97% .04 150)}.switch{flex-shrink:0;width:40px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{background:var(--ink-200);cursor:pointer;transition:background var(--dur-2);border-radius:999px;position:absolute;inset:0}.switch .track:before{content:"";width:18px;height:18px;transition:transform var(--dur-2);box-shadow:var(--sh-xs);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--brand-primary)}.switch input:checked+.track:before{transform:translate(16px)}.checkbox{cursor:pointer;font-size:var(--fs-sm);align-items:center;gap:8px;display:inline-flex}.checkbox input{width:16px;height:16px;accent-color:var(--brand-primary)}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--fs-sm);color:var(--ink-900);font-weight:600}.field .hint{font-size:var(--fs-xs);color:var(--ink-500)}.placeholder-block{border-radius:var(--r-lg);background:var(--brand-primary-soft);border:2px dashed var(--brand-primary);color:var(--brand-primary-ink);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;padding:18px;display:flex;overflow:hidden}.placeholder-block .tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.65;font-size:10px}.placeholder-block .lbl{font-weight:600;font-size:var(--fs-sm)}.placeholder-block .dim{font-family:var(--font-mono);opacity:.6;font-size:10px}.recurrence-line{color:var(--ink-500);font-size:var(--fs-2xs);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.shell{background:var(--surface-page);min-height:100vh;display:flex;position:relative}.shell:before,.shell:after{content:"";z-index:0;filter:blur(90px);pointer-events:none;border-radius:50%;position:fixed}.shell:before{background:var(--wash-primary);opacity:.55;width:480px;height:480px;top:-180px;right:-160px}.shell:after{background:var(--wash-accent);opacity:.4;width:520px;height:520px;bottom:-200px;left:30%}.sidebar{width:var(--sidebar-w);background:var(--surface-card);border-right:1px solid var(--border-subtle);z-index:1;flex-direction:column;flex-shrink:0;gap:3px;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0}.sidebar-brand-row{justify-content:space-between;align-items:center;display:flex}.sidebar-brand{letter-spacing:-.02em;color:var(--ink-900);align-items:center;gap:9px;padding:0 8px 20px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.sidebar-close{display:none}.sidebar-nav{flex-direction:column;gap:3px;display:flex}.sidebar-link{border-radius:var(--r-sm);color:var(--ink-700);font-size:var(--fs-sm);transition:background var(--dur-2), color var(--dur-2);align-items:center;gap:11px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--ink-100)}.sidebar-link.active{background:var(--brand-primary);color:#fff}.sidebar-link svg{flex-shrink:0}.sidebar-link .badge-count{margin-left:auto}.sidebar-spacer{flex:1}.sidebar-user{border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--ink-050);color:inherit;cursor:pointer;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:flex}.sidebar-user-name{font-weight:600;font-size:var(--fs-sm);line-height:1.2}.sidebar-user-role{font-size:var(--fs-2xs);color:var(--ink-500);margin-top:1px}.sidebar-user-chevron{color:var(--ink-400);flex-shrink:0;margin-left:auto}.main-col{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:30px clamp(20px,3vw,40px) 20px;display:flex}.topbar-back{color:var(--ink-500);font-size:var(--fs-sm);align-items:center;gap:6px;margin-bottom:10px;text-decoration:none;display:inline-flex}.topbar-back:hover{color:var(--ink-900)}.topbar h1{letter-spacing:-.02em;font-size:26px;font-weight:700}.topbar-subtitle{font-size:var(--fs-sm);color:var(--ink-500);margin-top:4px}.topbar-right{flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;display:flex}.bell-btn{background:var(--surface-card);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--ink-700);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.bell-btn:hover{background:var(--ink-100)}.bell-dot{background:var(--brand-danger);color:#fff;border:2px solid var(--surface-card);border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.content{max-width:var(--content-max);width:100%;padding:0 clamp(20px,3vw,40px) 48px}.mobile-topbar{background:var(--surface-card);border-bottom:1px solid var(--border-subtle);z-index:30;align-items:center;gap:12px;padding:14px clamp(16px,4vw,24px);display:none;position:sticky;top:0}.mobile-menu-btn{border-radius:var(--r-sm);background:var(--surface-page);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--ink-700);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-topbar-brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.sidebar-backdrop{z-index:40;background:var(--surface-overlay);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out);display:none;position:fixed;inset:0}@media (width<=960px){.mobile-topbar{display:flex}.shell{display:block}.sidebar{z-index:50;width:min(84vw,300px);transition:transform var(--dur-3) var(--ease-out);box-shadow:var(--sh-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{background:var(--surface-page);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--ink-700);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.sidebar-backdrop.open{opacity:1;pointer-events:auto;display:block}}.mobile-bottom-nav{display:none}@media (width<=600px){.shell{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.mobile-bottom-nav{z-index:30;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -4px 18px #140e2614}.mobile-bottom-link{border-radius:var(--r-sm);min-width:0;min-height:56px;color:var(--ink-500);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.mobile-bottom-link.active{color:var(--brand-primary-ink);background:var(--brand-primary-soft)}.mobile-bottom-link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}}.legal-page{background:linear-gradient(135deg, var(--brand-primary-soft), var(--surface-page) 55%);justify-content:center;min-height:100vh;padding:32px 16px;display:flex}.legal-card{background:var(--surface-card);border-radius:var(--r-xl);width:100%;max-width:720px;height:fit-content;box-shadow:var(--sh-lg);border:1px solid var(--border-subtle);padding:36px}.legal-consent{flex-direction:column;gap:14px;max-width:520px;margin-top:8vh;display:flex}.legal-card h1{letter-spacing:-.01em;font-size:24px;font-weight:700}.legal-card h2{font-size:var(--fs-md,16px);margin:22px 0 6px;font-weight:700}.legal-card p{color:var(--ink-700);font-size:var(--fs-sm);margin-top:6px;line-height:1.6}.legal-draft{border-radius:var(--r-md);color:oklch(36% .14 70);background:oklch(97% .04 70);margin:12px 0 0;padding:8px 12px;font-weight:600}.legal-check{align-items:flex-start;line-height:1.5}.legal-check input{flex:none;margin-top:3px}.legal-check a{color:var(--brand-primary)}@media (width<=560px){.legal-card{padding:22px}}.auth-page{background:linear-gradient(135deg, var(--brand-primary-soft), var(--surface-page) 55%);grid-template-columns:.92fr 1.08fr;min-height:100vh;display:grid}.auth-card{background:var(--surface-card);border-radius:var(--r-xl);width:100%;max-width:460px;box-shadow:var(--sh-lg);border:1px solid var(--border-subtle);margin:48px auto;padding:36px}.auth-brand{align-items:center;gap:9px;margin-bottom:18px;font-size:18px;font-weight:800;display:flex}.auth-card h1{letter-spacing:-.01em;margin-bottom:8px;font-size:24px;font-weight:700}.auth-lede{color:var(--ink-500);font-size:var(--fs-sm);margin-bottom:22px;line-height:1.55}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-link{font-size:var(--fs-xs);color:var(--brand-primary);font-weight:600;text-decoration:none}.auth-password-wrap{position:relative}.auth-password-toggle{color:var(--ink-400);cursor:pointer;background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-divider{text-align:center;font-size:var(--fs-xs);color:var(--ink-500);margin:20px 0 14px;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);width:38%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-social{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.auth-child-box{border-radius:var(--r-md);background:var(--brand-primary-soft);flex-direction:column;gap:10px;margin-top:22px;padding:16px;display:flex}.auth-child-title{font-weight:700;font-size:var(--fs-sm);color:var(--brand-primary-ink);align-items:center;gap:8px;display:flex}.auth-child-hint{font-size:var(--fs-2xs);color:var(--brand-primary-ink);opacity:.85}.auth-back{text-align:center;color:var(--ink-500);font-size:var(--fs-sm);margin-top:20px;text-decoration:none;display:block}.auth-back:hover{color:var(--ink-900)}.auth-illustration{padding:var(--s-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-illustration:before{content:"";z-index:0;background:radial-gradient(closest-side, color-mix(in oklch, var(--brand-accent) 30%, transparent), transparent 72%);filter:blur(4px);border-radius:50%;position:absolute;inset:8%}.auth-illustration-img{z-index:1;object-fit:contain;filter:drop-shadow(0 24px 40px #1e103c29);width:min(100%,760px);height:auto;max-height:min(88vh,800px);position:relative}@media (width<=980px){.auth-page{grid-template-columns:minmax(0,1fr)}.auth-illustration{display:none}}@media (width<=560px){.auth-card{box-shadow:none;border:none;border-radius:0;margin:0 auto;padding:24px 18px}.auth-social{grid-template-columns:minmax(0,1fr)}}