@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";.guides-page{min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 86% 2%, var(--bg-glow-1), transparent 28%), var(--bg)}.guides-header{border-bottom:1px solid var(--border);align-items:center;gap:28px;width:min(1120px,100% - 48px);min-height:78px;margin:0 auto;display:flex}.guides-header>nav{gap:24px;margin-left:auto;display:flex}.guides-header>nav a,.guides-footer>a:last-child{color:var(--text-2);font-size:13px;font-weight:650;text-decoration:none}.guides-header>nav a:hover,.guides-footer>a:last-child:hover{color:var(--primary)}.guides-header>div{align-items:center;gap:18px;display:flex}.guides-header .landing-brand{font-size:22px}.guides-header .landing-brand img{width:39px;height:39px}.guides-main,.guide-article-main{width:min(1000px,100% - 48px);margin:0 auto}.guides-hero{text-align:center;max-width:750px;margin:0 auto;padding:80px 0 58px}.guide-kicker{color:var(--primary);letter-spacing:.13em;align-items:center;gap:8px;font-size:11px;font-weight:850;display:inline-flex}.guides-hero h1{font:800 clamp(37px, 5.3vw, 58px)/1.08 var(--font-display);letter-spacing:-.055em;margin:17px 0 15px}.guides-hero>p{max-width:630px;color:var(--text-2);margin:0 auto;font-size:17px;line-height:1.75}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guide-card{border:1px solid var(--border);background:var(--surface);min-height:300px;box-shadow:var(--shadow-sm);transition:transform .22s var(--ease), box-shadow .22s, border-color .2s;border-radius:21px;flex-direction:column;padding:25px;display:flex}.guide-card:hover{border-color:var(--primary-soft-2);box-shadow:var(--shadow-md);transform:translateY(-4px)}.guide-card-icon,.guide-article-icon{background:var(--primary-soft);width:45px;height:45px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.guide-card-meta{color:var(--text-3);align-items:center;gap:7px;margin-top:18px;font-size:11px;font-weight:700;display:flex}.guide-card h2{font:750 20px/1.28 var(--font-display);letter-spacing:-.035em;margin:12px 0 8px}.guide-card h2 a{color:var(--text);text-decoration:none}.guide-card h2 a:hover{color:var(--primary)}.guide-card>p{color:var(--text-2);margin:0 0 20px;font-size:13px;line-height:1.7}.guide-link{width:fit-content;color:var(--primary);align-items:center;gap:8px;margin-top:auto;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.guide-link:hover{gap:11px}.guides-cta{border:1px solid var(--primary-soft-2);background:linear-gradient(120deg, var(--primary-soft), var(--surface) 78%);border-radius:23px;justify-content:space-between;align-items:center;gap:25px;margin:66px 0 76px;padding:34px 39px;display:flex}.guides-cta>div>span{color:var(--primary);letter-spacing:.14em;font-size:10px;font-weight:850}.guides-cta h2{font:750 25px var(--font-display);letter-spacing:-.035em;margin:8px 0 6px}.guides-cta p{color:var(--text-2);margin:0;font-size:13px;line-height:1.6}.guides-cta .landing-signup{flex:none}.guides-footer{border-top:1px solid var(--border);align-items:center;gap:20px;width:min(1120px,100% - 48px);min-height:76px;margin:0 auto;display:flex}.guides-footer .landing-brand{font-size:17px}.guides-footer .landing-brand img{border-radius:9px;width:30px;height:30px}.guides-footer small{color:var(--text-3);margin-right:auto;font-size:11px}.guide-article-main{max-width:900px;padding:30px 0 72px}.guide-back{color:var(--text-2);align-items:center;gap:7px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.guide-back:hover{color:var(--primary)}.guide-article{max-width:760px;margin:30px auto 0}.guide-article-head{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface), var(--primary-soft));box-shadow:var(--shadow-sm);border-radius:24px;padding:36px 40px}.guide-article-head .guide-card-meta{margin-top:17px}.guide-article-head h1{font:800 clamp(34px, 5vw, 50px)/1.08 var(--font-display);letter-spacing:-.055em;margin:15px 0 12px}.guide-dek{color:var(--text-2);margin:0;font-size:16px;line-height:1.75}.guide-toc{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:9px;margin:24px 0 32px;padding:22px 25px;display:grid}.guide-toc b{font:750 15px var(--font-display);margin-bottom:2px}.guide-toc a{width:fit-content;color:var(--primary);font-size:13px;font-weight:650;text-decoration:none}.guide-toc a:hover{text-decoration:underline}.guide-body{padding:0 14px}.guide-body section{margin:0 0 32px;scroll-margin-top:28px}.guide-body h2{font:750 25px/1.25 var(--font-display);letter-spacing:-.035em;margin:0 0 12px}.guide-body p{color:var(--text-2);margin:0 0 14px;font-size:15px;line-height:1.9}.guide-callout{border:1px solid var(--primary-soft-2);background:var(--primary-soft);color:var(--primary);border-radius:18px;gap:15px;margin-top:38px;padding:22px;display:flex}.guide-callout>svg{flex:none;margin-top:2px}.guide-callout b{color:var(--text);font:750 16px var(--font-display)}.guide-callout p{color:var(--text-2);margin:7px 0 10px;font-size:13px;line-height:1.65}.guide-callout a{color:var(--primary);align-items:center;gap:7px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.guide-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;padding:50px 24px;display:flex}.guide-not-found>svg{color:var(--primary)}.guide-not-found h1{font:800 34px var(--font-display);margin:18px 0 8px}.guide-not-found p{color:var(--text-2)}.guide-not-found .guide-link{margin-top:12px}@media (width<=800px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-header{gap:15px}}@media (width<=600px){.guides-header,.guides-main,.guide-article-main,.guides-footer{width:calc(100% - 32px)}.guides-header{flex-wrap:wrap;gap:10px;min-height:68px}.guides-header .landing-brand{gap:7px;font-size:18px}.guides-header .landing-brand img{width:33px;height:33px}.guides-header>nav{display:none}.guides-header>div{gap:11px;margin-left:auto}.guides-header .landing-login{font-size:12px}.guides-header .landing-signup{min-height:38px;padding-inline:12px;font-size:11px}.guides-hero{padding:58px 0 34px}.guides-hero h1{font-size:clamp(35px,10vw,46px)}.guides-hero>p{font-size:14px}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-card{min-height:0;padding:21px}.guides-cta{flex-direction:column;align-items:flex-start;margin:42px 0;padding:25px 22px}.guides-cta h2{font-size:22px}.guides-footer{flex-wrap:wrap;justify-content:space-between;padding:14px 0}.guides-footer small{order:3;width:100%}.guide-article-main{padding-top:22px}.guide-article{margin-top:22px}.guide-article-head{border-radius:19px;padding:26px 22px}.guide-article-head h1{font-size:35px}.guide-dek{font-size:14px}.guide-toc{padding:18px}.guide-body{padding:0 3px}.guide-body h2{font-size:22px}.guide-body p{font-size:14px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Sora", "Plus Jakarta Sans", system-ui, sans-serif;--bg:#f4f5fb;--bg-glow-1:#7c6cff29;--bg-glow-2:#22d3ee1c;--surface:#fff;--surface-2:#f8f8fe;--surface-3:#eeeffa;--border:#e7e8f4;--border-strong:#d4d6ea;--text:#14152e;--text-2:#51557a;--text-3:#8a8eae;--primary:#6a5cf5;--primary-600:#5648e0;--primary-300:#a79dff;--primary-soft:#efedff;--primary-soft-2:#e1dcff;--grad:linear-gradient(135deg, #7b6cff 0%, #6a5cf5 45%, #9b5cf6 100%);--success:#10b981;--success-soft:#e3f8ef;--success-text:#0b8a60;--warning:#f59e0b;--warning-soft:#fff3dc;--warning-text:#b06500;--danger:#f43f5e;--danger-soft:#ffeaee;--danger-text:#d12c4b;--info:#3b82f6;--info-soft:#e7f0ff;--info-text:#2461c7;--pink-soft:#ffe6f3;--cyan-soft:#dcf6fa;--tip:#1e1f3b;--shadow-sm:0 1px 2px #1f21500d, 0 2px 8px #1f21500a;--shadow-md:0 10px 28px #28246e17;--shadow-lg:0 24px 60px #28246e2e;--glow:0 8px 22px #6a5cf559;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-xl:24px;--ease:cubic-bezier(.22, 1, .36, 1);--sidebar-w:272px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0a1d;--bg-glow-1:#7c6cff33;--bg-glow-2:#22d3ee12;--surface:#13122c;--surface-2:#181737;--surface-3:#211f47;--border:#272553;--border-strong:#38366d;--text:#f3f3ff;--text-2:#b3b5d9;--text-3:#7c7fa9;--primary:#8d80ff;--primary-600:#7b6dff;--primary-300:#b3a9ff;--primary-soft:#8d80ff24;--primary-soft-2:#8d80ff47;--success-soft:#10b98126;--success-text:#34d399;--warning-soft:#f59e0b26;--warning-text:#fbbf24;--danger-soft:#f43f5e26;--danger-text:#fb7185;--info-soft:#3b82f629;--info-text:#60a5fa;--pink-soft:#ec489929;--cyan-soft:#06b6d429;--tip:#2d2b5e;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 10px 30px #00000059;--shadow-lg:0 24px 60px #0000008c}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shine{0%,55%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}@keyframes pulse{0%{box-shadow:0 0 #f43f5e8c}70%{box-shadow:0 0 0 8px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes checkPop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ringPop{0%{opacity:0;transform:scale(.7)rotate(-90deg)}to{opacity:1;transform:none}}@keyframes dotPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:none}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 14.5px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;transition:background .3s,color .3s}button,input,select,textarea{color:inherit;font-family:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text)}p{color:inherit}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-300)}.app{background:radial-gradient(900px 520px at 88% -8%, var(--bg-glow-1), transparent 60%), radial-gradient(760px 520px at -6% 106%, var(--bg-glow-2), transparent 60%), var(--bg);background-attachment:fixed;min-height:100vh;display:flex;position:relative}.app>aside{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:40;transition:transform .38s var(--ease), background .3s, border-color .3s;flex-direction:column;padding:22px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{font:800 27px var(--font-display);letter-spacing:-.04em;color:var(--text);align-items:center;gap:12px;padding:4px 10px 24px;display:flex}.brand-home{text-align:left;cursor:pointer;width:100%;transition:transform .2s var(--ease), opacity .2s;background:0 0;border:0}.brand-home:hover{opacity:.9;transform:translateY(-1px)}.brand-home:focus-visible{border-radius:14px}.brand>span>span{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.logo{background:var(--grad);color:#fff;width:48px;height:48px;font:800 19px var(--font-display);box-shadow:var(--glow);border-radius:13px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.logo:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffff80 50%,#0000 70%);animation:4.5s ease-in-out infinite shine;position:absolute;inset:0}.logo:has(>img){box-shadow:none;background:0 0;overflow:visible}.logo:has(>img):after{display:none}.logo>img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.nav{flex-direction:column;gap:18px;display:flex}.nav-group{animation:slideIn .5s var(--ease) backwards}.nav-group:nth-child(2){animation-delay:80ms}.nav-label{font:700 11px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 6px;padding:0 12px}.nav button,.side-bottom>button{width:100%;color:var(--text-2);font:600 14px var(--font-body);text-align:left;cursor:pointer;transition:background .2s, color .2s, transform .25s var(--ease);background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;margin:2px 0;padding:8px 12px;display:flex;position:relative}.nav-icon{background:color-mix(in srgb, var(--tone,var(--primary)) 13%, transparent);width:34px;height:34px;color:var(--tone,var(--primary));transition:transform .3s var(--ease), background .2s, color .2s, box-shadow .2s;border-radius:11px;flex:none;place-items:center;display:grid}.nav button:hover,.side-bottom>button:hover{background:var(--surface-2);color:var(--text);transform:translate(3px)}.nav button:hover .nav-icon,.side-bottom>button:hover .nav-icon{transform:scale(1.1)rotate(-5deg)}.nav button.active,.side-bottom>button.active{background:var(--primary-soft);color:var(--primary);transform:none}.nav button.active .nav-icon,.side-bottom>button.active .nav-icon{background:var(--tone,var(--primary));color:#fff;box-shadow:0 6px 14px color-mix(in srgb, var(--tone,var(--primary)) 45%, transparent)}.nav button.active:before,.side-bottom>button.active:before{content:"";background:var(--tone,var(--primary));border-radius:0 6px 6px 0;width:4px;position:absolute;top:10px;bottom:10px;left:-14px}.nav-count{min-width:24px;height:22px;font:700 11.5px var(--font-body);background:color-mix(in srgb, var(--tone,var(--primary)) 16%, transparent);color:var(--tone,var(--primary));border-radius:999px;place-items:center;margin-left:auto;padding:0 7px;font-style:normal;display:grid}.side-card{background:var(--grad);color:#fff;text-align:left;cursor:pointer;box-shadow:var(--glow);transition:transform .3s var(--ease), box-shadow .3s;border:0;border-radius:18px;width:calc(100% - 8px);margin:auto 4px 14px;padding:16px;position:relative;overflow:hidden}.side-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #6a5cf573}.side-card:before,.side-card:after{content:"";background:#ffffff24;border-radius:50%;position:absolute}.side-card:before{width:120px;height:120px;top:-46px;right:-34px}.side-card:after{background:#ffffff1a;width:72px;height:72px;bottom:-38px;right:34px}.side-card-icon{background:#ffffff38;border-radius:11px;place-items:center;width:36px;height:36px;margin-bottom:12px;animation:3.2s ease-in-out infinite float;display:grid}.side-card b{font:700 14.5px var(--font-display);z-index:1;display:block;position:relative}.side-card small{opacity:.88;z-index:1;margin-top:4px;font-size:12.5px;line-height:1.45;display:block;position:relative}.side-bottom{border-top:1px solid var(--border);padding-top:12px}.user{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;align-items:center;gap:11px;margin-top:10px;padding:10px;display:flex}.user>div:last-child{min-width:0}.user b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;display:block;overflow:hidden}.user small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;display:block;overflow:hidden}.avatar,.profile-avatar{background:var(--grad);color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar{width:38px;height:38px;font:700 13px var(--font-display)}.scrim{display:none}.app>main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));min-width:0;max-width:1640px;padding:28px 40px 64px}.page{animation:fadeUp .55s var(--ease) backwards}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);justify-content:space-between;align-items:center;gap:16px;margin:-28px -40px 26px;padding:20px 40px 16px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.eyebrow{font:700 11.5px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin:0 0 5px}h1{font:700 29px/1.15 var(--font-display);letter-spacing:-.035em;color:var(--text);margin:0}.wave{transform-origin:70% 80%;animation:2.4s ease-in-out .8s 2 wave;display:inline-block}.header-actions{align-items:center;gap:10px;display:flex}.menu-button{display:none!important}.notification-menu{position:relative}.notification-trigger>i{border:2px solid var(--surface);background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.notification-popover{z-index:50;border:1px solid var(--border);background:var(--surface);width:min(390px,100vw - 32px);max-height:min(560px,100vh - 100px);box-shadow:var(--shadow-lg);animation:fadeUp .18s var(--ease) backwards;border-radius:18px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.notification-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:17px 18px 13px;display:flex}.notification-head h2{margin:0;font-size:16px}.notification-head p{color:var(--text-3);margin:4px 0 0;font-size:12px}.notification-read-all,.browser-alert-prompt{color:var(--primary);font:700 12px var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.browser-alert-prompt{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-self:flex-start;margin:12px 16px 0;padding:9px 11px}.notification-hint{color:var(--text-3);margin:12px 16px 0;font-size:12px;line-height:1.45}.notification-list{padding:7px;overflow-y:auto}.notification-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:flex-start;gap:11px;padding:12px 10px;transition:background .18s;display:flex}.notification-item:hover{background:var(--surface-2)}.notification-item.unread{background:color-mix(in srgb, var(--primary-soft) 48%, transparent)}.notification-type{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:11px;flex:0 0 34px;place-items:center;display:grid}.notification-type.task_due{color:#b76b00;background:#fff4df}.notification-type.revision_overdue{background:var(--danger-soft);color:var(--danger-text)}.notification-copy{gap:3px;min-width:0;display:grid}.notification-copy b{font-size:13px}.notification-copy>span{color:var(--text-2);font-size:12px;line-height:1.45}.notification-copy small{color:var(--text-3);align-items:center;gap:4px;margin-top:3px;font-size:10px;display:inline-flex}.notification-unread-dot{background:var(--primary);border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin:6px 0 0 auto}.notification-empty{text-align:center;justify-items:center;gap:7px;padding:34px 20px;display:grid}.notification-empty>span{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.notification-empty b{font-size:14px}.notification-empty p{max-width:250px;color:var(--text-3);margin:0;font-size:12px;line-height:1.5}.icon-button{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), color .2s, border-color .2s, background .2s, box-shadow .2s;border-radius:14px;place-items:center;display:grid;position:relative}.icon-button:hover{color:var(--primary);border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.icon-button:active{transform:scale(.94)}.icon-button i{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;animation:2s infinite pulse;position:absolute;top:9px;right:10px}.primary{background:var(--grad);color:#fff;font:700 14px var(--font-body);cursor:pointer;box-shadow:var(--glow);transition:transform .25s var(--ease), box-shadow .25s, filter .2s;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;display:inline-flex;position:relative;overflow:hidden}.primary:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff59 50%,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6a5cf580}.primary:hover:after{transition:transform .7s var(--ease);transform:translate(130%)}.primary:active{transform:scale(.97)}.primary:disabled{opacity:.6;cursor:not-allowed}.stat,.panel,.subject{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s, border-color .3s, background .3s}.stat:hover,.subject:hover{box-shadow:var(--shadow-md);border-color:var(--primary-soft-2);transform:translateY(-4px)}.panel:hover{box-shadow:var(--shadow-md)}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.stat{align-items:center;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.stat:after{content:"";background:var(--primary-soft);opacity:.6;width:96px;height:96px;transition:transform .5s var(--ease);border-radius:50%;position:absolute;top:-28px;right:-28px}.stat:hover:after{transform:scale(1.5)}.stat>*{z-index:1;position:relative}.stat-icon{border-radius:16px;flex:none;place-items:center;width:50px;height:50px;display:grid}.stat-icon svg{width:22px;height:22px}.blue{background:var(--info-soft);color:var(--info-text)}.rose{background:var(--danger-soft);color:var(--danger-text)}.violet{background:var(--primary-soft);color:var(--primary)}.orange{background:var(--warning-soft);color:var(--warning-text)}.green{background:var(--success-soft);color:var(--success-text)}.pink{background:var(--pink-soft);color:#d6338a}.cyan{background:var(--cyan-soft);color:#0a8ba3}.stat strong{font:700 27px/1.1 var(--font-display);letter-spacing:-.03em;display:block}.stat small{color:var(--text-3);margin-top:4px;font-size:13px;font-weight:500;display:block}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.panel{min-width:0;padding:24px}.span2{grid-column:span 2}.panel-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel h2,.subject h2{color:var(--text);margin:0;font-size:17px;font-weight:600}.text-button{color:var(--primary);font:700 13px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:4px 6px;transition:background .2s,transform .2s;display:inline-flex}.text-button:hover{background:var(--primary-soft);transform:translate(2px)}.stats>*,.grid>*,.subject-grid>*,.plan-grid>*{animation:fadeUp .6s var(--ease) backwards}:is(.stats,.grid,.subject-grid,.plan-grid)>:nth-child(2){animation-delay:60ms}:is(.stats,.grid,.subject-grid,.plan-grid)>:nth-child(3){animation-delay:.12s}:is(.stats,.grid,.subject-grid,.plan-grid)>:nth-child(4){animation-delay:.18s}:is(.stats,.grid,.subject-grid,.plan-grid)>:nth-child(5){animation-delay:.24s}:is(.stats,.grid,.subject-grid,.plan-grid)>:nth-child(6){animation-delay:.3s}:is(.stats,.grid,.subject-grid,.plan-grid)>:nth-child(n+7){animation-delay:.36s}:is(.task-list,.schedule,.mini-list,.weekly-task-list,.roadmap-track)>*{animation:fadeUp .5s var(--ease) backwards}:is(.task-list,.schedule,.mini-list,.weekly-task-list,.roadmap-track)>:nth-child(2){animation-delay:50ms}:is(.task-list,.schedule,.mini-list,.weekly-task-list,.roadmap-track)>:nth-child(3){animation-delay:.1s}:is(.task-list,.schedule,.mini-list,.weekly-task-list,.roadmap-track)>:nth-child(4){animation-delay:.15s}:is(.task-list,.schedule,.mini-list,.weekly-task-list,.roadmap-track)>:nth-child(n+5){animation-delay:.2s}.schedule-item{border-radius:14px;align-items:center;gap:12px;min-height:62px;margin:0 -10px;padding:8px 10px;transition:background .2s;display:flex}.schedule-item:hover{background:var(--surface-2)}.schedule-item time{width:62px;color:var(--text-2);flex:none;font-size:12.5px;font-weight:600}.line{border-left:2px dashed var(--border-strong);height:40px}.topic-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:12px;flex:none;place-items:center;display:grid}.grow{flex:1;min-width:0}.grow b{font-size:14px;font-weight:600;display:block}.grow small,.tr small,.mini-list small{color:var(--text-3);margin-top:3px;font-size:12.5px;display:block}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-style:normal;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.due-today{color:var(--warning-text)}.completed{color:var(--success-text)}.overdue{color:var(--danger-text)}.upcoming{color:var(--primary)}.badge.due-today{background:var(--warning-soft)}.badge.completed{background:var(--success-soft)}.badge.overdue{background:var(--danger-soft)}.badge.upcoming{background:var(--primary-soft)}.badge.overdue:before{animation:2s infinite pulse}.soft{border:1px solid var(--primary-soft-2);background:var(--primary-soft);color:var(--primary);font:700 12.5px var(--font-body);cursor:pointer;transition:background .2s, color .2s, transform .25s var(--ease), box-shadow .2s;border-radius:11px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.soft:hover{background:var(--primary);color:#fff;box-shadow:var(--glow);transform:translateY(-2px)}.soft:active{transform:scale(.96)}.confidence{color:var(--success-text);font-size:12.5px;font-weight:700}.actions{align-items:center;gap:8px;display:flex}.delete{color:var(--danger-text);font:700 12.5px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 10px;transition:background .2s}.delete:hover{background:var(--danger-soft)}.edit{background:var(--surface-3);color:var(--text-2);font:700 12.5px var(--font-body);cursor:pointer;border:0;border-radius:9px;padding:7px 11px;transition:background .2s,color .2s}.edit:hover{background:var(--primary-soft);color:var(--primary)}.goal{align-items:center;gap:20px;padding:4px 0 16px;display:flex}.goal p{margin:0;font-size:13.5px;line-height:1.6}.goal small{color:var(--text-3)}.ring{text-align:center;background:conic-gradient(var(--primary) 68%, var(--surface-3) 0);width:98px;height:98px;animation:ringPop .9s var(--ease) backwards;border-radius:50%;flex:none;place-content:center;display:grid;position:relative}.ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:9px}.ring b,.ring small{z-index:1}.ring b{font:700 21px var(--font-display)}.ring small{color:var(--text-3);font-size:10.5px;font-weight:600}.task-ring{background:conic-gradient(var(--success) 0%, var(--surface-3) 0)}.live-progress{background:linear-gradient(150deg, var(--surface) 0%, var(--primary-soft) 220%)}.progress{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.progress i{border-radius:inherit;background:var(--grad);transform-origin:0;width:68%;height:100%;animation:growX 1.1s var(--ease) .2s backwards;display:block}.task-progress i{background:linear-gradient(90deg,#10b981,#34d399)}.progress.large{height:12px;margin:0 0 28px}.task-list{flex-direction:column;display:flex}.task{border-bottom:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;min-height:62px;margin:0 -10px;padding:6px 10px;transition:background .2s;display:flex}.task:hover{background:var(--surface-2)}.task:last-child{border-bottom-color:#0000}.task.done b{color:var(--text-3);text-decoration:line-through}.check{border:2px solid var(--border-strong);background:var(--surface);color:#fff;cursor:pointer;border-radius:7px;place-items:center;width:22px;height:22px;transition:all .2s;display:grid}.check:hover{border-color:var(--primary)}.done .check{border-color:var(--success);background:var(--success);animation:checkPop .35s var(--ease)}.priority{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.priority:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.priority.high{background:var(--danger-soft);color:var(--danger-text)}.priority.medium{background:var(--warning-soft);color:var(--warning-text)}.priority.low{background:var(--success-soft);color:var(--success-text)}.task-row{gap:15px;min-height:74px}.task-complete{border:1px solid var(--primary-soft-2);background:var(--primary-soft);color:var(--primary);font:700 12.5px var(--font-body);cursor:pointer;transition:all .25s var(--ease);border-radius:999px;order:3;align-items:center;gap:7px;padding:8px 14px;display:inline-flex}.task-complete span{border:2px solid;border-radius:50%;width:10px;height:10px}.task-complete:hover{background:var(--primary);color:#fff;box-shadow:var(--glow);transform:translateY(-2px)}.task-complete.is-done{background:var(--success-soft);color:var(--success-text);border-color:#0000}.task-complete.is-done:hover{background:var(--success);color:#fff;box-shadow:0 8px 20px #10b98159}.mini-list>div{border-radius:14px;align-items:center;gap:14px;margin:4px -10px;padding:10px;transition:background .2s;display:flex}.mini-list>div:hover{background:var(--surface-2)}.mini-list p{margin:0;font-size:13.5px}.mini-list p b{font-weight:600}.date-box{text-align:center;border:1px solid var(--primary-soft-2);background:var(--primary-soft);border-radius:14px;flex:none;width:48px;height:52px;padding-top:6px}.date-box b{font:700 16px/1.1 var(--font-display);color:var(--primary);display:block}.date-box small{letter-spacing:.08em;color:var(--text-3);margin-top:2px;font-size:10px;font-weight:700;display:block}.full{min-height:420px}.table .thead,.tr{grid-template-columns:1.3fr 1.1fr .8fr .9fr;align-items:center;gap:14px;display:grid}.thead{border-bottom:1px solid var(--border);color:var(--text-3);letter-spacing:.09em;padding:10px 12px;font-size:11.5px;font-weight:700}.tr{border-bottom:1px solid var(--border);border-radius:12px;padding:16px 12px;font-size:13.5px;transition:background .2s}.tr:hover{background:var(--surface-2)}.tr b{font-weight:600}.task-page-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;padding-bottom:20px;display:flex}.task-page-head h2{margin:0;font-size:19px}.task-page-head p{color:var(--text-3);margin:5px 0 0;font-size:13.5px}.task-tabs,.calendar-tabs{background:var(--surface-3);border:0;border-radius:14px;gap:3px;padding:4px;display:flex;overflow:hidden}.task-tabs button,.calendar-tabs button{color:var(--text-2);font:600 13px var(--font-body);cursor:pointer;transition:all .25s var(--ease);background:0 0;border:0;border-radius:10px;padding:8px 15px}.task-tabs button:hover,.calendar-tabs button:hover{color:var(--text)}.task-tabs .selected,.calendar-tabs .selected{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;color:var(--text-3);padding:46px}.polished-empty{text-align:center;border:2px dashed var(--primary-soft-2);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary-soft), transparent 70%);min-height:270px;color:var(--text-2);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:32px;display:flex}.polished-empty:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z'/%3E%3Cpath d='M19 15l.7 1.8L21.5 17.5l-1.8.7L19 20l-.7-1.8-1.8-.7 1.8-.7z'/%3E%3C/svg%3E") center / 30px no-repeat, var(--grad);width:64px;height:64px;box-shadow:var(--glow);border-radius:20px;margin-bottom:16px;animation:3.4s ease-in-out infinite float}.polished-empty b{font:700 18px var(--font-display);color:var(--text)}.polished-empty p{max-width:400px;color:var(--text-2);margin:8px 0 18px;line-height:1.6}.calendar{padding:26px}.calendar-head{align-items:center;gap:10px;margin-bottom:22px;display:flex}.calendar-head h2{margin-right:auto;font-size:21px}.calendar-key{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;margin:-6px 0 16px;font-size:12.5px;font-weight:500;display:flex}.key{border-radius:50%;width:10px;height:10px;margin-left:12px;display:inline-block}.done-key{background:var(--success)}.todo-key{background:var(--danger)}.revision-key{background:var(--primary)}.task-key{background:var(--info)}.weekdays,.days{grid-template-columns:repeat(7,1fr);display:grid}.weekdays span{text-align:center;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;padding:10px 8px;font-size:12px;font-weight:700}.days{border-top:1px solid var(--border);border-left:1px solid var(--border);border-radius:14px;overflow:hidden}.day{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:124px;padding:8px;transition:background .2s;overflow:hidden}.day:hover{background:var(--surface-2)}.days>.empty{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2);opacity:.55;min-height:124px}.day>b,.day-top>b{color:var(--text-2);font-size:12.5px;font-weight:600}.day.today{background:var(--primary-soft)}.day.today b{background:var(--grad);color:#fff;width:26px;height:26px;box-shadow:var(--glow);border-radius:50%;place-items:center;display:inline-grid}.day-top{justify-content:space-between;align-items:center;display:flex}.day-score{color:var(--primary);font-size:11px;font-weight:800}.event{border-radius:7px;margin-top:5px;padding:4px 8px;font-size:11px;line-height:1.35;display:block;overflow:hidden}.calendar .event{white-space:normal;min-height:22px}.event.due-today{background:var(--warning-soft)}.event.completed{background:var(--success-soft)}.event.overdue{background:var(--danger-soft)}.event.upcoming{background:var(--primary-soft)}.event.done-event{background:var(--success-soft);color:var(--success-text);border-left:3px solid var(--success)}.event.todo-event{background:var(--danger-soft);color:var(--danger-text);border-left:3px solid var(--danger)}.task-event,.daily-calendar-event{background:var(--info-soft);color:var(--info-text);border-left:3px solid var(--info)}.revision-event{font-weight:600}.daily-event{font-size:10.5px}.year-select{border:1px solid var(--border);background:var(--surface);color:var(--text-2);font:600 13px var(--font-body);cursor:pointer;border-radius:11px;margin-left:8px;padding:9px 12px}.subject-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.subject{padding:22px}.subject-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.subject h2{margin-top:16px}.subject p{color:var(--text-3);margin:5px 0 16px;font-size:13px}.subject .text-button{margin-top:16px}.roadmap-list{max-width:940px}.roadmap-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.roadmap-intro h2{margin:0;font-size:21px}.roadmap-intro p{color:var(--text-3);margin:6px 0 0}.topic-roadmap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fadeUp .55s var(--ease) backwards;margin-bottom:16px;transition:box-shadow .3s,border-color .3s;overflow:hidden}.topic-roadmap:hover{box-shadow:var(--shadow-md);border-color:var(--primary-soft-2)}.roadmap-title{border-bottom:1px solid var(--border);background:linear-gradient(90deg, var(--primary-soft), transparent 60%);align-items:center;gap:14px;padding:18px 22px;display:flex}.roadmap-title h2{margin:0;font-size:16px}.roadmap-title p{color:var(--text-3);margin:3px 0 0;font-size:12.5px}.roadmap-track{padding:6px 22px 14px}.roadmap-step{align-items:center;gap:14px;min-height:64px;display:flex;position:relative}.roadmap-step:not(:last-child):before{content:"";border-left:2px dashed var(--border-strong);height:32px;position:absolute;top:44px;left:11px}.step-dot{z-index:1;border:2px solid var(--primary-300);background:var(--surface);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.complete-dot{background:var(--success);border-color:var(--success);animation:checkPop .4s var(--ease)}.roadmap-step b{font-size:13.5px;font-weight:600}.roadmap-step small{color:var(--text-3);margin-top:4px;font-size:12.5px;display:block}.roadmap-step .actions{margin-left:auto}.no-revisions{color:var(--text-3);padding:12px 0;font-size:13px}.chart{border-bottom:1px solid var(--border);align-items:flex-end;gap:18px;height:240px;padding:0 10px;display:flex}.chart div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart i{background:var(--grad);transform-origin:bottom;width:100%;animation:growY .9s var(--ease) backwards;border-radius:10px 10px 0 0}.chart small{color:var(--text-3)}.subject-progress>div{margin:18px 0}.subject-progress span{justify-content:space-between;margin-bottom:8px;font-size:13.5px;font-weight:500;display:flex}.subject-progress b{color:var(--primary)}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;padding-top:22px;display:grid}.revision-plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s, border-color .3s;flex-direction:column;gap:13px;padding:22px;display:flex;position:relative;overflow:hidden}.revision-plan-card:before{content:"";background:var(--grad);transform-origin:0;height:4px;transition:transform .45s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.revision-plan-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-soft-2);transform:translateY(-5px)}.revision-plan-card:hover:before{transform:scaleX(1)}.revision-plan-card h2{margin:0;padding-right:30px;font-size:17px}.revision-plan-card p{color:var(--text-3);margin:5px 0;font-size:13px}.revision-plan-card>b{color:var(--primary);font-size:13px}.revision-plan-card .soft{align-self:flex-start}.tracking{padding-top:8px}.tracking-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.tracking-summary div{background:linear-gradient(135deg, var(--primary-soft), var(--surface-2));border:1px solid var(--primary-soft-2);border-radius:16px;padding:18px}.tracking-summary b{font:700 25px var(--font-display);color:var(--primary);display:block}.tracking-summary small{color:var(--text-2);font-size:12.5px;font-weight:500}.revision-table{margin-top:22px;overflow-x:auto}.revision-table .tr{background:0 0}.revision-table .actions{flex-wrap:wrap;justify-content:flex-end}.timeline-shell{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface-2) 0%, var(--surface) 100%);margin:12px 0 14px;padding:70px 8px 18px;overflow-x:auto}.timeline{justify-content:flex-start;min-width:max-content;margin:0 8px;display:flex;position:relative}.timeline:before{content:"";background:var(--surface-3);z-index:0;border-radius:4px;height:5px;position:absolute;top:14px;left:42px;right:42px}.timeline-completed{max-width:calc(100% - 84px);height:5px;box-shadow:0 0 0 2px var(--success-soft);z-index:0;transform-origin:0;animation:growX 1.2s var(--ease) .3s backwards;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;position:absolute;top:14px;left:42px}.timeline-step{z-index:1;text-align:center;flex:none;width:112px;min-width:112px;position:relative}.timeline-dot{border:4px solid var(--border-strong);background:var(--surface);width:32px;height:32px;color:var(--text-2);cursor:help;transition:transform .25s var(--ease);animation:dotPop .5s var(--ease) backwards;border-radius:50%;place-items:center;margin:auto;font-size:12px;font-weight:800;display:grid;position:relative}.timeline-step:hover .timeline-dot{transform:scale(1.18)}.timeline-step:nth-child(2) .timeline-dot{animation-delay:.1s}.timeline-step:nth-child(3) .timeline-dot{animation-delay:.18s}.timeline-step:nth-child(4) .timeline-dot{animation-delay:.26s}.timeline-step:nth-child(5) .timeline-dot{animation-delay:.34s}.timeline-step:nth-child(n+6) .timeline-dot{animation-delay:.42s}.timeline-step.done .timeline-dot{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 0 0 5px var(--success-soft)}.timeline-step.studied .timeline-dot{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 5px var(--primary-soft)}.timeline-step.overdue .timeline-dot{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-text)}.timeline-label{color:var(--text);white-space:nowrap;margin-top:10px;font-size:12.5px;font-weight:700;display:block}.timeline-step.overdue .timeline-label{color:var(--danger-text)}.timeline-date{color:var(--text-3);white-space:nowrap;margin-top:3px;font-size:11.5px;display:block}.timeline-tooltip{z-index:25;background:var(--tip);color:#fff;border:1px solid #ffffff14;border-radius:12px;width:190px;padding:11px 13px;font-size:12px;line-height:1.6;display:none;position:absolute;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #0a0a2859}.timeline-tooltip:after{content:"";background:var(--tip);border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;width:11px;height:11px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.timeline-step:hover .timeline-tooltip{animation:.2s fadeIn;display:block}.weekly-main{width:min(1100px,100%);min-height:100vh;margin:0 auto;padding:42px}.weekly-date{color:var(--text-3);margin:7px 0 0}.weekly-detail{max-width:780px}.weekly-panel{min-height:420px}.weekly-panel .create-target{border:1px solid var(--primary-soft-2);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary-soft), transparent 80%);animation:popIn .4s var(--ease);margin:20px 0;padding:22px}.weekly-panel .plan-grid{padding-bottom:20px}.create-target{max-width:640px;margin-bottom:20px}.weekly-task-list{gap:10px;margin-top:16px;display:grid}.weekly-task{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;transition:all .25s var(--ease);border-radius:16px;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.weekly-task:hover{border-color:var(--primary-300);background:var(--surface-2);box-shadow:var(--shadow-sm);transform:translate(4px)}.weekly-task>span{border:2px solid var(--border-strong);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;transition:all .2s;display:grid}.weekly-task.checked{background:var(--success-soft);border-color:#0000}.weekly-task.checked>span{background:var(--success);border-color:var(--success);animation:checkPop .35s var(--ease)}.weekly-task.checked b{color:var(--text-3);text-decoration:line-through}.weekly-task small{color:var(--text-3);font-size:12.5px;font-weight:600}.inline-form{gap:10px;margin-top:18px;display:flex}.inline-form input{flex:1}.task-draft{grid-template-columns:62px 1fr auto;align-items:center;gap:10px;margin-top:8px;display:grid}.task-draft span{color:var(--text-3);font-size:12.5px;font-weight:600}.task-draft input{margin-top:0!important}.add-task-row{margin-top:10px}.target-card{position:relative}.card-menu{z-index:2;position:absolute;top:12px;right:12px}.card-menu .icon-button{width:34px;height:34px;box-shadow:none;background:0 0;border:0;border-radius:10px}.menu-popover{z-index:30;border:1px solid var(--border);background:var(--surface);width:160px;box-shadow:var(--shadow-lg);animation:popIn .2s var(--ease);transform-origin:100% 0;border-radius:14px;padding:6px;position:absolute;top:40px;right:0}.menu-popover:not(.show){display:none}.menu-popover.show{display:block}.menu-popover button{width:100%;color:var(--text-2);font:600 13px var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 11px;display:block}.menu-popover button:hover{background:var(--primary-soft);color:var(--primary)}.menu-popover .danger{color:var(--danger-text)}.menu-popover .danger:hover{background:var(--danger-soft);color:var(--danger-text)}.dashboard-grid{padding-top:2px}.daily-tasks-panel{min-height:540px}.task-history{border-top:1px solid var(--border);margin-top:34px;padding-top:24px}.history-day{border-bottom:1px solid var(--border);padding:14px 0}.history-day>b{color:var(--text);font-size:14px;font-weight:700}.history-day>span{color:var(--text-3);margin-left:10px;font-size:12.5px}.history-day>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.history-day small{background:var(--danger-soft);color:var(--danger-text);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.history-day .history-done{background:var(--success-soft);color:var(--success-text)}.history-day i{background:currentColor;border-radius:50%;width:6px;height:6px}.profile{text-align:center;max-width:650px;margin:auto;padding:46px}.profile-page{max-width:840px;padding:32px}.profile-avatar{width:88px;height:88px;font:700 28px var(--font-display);box-shadow:0 0 0 6px var(--primary-soft), var(--glow);margin:auto}.profile h2{margin:16px 0 5px}.profile>p{color:var(--text-3)}.profile-hero{text-align:left;border-bottom:1px solid var(--border);align-items:center;gap:20px;padding-bottom:24px;display:flex}.profile-hero .profile-avatar{margin:0}.profile-hero h2{margin:0 0 5px}.profile-hero p{color:var(--text-3);margin:0}.profile-stats{border:1px solid var(--border);background:var(--surface-2);border-radius:18px;grid-template-columns:repeat(4,1fr);margin:30px 0;padding:22px;display:grid}.profile-stats span{color:var(--text-3);font-size:12.5px;font-weight:500}.profile-stats b{color:var(--text);font:700 22px var(--font-display);margin-bottom:5px;display:block}.profile-form{text-align:left;margin-top:28px}.profile-form h3{margin:0;font-size:17px}.profile-fields{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.profile-fields .field select{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;width:100%;margin-top:7px;padding:12px 14px;font-size:14px;display:block}.profile-actions{align-items:center;gap:12px;margin-top:22px;display:flex}.logout{border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);background:var(--danger-soft);color:var(--danger-text);font:700 13px var(--font-body);cursor:pointer;border-radius:12px;padding:10px 16px;transition:all .2s}.logout:hover{background:var(--danger);color:#fff;transform:translateY(-2px)}.settings>label{color:var(--text-2);margin:20px 0;font-weight:600;display:block}.settings select,.field select{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:12px;margin-top:8px;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:block}.switchline{justify-content:space-between;align-items:center;display:flex!important}.switchline input[type=checkbox]{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:999px;flex:none;width:46px;height:27px;margin:0;transition:background .3s;position:relative}.switchline input[type=checkbox]:before{content:"";width:21px;height:21px;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000040}.switchline input[type=checkbox]:checked{background:var(--grad)}.switchline input[type=checkbox]:checked:before{transform:translate(19px)}.overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a2880;place-items:center;padding:20px;animation:.25s fadeIn;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface);width:470px;max-width:100%;max-height:calc(100vh - 36px);box-shadow:var(--shadow-lg);animation:popIn .4s var(--ease);border-radius:24px;padding:26px;overflow-y:auto}.modal form{padding-bottom:4px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h2{margin:0;font-size:19px}.modal-title{align-items:center;gap:12px;display:flex}.modal-badge{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.field{color:var(--text-2);margin:15px 0;font-size:13px;font-weight:600;display:block}.field input,.field textarea,.inline-form input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:12px;outline:0;margin-top:7px;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.inline-form input{margin-top:0}.field textarea{resize:vertical;height:110px}.field input::placeholder,.field textarea::placeholder,.inline-form input::placeholder{color:var(--text-3)}.field input:focus,.field textarea:focus,.field select:focus,.settings select:focus,.inline-form input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-soft)}.hint{border-left:4px solid var(--primary);background:var(--primary-soft);color:var(--primary);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55}.submit{width:100%;margin-top:18px;padding:13px}@media (width<=1180px){.stats,.subject-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1000px){.grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media (width<=900px){.app>aside{transform:translate(-102%)}.app>aside.open{box-shadow:var(--shadow-lg);transform:none}.scrim{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a082380;animation:.25s fadeIn;display:block;position:fixed;inset:0}.app>main{width:100%;margin-left:0;padding:20px 18px 56px}.topbar{margin:-20px -18px 20px;padding:16px 18px 12px}.menu-button{display:grid!important}h1{font-size:23px}.profile-stats{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=700px){.stats{gap:12px}.stat{gap:12px;padding:16px}.stat-icon{width:42px;height:42px}.stat strong{font-size:21px}.subject-grid{grid-template-columns:1fr}.calendar{padding:14px}.calendar-tabs{display:none}.day{min-height:86px;padding:4px}.calendar .day{min-height:92px}.calendar .event{border-left:0;height:6px;min-height:0;margin-top:4px;padding:0;font-size:0}.weekdays span{padding:8px 2px;font-size:10px}.calendar-head h2{font-size:16px}.year-select{margin-left:auto}.full{overflow-x:auto}.table{min-width:620px}.tracking-summary{grid-template-columns:1fr}.timeline-shell{padding-top:70px}.timeline-tooltip{left:12px;transform:none}.timeline-tooltip:after{left:20px}.weekly-main{padding:22px 16px}.inline-form{flex-direction:column}.task-draft{grid-template-columns:1fr}.task-draft .delete{justify-self:start}.task-row{flex-wrap:wrap}.panel{padding:18px}}@media (width<=600px){.btn-label{display:none}.header-actions .primary{border-radius:14px;width:42px;height:42px;padding:0}.profile-fields{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.profile-actions{flex-wrap:wrap}.modal{padding:22px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-banner{background:var(--grad);color:#fff;box-shadow:var(--glow);animation:fadeUp .6s var(--ease) backwards;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.hero-banner:before,.hero-banner:after{content:"";pointer-events:none;background:#ffffff1f;border-radius:50%;position:absolute}.hero-banner:before{width:270px;height:270px;top:-120px;right:-60px}.hero-banner:after{background:#ffffff14;width:150px;height:150px;bottom:-92px;right:190px}.hero-copy{z-index:1;max-width:580px;position:relative}.hero-kicker{font:700 12px var(--font-body);letter-spacing:.04em;background:#fff3;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.hero-banner h2{color:#fff;font:700 27px/1.2 var(--font-display);letter-spacing:-.03em;margin:12px 0 6px}.hero-banner p{color:#ffffffdb;margin:0;font-size:14.5px}.hero-button{z-index:1;color:#5648e0;font:700 14px var(--font-body);cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s;background:#fff;border:0;border-radius:14px;flex:none;align-items:center;gap:8px;padding:12px 20px;display:inline-flex;position:relative;box-shadow:0 8px 22px #140a5040}.hero-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #140a5052}.hero-button svg{transition:transform .25s var(--ease)}.hero-button:hover svg{transform:translate(4px)}.title-with-icon{align-items:center;gap:10px;display:flex}.title-icon{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid}.text-button svg{transition:transform .2s var(--ease)}.text-button:hover svg{transform:translate(3px)}.back-link:hover svg{transform:translate(-3px)}.topic-icon.green{background:var(--success-soft);color:var(--success-text)}.empty-art{background:var(--surface-3);width:58px;height:58px;color:var(--text-3);border-radius:18px;place-items:center;margin:0 auto;animation:3.6s ease-in-out infinite float;display:grid}.empty-state p{margin:14px 0 0}.task-tabs button{align-items:center;gap:7px;display:inline-flex}.edit,.delete{align-items:center;gap:5px;display:inline-flex}.menu-popover button{align-items:center;gap:9px;display:flex}.spin{animation:.9s linear infinite spin}.plan-head{align-items:center;gap:13px;padding-right:34px;display:flex}.plan-head h2{padding-right:0}.plan-head p{margin:2px 0 0}.plan-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);transition:transform .35s var(--ease), background .25s, color .25s;border-radius:14px;flex:none;place-items:center;display:grid}.revision-plan-card:hover .plan-icon{background:var(--grad);color:#fff;transform:rotate(-6deg)scale(1.08)}.plan-meta{color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.plan-next{color:var(--text-3);align-items:center;gap:5px;display:inline-flex}.plan-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.plan-foot b{color:var(--primary);font-size:13px}.back-link{margin-bottom:4px}@media (width<=700px){.hero-banner{flex-direction:column;align-items:flex-start;padding:22px}.hero-banner h2{font-size:21px}.task-tabs button{padding:8px 11px}}.tab-count{background:var(--border);min-width:20px;height:20px;color:var(--text-2);border-radius:10px;place-items:center;padding:0 6px;font-size:11px;font-weight:800;transition:background .25s,color .25s;display:inline-grid}.task-tabs .selected .tab-count{background:var(--primary-soft);color:var(--primary)}.day-progress-row{align-items:center;gap:14px;margin:18px 0 6px;display:flex}.day-progress-row .progress{flex:1;height:10px}.day-progress-row b{min-width:42px;color:var(--success-text);font:700 14px var(--font-display);text-align:right}.progress.mini{flex:0 0 120px;height:6px}.history-day>.history-top{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:0;display:flex}.history-top b{color:var(--text);align-items:center;gap:7px;font-size:14px;font-weight:700;display:inline-flex}.history-top b svg{color:var(--primary)}.history-top>span{color:var(--text-3);font-size:12.5px}.history-top .progress{margin-left:auto}.history-day>.history-chips{margin-top:10px}.create-target .field .task-draft input{background:var(--surface)}.task-draft .delete{align-items:center;gap:4px;display:inline-flex}.calendar-head .soft{padding:9px 14px}.calendar-summary{flex-wrap:wrap;gap:10px;margin:-6px 0 16px;display:flex}.calendar-summary span{background:var(--surface-3);color:var(--text-2);border-radius:999px;align-items:baseline;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.calendar-summary b{color:var(--text);font:700 14px var(--font-display)}.calendar-summary .ok{background:var(--success-soft);color:var(--success-text)}.calendar-summary .ok b{color:var(--success-text)}.more-events{color:var(--primary);margin-top:5px;padding:0 4px;font-size:11px;font-weight:700;display:block}.event{cursor:default;transition:transform .2s var(--ease)}.event:hover{transform:translate(2px)}.roadmap-heading{flex:1;min-width:0}.roadmap-title .soft{margin-left:0}.roadmap-progress{align-items:center;gap:10px;display:flex}.roadmap-progress b{color:var(--primary);font:700 14px var(--font-display)}.roadmap-progress .progress{flex:0 0 90px}.roadmap-step>div:first-of-type{min-width:0}.step-meta{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex!important}.step-meta>span{align-items:center;gap:5px;display:inline-flex}.confidence-chip{color:var(--warning-text);font-weight:600}.confidence-chip svg{fill:currentColor}.subject-progress .progress{height:10px}.subject-progress .progress i{background:var(--grad)}.subject-progress>div>span{align-items:center}.rank{background:var(--surface-3);width:22px;height:22px;color:var(--text-2);font:700 11.5px var(--font-body);border-radius:7px;place-items:center;margin-right:10px;font-style:normal;display:inline-grid}.subject-progress>div>span>b{margin-left:auto}.analytics-goal{text-align:center;flex-direction:column;padding-top:10px}.ring-large{width:140px;height:140px}.ring-large:after{inset:12px}.ring-large b{font-size:30px}@media (width<=700px){.calendar-head{flex-wrap:wrap}.more-events{display:none}.roadmap-title{flex-wrap:wrap}.roadmap-step{flex-wrap:wrap;padding:8px 0}.roadmap-step .actions{margin-left:38px}}.profile-page{text-align:left;max-width:900px;padding:0;overflow:hidden}.profile-cover{background:var(--grad);height:132px;position:relative;overflow:hidden}.profile-cover:before,.profile-cover:after{content:"";background:#ffffff24;border-radius:50%;position:absolute}.profile-cover:before{width:240px;height:240px;top:-110px;right:-50px}.profile-cover:after{background:#ffffff1a;width:130px;height:130px;bottom:-80px;left:26%}.profile-hero{border-bottom:0;align-items:flex-end;margin-top:-48px;padding-bottom:8px;position:relative}.profile-hero .profile-avatar{width:96px;height:96px;box-shadow:0 0 0 5px var(--surface), var(--glow);animation:popIn .6s var(--ease) backwards;font-size:30px}.profile-hero h2{margin:0 0 8px;font-size:24px}.profile-meta{flex-wrap:wrap;gap:8px;display:flex}.profile-meta span{background:var(--surface-3);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.profile-stats{background:0 0;border:0;gap:14px;margin:24px 0 8px;padding:0}.profile-stat{border:1px solid var(--border);background:var(--surface-2);transition:transform .3s var(--ease), box-shadow .3s, border-color .3s;animation:fadeUp .5s var(--ease) backwards;border-radius:16px;align-items:center;gap:13px;padding:16px;display:flex}.profile-stat:nth-child(2){animation-delay:60ms}.profile-stat:nth-child(3){animation-delay:.12s}.profile-stat:nth-child(4){animation-delay:.18s}.profile-stat:hover{box-shadow:var(--shadow-md);border-color:var(--primary-soft-2);transform:translateY(-3px)}.profile-stat .stat-icon{border-radius:14px;width:44px;height:44px}.profile-stat b{margin:0 0 1px;font-size:21px}.profile-stat span{color:var(--text-3);font-size:12.5px;font-weight:500;display:block}.profile-form{padding-top:6px}.profile-form h3{margin:18px 0 4px}.field .input-icon select{cursor:pointer;margin-top:0;padding-left:42px}.field input:disabled{opacity:.6;cursor:not-allowed}.save-msg{align-items:center;gap:6px;font-size:13px;font-weight:700;animation:.3s fadeIn;display:inline-flex}.save-msg.ok{color:var(--success-text)}.save-msg.err{color:var(--danger-text)}.settings{max-width:700px}.setting-list{flex-direction:column;display:flex}.setting-row{border-bottom:1px solid var(--border);color:var(--text);border-radius:14px;align-items:center;gap:14px;margin:0 -12px;padding:16px 12px;transition:background .2s;display:flex!important}.setting-row:last-child{border-bottom-color:#0000}.setting-row:hover{background:var(--surface-2)}.setting-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.setting-text{flex:1;min-width:0}.setting-text b{font-size:14.5px;font-weight:600;display:block}.setting-text small{color:var(--text-3);margin-top:2px;font-size:12.5px;display:block}.setting-row select{cursor:pointer;width:auto;min-width:140px;margin-top:0}.settings-actions{align-items:center;gap:14px;margin-top:22px;display:flex}@media (width<=700px){.profile-body{padding:0 18px 24px}.profile-hero{flex-direction:column;align-items:flex-start;gap:12px}.setting-row{flex-wrap:wrap}.setting-row select{margin-left:56px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.study-page{max-width:1360px;color:var(--text);gap:20px;margin:0 auto;display:grid}.study-page>*{animation:fadeUp .55s var(--ease) backwards}.study-page>:nth-child(2){animation-delay:50ms}.study-page>:nth-child(3){animation-delay:.1s}.study-page>:nth-child(4){animation-delay:.15s}.study-page>:nth-child(n+5){animation-delay:.2s}.side-card{flex:none;margin:14px 4px}.side-bottom{flex:none;margin-top:auto}.user{background:var(--grad);box-shadow:var(--glow);border-color:#0000;align-items:flex-start;margin-top:8px;padding:11px 12px}.user>div:last-child{padding-top:1px;transform:translateY(-3px)}.user b{color:#fff;text-shadow:0 1px 2px #1c184838;font-size:14px;font-weight:750;line-height:1.25}.user small{color:#ffffffd1;margin-top:4px;line-height:1.25}.user .avatar{background:#ffffff2e;border:1px solid #ffffff52}.profile-cover{justify-content:flex-start;align-items:center;padding:20px 34px;display:flex}.profile-cover>span{z-index:1;color:#fff;font:700 11px var(--font-body);letter-spacing:.12em;text-transform:uppercase;opacity:.9;align-items:center;gap:7px;display:inline-flex;position:relative}.profile-body{padding:0 34px 34px}.profile-identity{min-width:0;padding-bottom:4px}.profile-meta span{overflow-wrap:anywhere;max-width:100%}.profile-completeness{border:1px solid var(--border);background:linear-gradient(110deg, var(--surface-2), var(--surface));border-radius:16px;margin:20px 0 2px;padding:16px 18px}.profile-completeness-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.profile-completeness-label b{color:var(--text);font-size:13.5px}.profile-completeness-label span,.profile-completeness>small{color:var(--text-3);font-size:12px}.profile-completeness .progress{height:7px;margin-bottom:8px}.profile-form-heading{justify-content:space-between;align-items:center;gap:14px;margin:18px 0 2px;display:flex}.profile-form-heading h3{margin:0}.profile-form-heading p{color:var(--text-3);margin:4px 0 0;font-size:13px}.profile-form-heading>span{color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.profile-fields{column-gap:20px}.profile-fields .field{min-width:0}.profile-actions{flex-wrap:wrap}@media (width<=700px){.profile-body{padding:0 18px 24px}.profile-cover{height:124px;padding:18px}.profile-hero{flex-direction:row;align-items:flex-end;gap:14px}.profile-hero .profile-avatar{flex:none;width:76px;height:76px}.profile-meta span{font-size:11px}.profile-form-heading{flex-direction:column;align-items:flex-start}}.study-primary,.study-quiet,.study-link{min-height:46px;font:700 14px var(--font-body);cursor:pointer;transition:transform .25s var(--ease), background .2s, border-color .2s, box-shadow .25s, color .2s;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.study-primary{background:var(--grad);color:#fff;box-shadow:var(--glow);border:0}.study-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #6a5cf580}.study-primary:active:not(:disabled){transform:scale(.97)}.study-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.study-quiet{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2)}.study-quiet:hover:not(:disabled){border-color:var(--primary-300);background:var(--primary-soft);color:var(--primary);transform:translateY(-1px)}.study-quiet:disabled{opacity:.55;cursor:not-allowed}.study-link{color:var(--primary);background:0 0;border:0;padding:0 10px}.study-link:hover{background:var(--primary-soft)}.study-eyebrow{color:var(--primary);font:800 11.5px var(--font-body);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.study-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.study-head h2{font:700 clamp(26px, 3vw, 34px) / 1.15 var(--font-display);letter-spacing:-.04em;margin:6px 0 4px}.study-head p{color:var(--text-2);margin:0}.study-error,.study-toast{border-radius:14px;flex-wrap:wrap;align-items:center;gap:9px;margin:0;padding:13px 16px;font-size:13.5px;font-weight:700;display:flex}.study-error{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));background:var(--danger-soft);color:var(--danger-text)}.study-error button{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;margin-left:auto;display:grid}.study-error button:hover{background:#f43f5e26}.study-error a,.study-toast a{color:inherit;text-decoration:underline}.study-toast.ok{border:1px solid color-mix(in srgb, var(--success) 35%, var(--border));background:var(--success-soft);color:var(--success-text);animation:popIn .35s var(--ease)}.study-toast.err{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));background:var(--danger-soft);color:var(--danger-text)}.study-field-error{color:var(--danger-text);margin:5px 4px 0;font-size:12.5px;font-weight:600}.study-hint{color:var(--text-3);font-size:12.5px;font-weight:600}.study-skeleton{background:linear-gradient(100deg, var(--surface-2) 30%, var(--surface-3) 50%, var(--surface-2) 70%) 0 0 / 220% 100%;border-radius:22px;min-height:260px;animation:1.4s linear infinite studyShimmer}.study-skeleton-banner{min-height:130px}@keyframes studyShimmer{0%{background-position:120% 0}to{background-position:-100% 0}}.study-empty{text-align:center;border:2px dashed var(--primary-soft-2);background:linear-gradient(135deg, var(--primary-soft), transparent 70%);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:32px;display:flex}.study-empty>span{background:var(--grad);color:#fff;width:62px;height:62px;box-shadow:var(--glow);border-radius:20px;place-items:center;animation:3.4s ease-in-out infinite float;display:grid}.study-empty h3{font:700 20px var(--font-display);margin:18px 0 6px}.study-empty p{max-width:400px;color:var(--text-2);margin:0 0 20px}.study-empty-inline{min-height:250px}.study-next{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:linear-gradient(110deg, var(--primary-soft), var(--surface) 78%);width:100%;min-height:86px;color:var(--text);text-align:left;cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s;border-radius:20px;align-items:center;gap:16px;padding:16px 20px;display:flex}.study-next:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.study-next-icon{background:var(--grad);color:#fff;width:48px;height:48px;box-shadow:var(--glow);border-radius:16px;flex:none;place-items:center;display:grid}.study-next-text{gap:2px;min-width:0;display:grid}.study-next small{color:var(--primary);font:800 11.5px var(--font-body);letter-spacing:.12em;text-transform:uppercase}.study-next b{text-overflow:ellipsis;white-space:nowrap;font:700 18px var(--font-display);overflow:hidden}.study-next em{color:var(--text-2);align-items:center;gap:7px;font-size:13.5px;font-style:normal;display:flex}.study-next em i{border-radius:50%;width:9px;height:9px}.study-next-arrow{color:var(--primary);transition:transform .25s var(--ease);flex:none;margin-left:auto}.study-next:hover .study-next-arrow{transform:translate(5px)}.study-subject-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:18px;display:grid}.study-subject-grid>*{animation:fadeUp .55s var(--ease) backwards}.study-subject-grid>:nth-child(2){animation-delay:60ms}.study-subject-grid>:nth-child(3){animation-delay:.12s}.study-subject-grid>:nth-child(n+4){animation-delay:.18s}.study-subject-card{--tone:var(--primary);border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s, border-color .3s;border-radius:22px;padding:22px;position:relative;overflow:hidden}.study-subject-card:before{content:"";background:var(--tone);height:4px;position:absolute;inset:0 0 auto}.study-subject-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--tone) 35%, var(--border));transform:translateY(-4px)}.study-card-main{width:100%;min-height:52px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:flex}.study-card-main>svg{color:var(--text-3);transition:transform .25s var(--ease), color .2s;flex:none;margin-left:auto}.study-card-main:hover>svg{color:var(--tone);transform:translate(4px)}.study-card-icon{background:color-mix(in srgb, var(--tone) 15%, transparent);width:46px;height:46px;color:var(--tone);border-radius:15px;flex:none;place-items:center;display:grid}.study-card-title{gap:2px;min-width:0;display:grid}.study-card-title b{text-overflow:ellipsis;white-space:nowrap;font:700 17px var(--font-display);overflow:hidden}.study-card-title small{color:var(--text-3);font-size:12.5px}.study-big-progress{margin:20px 0 18px}.study-big-progress>div:first-child{align-items:baseline;gap:9px;margin-bottom:10px;display:flex}.study-big-progress b{color:var(--tone);font:800 32px var(--font-display);letter-spacing:-.04em}.study-big-progress span{color:var(--text-3);font-size:12.5px}.study-bar{background:var(--surface-3);border-radius:99px;height:12px;display:block;overflow:hidden}.study-bar>i{border-radius:inherit;background:linear-gradient(90deg, var(--tone,var(--primary)), color-mix(in srgb, var(--tone,var(--primary)) 62%, #fff));transform-origin:0;height:100%;transition:width .5s var(--ease);animation:growX .9s var(--ease) backwards;display:block}.study-bar.thin{height:6px}.study-bar.big{height:14px}.study-step-bars{gap:11px;display:grid}.study-step-bars>div>span{color:var(--text-2);align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.study-step-bars>div>span>i{border-radius:50%;flex:none;width:9px;height:9px}.study-step-bars>div>span small{color:var(--text-3);margin-left:auto;font-size:12px;font-weight:600}.study-card-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.study-card-actions>button{min-height:44px;font-size:13px}.study-create,.study-paste-box{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);animation:popIn .4s var(--ease);border-radius:20px;gap:14px;padding:20px;display:grid}.study-create{grid-template-columns:repeat(2,minmax(0,1fr))}.study-create>div{grid-column:1/-1;align-items:center;gap:10px;display:flex}.study-create>label,.study-record-card>label{color:var(--text-2);gap:7px;font-size:13px;font-weight:700;display:grid}.study-create input,.study-paste-box textarea,.study-step-item input,.study-notes-card textarea,.study-record-card textarea,.study-record-card input{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;min-height:46px;color:var(--text);font:500 14px var(--font-body);border-radius:12px;outline:0;padding:11px 14px;transition:border-color .2s,box-shadow .2s,background .2s}.study-create input:focus,.study-paste-box textarea:focus,.study-notes-card textarea:focus,.study-record-card textarea:focus,.study-record-card input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-soft)}.study-paste-box label{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;display:flex}.study-paste-box label small{color:var(--text-3);margin-left:auto;font-size:12.5px;font-weight:500}.study-paste-box textarea,.study-notes-card textarea,.study-record-card textarea{resize:vertical;line-height:1.65}.study-paste-box>div{gap:10px;display:flex}.study-paste-preview{background:var(--surface-2);border-radius:14px;gap:6px;margin:0;padding:12px 14px;list-style:none;display:grid}.study-paste-preview li{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);align-items:center;gap:8px;font-size:13.5px;display:flex;overflow:hidden}.study-paste-preview li svg{color:var(--success);flex:none}.study-paste-preview li.bad{color:var(--danger-text)}.study-paste-preview li.bad svg{color:var(--danger)}.study-paste-preview li.more{color:var(--text-3);font-weight:700}.study-breadcrumb{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.study-breadcrumb a{min-height:44px;color:var(--text-2);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.study-breadcrumb a:hover{color:var(--primary)}.study-breadcrumb .study-customize{border:1px solid var(--primary-soft-2);background:var(--primary-soft);color:var(--primary);border-radius:12px;margin-left:auto;padding:0 14px;transition:background .2s,color .2s}.study-breadcrumb .study-customize:hover{background:var(--primary);color:#fff}.study-ring{--p:0;text-align:center;background:conic-gradient(var(--primary) calc(var(--p) * 1%), var(--surface-3) 0);width:112px;height:112px;animation:ringPop .9s var(--ease) backwards;border-radius:50%;flex:none;place-content:center;display:grid;position:relative}.study-ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:10px}.study-ring b,.study-ring small{z-index:1;position:relative}.study-ring b{font:800 24px var(--font-display);letter-spacing:-.03em}.study-ring small{color:var(--text-3);font-size:11.5px;font-weight:600}.study-overview{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;align-items:center;gap:28px;padding:24px;display:flex}.study-overview-body{flex:1;gap:14px;min-width:0;display:grid}.study-overview-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.study-overview-head b{font:700 17px var(--font-display)}.study-overview-head span{color:var(--text-3);font-size:13px}.study-step-bars.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 22px}.study-filters{scrollbar-width:thin;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.study-pill{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text-2);font:700 13px var(--font-body);cursor:pointer;transition:all .25s var(--ease);border-radius:999px;flex:none;align-items:center;gap:9px;padding:0 16px;display:inline-flex}.study-pill span{background:var(--surface-3);border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;display:grid}.study-pill:hover{border-color:var(--primary-300);color:var(--primary)}.study-pill.active{background:var(--grad);color:#fff;box-shadow:var(--glow);border-color:#0000}.study-pill.active span{color:#fff;background:#ffffff42}.study-diary-wrap{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;overflow-x:auto}.study-diary-header,.study-diary-row{grid-template-columns:var(--study-columns);align-items:center;gap:10px;padding:10px 16px;display:grid}.study-diary-header{border-bottom:1px solid var(--border);background:var(--surface-2);min-height:50px;color:var(--text-3);font:800 11.5px var(--font-body);letter-spacing:.08em;text-transform:uppercase}.study-diary-header>span{align-items:center;gap:7px;min-width:0;display:flex}.study-diary-header>span i{border-radius:50%;flex:none;width:9px;height:9px}.study-diary-row{border-bottom:1px solid var(--border);min-height:76px;transition:background .2s}.study-diary-row:hover{background:var(--surface-2)}.study-diary-row:last-child{border-bottom:0}.study-diary-row.is-complete{box-shadow:inset 4px 0 0 var(--success)}.study-chip-set{display:contents}.study-chapter-title{min-width:0;min-height:44px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:4px 6px;display:grid}.study-chapter-title b{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.study-chapter-title small{color:var(--text-3);font-size:12px}.study-chapter-title:hover b{color:var(--primary)}.study-step-chip{--step-colour:var(--primary);border:1.5px solid color-mix(in srgb, var(--step-colour) 32%, var(--border));background:color-mix(in srgb, var(--step-colour) 6%, var(--surface));min-height:46px;color:color-mix(in srgb, var(--step-colour) 70%, var(--text));font:700 12.5px var(--font-body);cursor:pointer;transition:transform .2s var(--ease), background .2s, border-color .2s, box-shadow .2s;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:4px 8px;display:flex}.study-step-chip:hover{background:color-mix(in srgb, var(--step-colour) 14%, var(--surface));box-shadow:0 6px 14px color-mix(in srgb, var(--step-colour) 24%, transparent);transform:translateY(-2px)}.study-step-chip:active{transform:scale(.95)}.study-step-chip.is-done{border-color:var(--step-colour);background:color-mix(in srgb, var(--step-colour) 22%, var(--surface));color:color-mix(in srgb, var(--step-colour) 55%, var(--text))}.study-step-chip.is-done svg{animation:checkPop .35s var(--ease)}.study-step-chip .chip-name{display:none}.study-row-progress{min-height:46px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-content:center;gap:6px;padding:4px 6px;display:grid}.study-row-progress b{font:700 14px var(--font-display)}.study-editor-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.85fr);align-items:start;gap:18px;display:grid}.study-editor-card,.study-preview-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:22px;padding:24px}.study-section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.study-section-heading h3,.study-preview-card h3{font:700 18px var(--font-display);align-items:center;gap:8px;margin:0 0 5px;display:flex}.study-section-heading p,.study-preview-card>p{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.6}.study-count-badge{background:var(--primary-soft);color:var(--primary);border-radius:99px;flex:none;padding:6px 12px;font-size:13px;font-weight:800}.study-count-badge.full{background:var(--warning-soft);color:var(--warning-text)}.study-presets{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 16px;display:flex}.study-presets>span{color:var(--text-3);font:800 11.5px var(--font-body);letter-spacing:.1em;text-transform:uppercase;margin-right:4px}.study-presets button{border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text-2);font:700 13px var(--font-body);cursor:pointer;transition:all .2s var(--ease);border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.study-presets button small{color:var(--text-3);font-size:12px;font-weight:600}.study-presets button:hover{border-color:var(--primary-300);color:var(--primary);transform:translateY(-1px)}.study-presets button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.study-step-list{flex-direction:column;display:flex}.study-step-item-wrap{display:grid}.study-step-item{border:1.5px solid var(--border);background:var(--surface-2);min-height:62px;animation:popIn .35s var(--ease);border-radius:15px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.study-step-item:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-soft)}.study-step-item.has-error{border-color:var(--danger);background:var(--danger-soft)}.study-step-number{--step-colour:var(--primary);background:color-mix(in srgb, var(--step-colour) 16%, var(--surface));width:36px;height:36px;box-shadow:inset 0 0 0 2px var(--step-colour);color:color-mix(in srgb, var(--step-colour) 65%, var(--text));border-radius:12px;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.study-step-item input{background:0 0;border-color:#0000;flex:1;min-width:60px;min-height:42px;padding:8px 10px;font-weight:700;box-shadow:none!important}.study-char-count{color:var(--warning-text);flex:none;font-size:12px;font-weight:700}.study-step-controls{gap:2px;display:flex}.study-step-controls button{width:44px;height:44px;color:var(--text-2);cursor:pointer;transition:background .2s, color .2s, transform .2s var(--ease);background:0 0;border:0;border-radius:11px;place-items:center;display:grid}.study-step-controls button:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);transform:translateY(-1px)}.study-step-controls button:disabled{opacity:.3;cursor:not-allowed}.study-step-controls .study-remove-step:not(:disabled):hover{background:var(--danger-soft);color:var(--danger-text)}.study-insert-step{border:1.5px dashed var(--border-strong);width:100%;min-height:44px;color:var(--text-3);font:700 13px var(--font-body);cursor:pointer;transition:all .2s var(--ease);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin:5px 0;display:flex}.study-insert-step:hover:not(:disabled){border-color:var(--primary-300);background:var(--primary-soft);color:var(--primary)}.study-insert-step:disabled{opacity:.4;cursor:not-allowed}.study-cap-note{color:var(--warning-text);align-items:center;gap:7px;margin:6px 0 0;font-size:13px;font-weight:700;display:flex}.study-removed{border:1px dashed var(--border-strong);background:var(--surface-2);border-radius:16px;margin-top:16px;padding:14px 16px}.study-removed b{font-size:13.5px}.study-removed p{color:var(--text-3);margin:3px 0 10px;font-size:12.5px}.study-removed>div{flex-wrap:wrap;gap:8px;display:flex}.study-removed button{--step-colour:var(--primary);border:1.5px solid color-mix(in srgb, var(--step-colour) 40%, var(--border));background:color-mix(in srgb, var(--step-colour) 8%, var(--surface));min-height:44px;color:color-mix(in srgb, var(--step-colour) 70%, var(--text));font:700 13px var(--font-body);cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.study-removed button:disabled{opacity:.5;cursor:not-allowed}.study-impact{border:1px solid color-mix(in srgb, var(--info) 30%, var(--border));background:var(--info-soft);animation:popIn .35s var(--ease);border-radius:16px;gap:13px;margin-top:16px;padding:14px 16px;display:flex}.study-impact.warn{border-color:color-mix(in srgb, var(--warning) 45%, var(--border));background:var(--warning-soft)}.study-impact>span{color:var(--info-text);flex:none}.study-impact.warn>span{color:var(--warning-text)}.study-impact b{font-size:14px}.study-impact ul{color:var(--text-2);gap:5px;margin:7px 0 0;padding-left:18px;font-size:13px;line-height:1.5;display:grid}.study-scope{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0 0;padding:14px 16px;display:flex}.study-scope>div{gap:2px;margin-right:auto;display:grid}.study-scope>div b{font-size:14px}.study-scope>div small{color:var(--text-3);font-size:12.5px}.study-scope label{border:1.5px solid var(--border);background:var(--surface);min-height:44px;color:var(--text-2);cursor:pointer;transition:all .2s var(--ease);border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:700;display:flex}.study-scope label.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.study-scope input{accent-color:var(--primary);width:17px;height:17px}.study-editor-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.study-preview-card{position:sticky;top:92px}.study-preview-card h3{margin-top:8px}.study-preview-chapter{justify-content:space-between;align-items:center;gap:8px;margin:20px 0 10px;display:flex}.study-preview-chapter b{font-size:14px}.study-preview-chapter small{color:var(--text-3);font-size:12.5px}.study-preview-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 16px;display:grid}.study-preview-chips span{--step-colour:var(--primary);overflow-wrap:anywhere;border:1.5px solid color-mix(in srgb, var(--step-colour) 34%, var(--border));background:color-mix(in srgb, var(--step-colour) 6%, var(--surface));min-height:44px;color:color-mix(in srgb, var(--step-colour) 70%, var(--text));animation:popIn .3s var(--ease);border-radius:12px;align-items:center;gap:7px;padding:6px 10px;font-size:12.5px;font-weight:700;display:flex}.study-preview-chips span i{background:var(--step-colour);border-radius:50%;flex:none;width:8px;height:8px}.study-preview-chips span.done{border-color:var(--step-colour);background:color-mix(in srgb, var(--step-colour) 22%, var(--surface))}.study-preview-note{background:var(--surface-2);border-radius:14px;align-items:center;gap:12px;padding:13px;display:flex}.study-preview-note>span{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);font:800 16px var(--font-display);border-radius:12px;flex:none;place-items:center;display:grid}.study-preview-note>div{gap:2px;display:grid}.study-preview-note b{font-size:13.5px}.study-preview-note small{color:var(--text-3);font-size:12.5px}.study-preview-reset{min-height:44px;color:var(--text-3);font:700 12.5px var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:8px;padding:0 4px;display:flex}.study-preview-reset:hover{color:var(--primary)}.study-dialog-overlay{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a288c;place-items:center;padding:20px;animation:.25s fadeIn;display:grid;position:fixed;inset:0}.study-dialog{border:1px solid var(--border);background:var(--surface);width:480px;max-width:100%;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);animation:popIn .4s var(--ease);border-radius:24px;padding:26px;overflow-y:auto}.study-dialog-icon{background:var(--warning-soft);width:46px;height:46px;color:var(--warning-text);border-radius:15px;place-items:center;display:grid}.study-dialog h3{font:700 20px var(--font-display);margin:14px 0 6px}.study-dialog p{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.study-dialog ul{background:var(--surface-2);color:var(--text-2);border-radius:14px;gap:8px;margin:14px 0 20px;padding:14px 14px 14px 32px;font-size:13.5px;line-height:1.5;display:grid}.study-dialog>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.study-chapter-hero{border:1px solid var(--border);background:linear-gradient(120deg, var(--primary-soft), var(--surface) 65%);box-shadow:var(--shadow-sm);border-radius:22px;align-items:center;gap:24px;padding:24px;display:flex}.study-chapter-hero>div:nth-child(2){flex:1;min-width:0}.study-chapter-hero h2{font:700 clamp(24px, 3vw, 32px) / 1.15 var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere;margin:6px 0 5px}.study-chapter-hero p{color:var(--text-2);margin:0}.study-all-done{background:var(--success-soft);color:var(--success-text);border-radius:14px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:800;display:inline-flex}.study-chapter-progress{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;padding:30px 20px 22px;overflow-x:auto}.study-path-track{--n:4;--frac:0;min-width:calc(var(--n) * 100px);display:flex;position:relative}.study-path-line{top:22px;left:calc(50% / var(--n));right:calc(50% / var(--n));background:var(--surface-3);border-radius:99px;height:4px;position:absolute}.study-path-line i{height:100%;width:calc(var(--frac) * 100%);border-radius:inherit;background:linear-gradient(90deg, var(--success), #34d399);transform-origin:0;transition:width .6s var(--ease);animation:growX 1s var(--ease) backwards;display:block}.study-path-step{z-index:1;text-align:center;flex:1;justify-items:center;gap:6px;min-width:0;display:grid;position:relative}.study-path-step button{--step-colour:var(--primary);border:3px solid var(--step-colour);background:var(--surface);width:48px;height:48px;color:color-mix(in srgb, var(--step-colour) 70%, var(--text));font:800 16px var(--font-body);cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s, background .25s;border-radius:50%;place-items:center;display:grid}.study-path-step button:hover{transform:scale(1.1)}.study-path-step button.done{background:var(--step-colour);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb, var(--step-colour) 18%, transparent);animation:checkPop .4s var(--ease)}.study-path-step b{overflow-wrap:anywhere;max-width:100%;padding:0 4px;font-size:13px}.study-path-step small{color:var(--text-3);font-size:12px}.study-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:18px;display:grid}.study-notes-card textarea{min-height:200px;margin-top:16px;display:block}.study-notes-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.study-notes-footer small{color:var(--text-3);font-size:12.5px}.study-notes-footer em{color:var(--warning-text);font-style:normal;font-weight:700}.study-review-list{gap:10px;margin-top:18px;display:grid}.study-review-list>div{background:var(--surface-2);transition:transform .2s var(--ease);border-radius:14px;align-items:center;gap:12px;padding:11px;display:flex}.study-review-list>div:hover{transform:translate(3px)}.study-review-list>div>span{background:var(--warning-soft);width:46px;height:40px;color:var(--warning-text);border-radius:12px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.study-review-list>div>span.review-date-ready{background:var(--success-soft);color:var(--success-text)}.study-review-list p{gap:2px;margin:0;display:grid}.study-review-list b{font-size:14px}.study-review-list small{color:var(--text-3);font-size:12.5px}.study-record-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin-top:18px;display:grid}.study-record-card{--step-colour:var(--primary);border:1px solid var(--border);border-top:3px solid var(--step-colour);background:var(--surface-2);border-radius:16px;align-content:start;gap:10px;min-width:0;padding:14px;display:grid}.study-record-card header{align-items:center;gap:8px;min-height:30px;display:flex}.study-record-card header>span{background:var(--step-colour);border-radius:50%;width:10px;height:10px}.study-record-card header b{font-size:14px}.study-record-card header small{color:var(--success-text);align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:800;display:inline-flex}.study-record-card textarea{background:var(--surface);min-height:80px}.study-record-card>label input{background:var(--surface)}.study-record-card>button{justify-self:start;min-height:44px}.study-back-link{min-height:44px;color:var(--primary);justify-self:start;align-items:center;gap:7px;font-weight:700;text-decoration:none;display:inline-flex}.study-back-link:hover{text-decoration:underline}@media (width<=1000px){.study-editor-layout,.study-detail-grid{grid-template-columns:1fr}.study-preview-card{order:-1;position:static}.study-editor-actions{z-index:5;border-top:1px solid var(--border);background:var(--surface);border-radius:0 0 22px 22px;margin:20px -24px -24px;padding:14px 24px;position:sticky;bottom:0}}@media (width<=760px){.study-overview{text-align:left;flex-direction:column;align-items:stretch}.study-overview .study-ring{align-self:center}.study-chapter-hero{flex-direction:column;align-items:flex-start}.study-chapter-hero .study-primary{width:100%}.study-diary-wrap{box-shadow:none;background:0 0;border:0;overflow:visible}.study-diary{gap:12px;display:grid;min-width:0!important}.study-diary-header{display:none}.study-diary-row{border:1px solid var(--border);background:var(--surface);min-height:0;box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:1fr;gap:12px;padding:16px}.study-diary-row:last-child{border-bottom:1px solid var(--border)}.study-diary-row.is-complete{box-shadow:var(--shadow-sm), inset 4px 0 0 var(--success)}.study-chapter-title{order:1}.study-row-progress{order:2;grid-template-columns:auto 1fr;align-items:center;gap:12px}.study-chip-set{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.study-step-chip{justify-content:flex-start;min-height:52px;padding:6px 12px}.study-step-chip .chip-name{text-overflow:ellipsis;white-space:nowrap;display:inline;overflow:hidden}.study-step-chip .chip-state{display:none}}@media (width<=640px){.study-create{grid-template-columns:1fr}.study-create>div{grid-column:auto}.study-editor-card,.study-preview-card,.study-chapter-hero{padding:18px}.study-editor-actions{margin:18px -18px -18px;padding:12px 18px}.study-step-controls button{width:40px}.study-step-item{gap:6px;padding:6px}.study-scope{flex-direction:column;align-items:stretch}.study-scope>div{margin-right:0}.study-scope label{width:100%}.study-card-actions{flex-wrap:wrap}.study-head>.study-primary{width:100%}.study-breadcrumb .study-customize{margin-left:0}.study-next b{font-size:16px}.study-paste-box label small{width:100%;margin-left:0}}.study-intro{justify-content:space-between;align-items:center;gap:18px;display:flex}.study-intro h2{font:700 clamp(25px, 3vw, 34px)/1.2 var(--font-display);letter-spacing:-.04em;margin:5px 0 4px}.study-intro p{color:var(--text-2);margin:0}.study-loading{min-height:220px;color:var(--text-2);justify-content:center;align-items:center;gap:11px;font-weight:700;display:flex}.study-progress-line,.study-row-bar{background:var(--surface-3);border-radius:99px;height:9px;display:block;overflow:hidden}.study-progress-line{margin:19px 0 8px}.study-progress-line i,.study-row-bar i{border-radius:inherit;background:var(--grad);height:100%;transition:width .35s var(--ease);display:block}.study-subject-progress{align-items:baseline;gap:7px;margin-bottom:17px;display:flex}.study-subject-progress b{color:var(--primary);font:800 20px var(--font-display)}.study-subject-progress span{color:var(--text-3);font-size:11px}.study-next-compact{min-height:72px}.study-diary-intro{margin-top:-5px}.study-diary-tools{justify-content:space-between;align-items:center;gap:12px;padding:3px 2px;display:flex}.study-diary-tools>div{align-items:baseline;gap:10px;display:flex}.study-diary-tools>div b{font:700 16px var(--font-display)}.study-diary-tools>div span{color:var(--text-3);font-size:11px}.study-diary-tools>label{color:var(--text-2);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.study-diary-tools>label>span{align-items:center;display:flex;position:relative}.study-diary-tools select{appearance:none;border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:10px;padding:0 32px 0 12px}.study-diary-tools>label svg{pointer-events:none;position:absolute;right:10px}.study-row-bar{height:5px}.study-row-bar i{background:var(--primary)}.study-step-editor-page{gap:17px}.study-step-swatch{border-radius:50%;flex:none;width:9px;height:9px}.study-save-ok{color:var(--success-text);align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.study-auto-plan,.study-records{padding:20px}.study-save-message{color:var(--success-text);margin:0;font-size:11px;font-weight:700}@media (width<=640px){.study-intro{align-items:flex-start}.study-intro>.study-primary{min-width:44px;padding:0 11px;font-size:0}.study-intro>.study-primary svg{width:19px;height:19px}.study-intro h2{font-size:25px}.study-diary-tools{flex-direction:column;align-items:flex-start}.study-diary-tools>label{justify-content:space-between;width:100%}.study-diary-tools>label>span{flex:1}.study-diary-tools select{width:100%}.study-auto-plan,.study-records{padding:15px}}.study-subject-card{overflow:visible}.study-card-menu{z-index:8;position:absolute;top:14px;right:14px}.study-card-menu>.icon-button{border-radius:12px;width:40px;height:40px}.study-subject-menu{width:176px;top:44px}.study-subject-card .study-card-main{padding-right:42px}.study-subject-edit-dialog{gap:11px;display:grid}.study-subject-edit-dialog>p{margin-bottom:5px}.study-dialog-field{color:var(--text-2);gap:6px;font-size:12px;font-weight:700;display:grid}.study-dialog-field input{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;min-height:44px;color:var(--text);font:500 14px var(--font-body);border-radius:11px;padding:10px 12px}.study-dialog-field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);outline:0}.study-danger-button{border:1px solid var(--danger);background:var(--danger);color:#fff;min-height:44px;font:700 13px var(--font-body);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0 15px;display:inline-flex}.study-danger-button:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 82%, #000)}.study-danger-button:disabled{opacity:.6;cursor:wait}.calendar-agenda{display:none}.calendar-agenda h3{font:700 15px var(--font-display);margin:24px 0 10px}.calendar-agenda-item{border-top:1px solid var(--border);grid-template-columns:52px 9px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:56px;padding:8px 2px;display:grid}.calendar-agenda-date{color:var(--text-2);font-size:11px;font-weight:700}.calendar-agenda-kind{background:var(--primary);border-radius:50%;width:8px;height:8px}.calendar-agenda-kind.task{background:var(--info)}.calendar-agenda-copy{min-width:0}.calendar-agenda-copy b,.calendar-agenda-copy small{overflow-wrap:anywhere;display:block}.calendar-agenda-copy b{font-size:12px}.calendar-agenda-copy small{color:var(--text-3);margin-top:3px;font-size:10px}.calendar-agenda-item em{color:var(--text-3);font-size:10px;font-style:normal}.calendar-agenda-item em.done{color:var(--success-text)}.calendar-agenda>p{color:var(--text-2);font-size:12px}@media (width<=1024px){.app>aside{transform:translate(-102%)}.app>aside.open{box-shadow:var(--shadow-lg);transform:none}.scrim{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a082380;display:block;position:fixed;inset:0}.app>main{width:100%;max-width:none;margin-left:0;padding:22px 26px 56px}.topbar{margin:-22px -26px 22px;padding:16px 26px 14px}.menu-button{display:grid!important}}@media (width>=701px) and (width<=1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span2{grid-column:1/-1}.stats,.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-editor-layout,.study-detail-grid{grid-template-columns:1fr}.study-preview-card{order:-1;position:static}.profile-page{max-width:900px}}@media (width<=700px){.app>main{padding:16px 16px 42px}.topbar{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:-16px -16px 18px;padding:13px 16px 12px}.topbar-left{flex:100%;gap:11px}.topbar-left>div{min-width:0}.topbar .eyebrow{font-size:9px}.topbar h1{overflow-wrap:anywhere;font-size:clamp(20px,5.5vw,25px)}.header-actions{justify-content:flex-end;gap:8px;width:100%}.header-actions .primary{flex:none;width:42px;height:42px;padding:0}.panel{padding:17px}.panel-title{align-items:flex-start;gap:10px}.task-page-head{align-items:flex-start}.task-page-head>div:first-child{min-width:0}.task-tabs{max-width:100%;overflow-x:auto}.roadmap-title{gap:11px;padding:16px}.roadmap-heading{flex:calc(100% - 58px)}.roadmap-progress{flex:1}.roadmap-title>.soft{flex:none}.roadmap-track{padding:6px 16px 14px}.roadmap-step{align-items:flex-start;gap:10px;padding:10px 0}.roadmap-step>div:first-of-type{flex:calc(100% - 42px)}.roadmap-step .actions{width:100%;margin-left:34px}.roadmap-step .actions button{min-height:40px}.task-row{align-items:flex-start}.task-row .grow{flex-basis:calc(100% - 64px)}.task-row .priority{margin-left:52px}.weekly-task{grid-template-columns:28px minmax(0,1fr);gap:8px 10px}.weekly-task>small{grid-column:2}.task-draft{grid-template-columns:minmax(0,1fr)}.task-draft .delete{justify-self:start}.inline-form{flex-direction:column;align-items:stretch}.inline-form .primary{min-height:44px}.calendar{min-width:0;padding:13px}.calendar-head{gap:7px}.calendar-head h2{flex:100%;order:-1;margin:0;font-size:18px}.calendar-summary{gap:6px}.calendar-summary span{padding:6px 9px;font-size:11px}.calendar-summary b{font-size:12px}.calendar-agenda{margin-top:8px;display:block}.days{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar .day{min-width:0;min-height:76px;padding:4px 2px}.calendar .day-top{gap:2px}.calendar .day-top b{font-size:11px}.calendar .day-score{font-size:9px}.weekdays span{min-width:0}.profile-body{padding-left:17px;padding-right:17px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-stat{gap:9px;min-width:0;padding:11px}.profile-stat .stat-icon{width:37px;height:37px}.profile-stat span{font-size:11px}.profile-fields{grid-template-columns:minmax(0,1fr)}.profile-actions{align-items:stretch}.profile-actions>button{min-height:44px}.profile-form-heading{flex-direction:column;align-items:flex-start}.setting-row{align-items:flex-start}.setting-text{flex-basis:calc(100% - 60px)}.setting-row select{width:calc(100% - 56px);min-width:0;margin:0 0 0 56px}.settings-actions{flex-direction:column;align-items:flex-start}.tracking-summary{grid-template-columns:minmax(0,1fr)}.timeline-shell,.revision-table{max-width:100%}.study-intro{flex-wrap:wrap;align-items:flex-start}.study-intro>.study-primary{flex:none}.study-step-editor-page .study-head{align-items:flex-start}.study-step-editor-page .study-head>*{min-width:0}.study-editor-actions{z-index:5;border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-left:-18px;margin-right:-18px;padding:12px 18px;position:sticky;bottom:0}.study-breadcrumb{flex-wrap:wrap}.study-scope{flex-direction:column;align-items:stretch}.study-scope>div{margin-right:0}.study-scope label{width:100%}.study-dialog-overlay{align-items:start;padding:12px;overflow-y:auto}.study-dialog{margin:auto 0;padding:20px}.notification-popover{width:min(390px,100vw - 24px);position:fixed;top:74px;right:12px}.chart{gap:8px;padding-inline:2px}}@media (width<=420px){.app>main{padding-left:12px;padding-right:12px}.topbar{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.stats{grid-template-columns:minmax(0,1fr);gap:9px}.stat{min-height:84px}.panel{border-radius:16px;padding:14px}.task-tabs button{padding:7px 9px;font-size:12px}.task-page-head h2{font-size:17px}.task-page-head p{font-size:12px}.calendar{padding:10px}.calendar .day{min-height:66px}.calendar-key{gap:5px;font-size:10px}.key{width:8px;height:8px}.profile-cover{height:112px}.profile-hero .profile-avatar{width:66px;height:66px;font-size:22px}.profile-hero h2{overflow-wrap:anywhere;font-size:19px}.profile-meta{gap:5px}.profile-meta span{overflow-wrap:anywhere;padding:5px 8px}.profile-stats{gap:7px}.profile-stat{padding:9px}.profile-stat b{font-size:18px}.study-chip-set,.study-preview-chips{grid-template-columns:minmax(0,1fr)}.study-editor-card,.study-preview-card,.study-chapter-hero{padding:14px}.study-editor-actions{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.study-editor-actions>button{flex:auto}.notification-head{align-items:flex-start;padding-inline:13px}.notification-head h2{font-size:15px}.notification-read-all{font-size:11px}}@media (width<=360px){.topbar-left{gap:8px}.topbar .eyebrow{letter-spacing:.08em}.icon-button,.header-actions .primary{width:40px;height:40px}.header-actions{gap:6px}.study-step-controls{gap:2px}.study-step-controls button{width:36px}}.app,.app>main,.page,.panel,.grid,.dashboard-grid,.stats,.plan-grid,.roadmap-list,.topic-roadmap,.weekly-panel,.create-target,.profile-page,.study-page,.study-editor-layout,.study-detail-grid{min-width:0}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);align-items:start}.dashboard-grid>.span2{grid-column:auto}.dashboard-grid>.live-progress{align-self:stretch}.dashboard-grid .panel-title{min-width:0}.dashboard-grid .panel-title .text-button{flex:none}.dashboard-grid .schedule-item{min-width:0}.dashboard-grid .schedule-item .grow{overflow-wrap:anywhere}.dashboard-grid .task-row{min-width:0}.dashboard-grid .task-complete{flex:none}.overlay{overscroll-behavior:contain;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));overflow-y:auto}.modal{overscroll-behavior:contain;width:min(100%,520px);max-height:min(850px,100dvh - 24px)}.modal-head{z-index:2;background:var(--surface);padding:4px 0 10px;position:sticky;top:-26px}.modal-title{min-width:0}.modal-title h2{overflow-wrap:anywhere}.modal form>.actions{flex-wrap:wrap}.weekly-panel .create-target{width:100%;max-width:680px}.create-target form,.create-target .field,.create-target .task-draft,.create-target .task-draft input{min-width:0}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.table,.revision-table,.timeline-shell{min-width:0;max-width:100%}.revision-table{-webkit-overflow-scrolling:touch}.revision-table .thead,.revision-table .tr{min-width:720px}.calendar,.calendar-head,.calendar-summary,.calendar-key{min-width:0}.calendar-head>*{flex:none}.calendar-head h2{overflow-wrap:anywhere}.actions,.profile-actions,.settings-actions{min-width:0}button,input,select,textarea{max-width:100%}@media (width>=701px) and (width<=1024px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid>*{grid-column:1/-1!important}.dashboard-grid>.live-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:22px;display:grid}.dashboard-grid>.live-progress>.panel-title{grid-column:1/-1}.dashboard-grid>.live-progress>.goal{min-width:0}.dashboard-grid>.live-progress>.progress{min-width:180px}.dashboard-grid .schedule-item .soft{flex:none}.weekly-panel .create-target{max-width:none}}@media (width<=700px){.dashboard-grid{grid-template-columns:minmax(0,1fr);gap:13px}.dashboard-grid>*{grid-column:1/-1!important}.dashboard-grid>.live-progress{display:block}.dashboard-grid>.live-progress>.goal{flex-wrap:wrap;gap:14px}.dashboard-grid .schedule-item{grid-template-columns:48px 2px 36px minmax(0,1fr);gap:8px;margin-inline:-5px;padding:9px 5px;display:grid}.dashboard-grid .schedule-item time{width:auto;font-size:11px}.dashboard-grid .schedule-item .line{grid-area:1/2/span 2;height:100%}.dashboard-grid .schedule-item .topic-icon{grid-column:3}.dashboard-grid .schedule-item .grow{grid-column:4}.dashboard-grid .schedule-item>.soft{grid-column:4;justify-self:start;min-height:40px}.dashboard-grid .task-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:12px 0;display:grid}.dashboard-grid .task-row .task-complete{grid-column:1/-1;justify-self:start;min-height:42px}.dashboard-grid .task-row .grow{grid-area:2/1}.dashboard-grid .task-row .priority{grid-area:2/2;align-self:start;margin:0}.dashboard-grid .mini-list>div{gap:9px;margin-inline:-5px;padding-inline:5px}.dashboard-grid .mini-list .badge{white-space:normal;text-align:center}.hero-banner,.hero-copy{width:100%;min-width:0}.hero-banner h2{overflow-wrap:anywhere}.hero-button{max-width:100%;min-height:44px}.overlay{place-items:start center}.modal{border-radius:20px;width:min(100%,520px);margin:auto 0;padding:20px 17px}.modal-head{top:-20px}.modal-badge{flex:none}.weekly-panel .create-target{margin:14px 0;padding:17px}.weekly-panel .create-target .panel-title{align-items:flex-start}.create-target .task-draft{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 75%, transparent);border-radius:13px;grid-template-columns:minmax(0,1fr);gap:7px;padding:10px}.create-target .task-draft span{font-size:12px}.create-target .task-draft .delete{justify-self:start;min-height:40px}.weekly-panel .create-target .actions{flex-wrap:wrap}.weekly-panel .create-target .actions>button{min-height:44px}.plan-grid{grid-template-columns:minmax(0,1fr)}.panel-title{flex-wrap:wrap}.panel-title .text-button{margin-left:auto}.revision-table{overflow-x:auto}.tracking-summary{min-width:0}.settings .setting-row{flex-wrap:wrap}}@media (width<=420px){.hero-banner{border-radius:18px;padding:18px 16px}.hero-banner h2{font-size:clamp(18px,5.2vw,21px)}.hero-banner p{font-size:13px;line-height:1.5}.hero-button{justify-content:center;width:100%}.dashboard-grid .panel-title{align-items:flex-start}.dashboard-grid .panel-title h2{font-size:15px}.dashboard-grid .schedule-item{grid-template-columns:42px 2px 32px minmax(0,1fr);gap:7px}.dashboard-grid .schedule-item .topic-icon{width:32px;height:32px}.dashboard-grid .schedule-item .grow b{font-size:13px}.dashboard-grid .schedule-item .grow small{font-size:11px}.dashboard-grid .task-row .grow b{overflow-wrap:anywhere}.dashboard-grid .mini-list>div{align-items:flex-start}.dashboard-grid .mini-list p{overflow-wrap:anywhere;min-width:0}.dashboard-grid .date-box{flex:none}.overlay{padding-left:8px;padding-right:8px}.modal{padding:17px 14px}.modal-head{top:-17px}.modal-title{gap:8px}.modal-head h2{font-size:16px}.modal-title .modal-badge{width:32px;height:32px}.weekly-panel .create-target{padding:13px}.weekly-panel .create-target .actions{grid-template-columns:minmax(0,1fr);display:grid}.weekly-panel .create-target .actions>button{justify-content:center}.calendar-head{flex-wrap:wrap}.calendar-head .year-select{flex:100%}}@media (height<=600px) and (width<=900px){.overlay{place-items:start center}.modal{max-height:calc(100dvh - 20px);margin:0 auto}}@keyframes orbA{0%{transform:translate(0)scale(1)}to{transform:translate(-90px,70px)scale(1.18)}}@keyframes orbB{0%{transform:translate(0)scale(1)}to{transform:translate(80px,-60px)scale(1.12)}}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:none}}.auth-page,.loading-screen{background:radial-gradient(var(--border-strong) 1px, transparent 1.2px) 0 0 / 30px 30px, var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-page:before,.auth-page:after,.loading-screen:before,.loading-screen:after{content:"";pointer-events:none;filter:blur(70px);border-radius:50%;position:absolute}.auth-page:before,.loading-screen:before{opacity:.5;background:radial-gradient(circle at 35% 35%,#8b7bff,#6a5cf5 50%,#0000 72%);width:560px;height:560px;animation:14s ease-in-out infinite alternate orbA;top:-190px;right:-140px}.auth-page:after,.loading-screen:after{opacity:.32;background:radial-gradient(circle,#22d3ee,#34d399 55%,#0000 74%);width:480px;height:480px;animation:16s ease-in-out infinite alternate orbB;bottom:-190px;left:-130px}[data-theme=dark] .auth-page:before,[data-theme=dark] .loading-screen:before{opacity:.38}[data-theme=dark] .auth-page:after,[data-theme=dark] .loading-screen:after{opacity:.18}.auth-page .brand{gap:14px;font-size:29px}.auth-page .brand .logo{border-radius:16px;width:52px;height:52px}.auth-card{z-index:1;border:1px solid color-mix(in srgb, var(--surface) 55%, var(--border));background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:cardIn .8s var(--ease) backwards;border-radius:28px;padding:42px 40px 36px;position:relative;overflow:hidden}.auth-card:before{content:"";background:var(--grad);height:4px;position:absolute;inset:0 0 auto}.auth-card>*{animation:fadeUp .6s var(--ease) backwards}.auth-card>:first-child{animation-delay:.15s}.auth-card>:nth-child(2){animation-delay:.22s}.auth-card>:nth-child(3){animation-delay:.29s}.auth-card>:nth-child(4){animation-delay:.36s}.auth-card>:nth-child(5){animation-delay:.43s}.auth-card>:nth-child(n+6){animation-delay:.5s}.auth-card .brand{padding:0 0 26px}.auth-card .brand:after{content:"A calmer way to plan, revise, and finish.";font:600 12.5px var(--font-body);letter-spacing:0;color:var(--text-3);-webkit-text-fill-color:var(--text-3);flex-basis:100%;margin:0;display:block}.auth-card .brand{flex-wrap:wrap}.auth-card h1{letter-spacing:-.04em;font-size:30px}.auth-card>p{color:var(--text-2);margin:10px 0 24px;line-height:1.65}.auth-card .primary{border-radius:14px;width:100%;padding:14px;font-size:15px}.auth-card .field input{background:var(--surface)}.auth-error{border-left:4px solid var(--danger);background:var(--danger-soft);color:var(--danger-text);border-radius:12px;margin:12px 0;padding:11px 14px;font-size:13px;font-weight:600;animation:.45s shake}.auth-switch{margin:20px auto 0;display:block}.demo-note{color:var(--text-3);text-align:center;margin-top:16px;font-size:12px;display:block}.oauth-divider{color:var(--text-3);letter-spacing:.04em;align-items:center;gap:12px;margin:22px 0 14px;font-size:12px;font-weight:600;display:flex}.oauth-divider span{background:var(--border);flex:1;height:1px}.google-button{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);font:700 14px var(--font-body);cursor:pointer;transition:transform .25s var(--ease), border-color .2s, box-shadow .25s, background .2s;border-radius:14px;justify-content:center;align-items:center;gap:11px;padding:13px;display:flex}.google-button:hover{border-color:var(--primary-300);background:var(--surface-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.google-button:active{transform:scale(.98)}.google-button b{background:conic-gradient(from -45deg, #ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);color:#0000;-webkit-background-clip:text;background-clip:text;font:800 18px Arial,sans-serif}.loading-screen{color:var(--text-2);align-content:center;justify-items:center;gap:22px;font-weight:600}.loading-screen>*{z-index:1;position:relative}.loader{place-items:center;width:92px;height:92px;display:grid;position:relative}.loader .logo{border-radius:17px;width:54px;height:54px;animation:2.4s ease-in-out infinite float}.loader-ring{border:3px solid var(--primary-soft-2);border-top-color:var(--primary);border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}.loading-screen p{color:var(--text-2);margin:0;font-size:14.5px;font-weight:600;animation:1s .2s backwards fadeIn}@media (width<=480px){.auth-card{border-radius:24px;padding:34px 24px 28px}.auth-page:before{right:-260px}}.auth-shell{z-index:1;grid-template-columns:minmax(0,440px);justify-content:center;align-items:center;gap:64px;width:100%;max-width:1080px;display:grid;position:relative}.auth-hero{display:none}.auth-theme{z-index:5;position:absolute;top:22px;right:22px}.auth-fade{animation:fadeUp .5s var(--ease) backwards}.auth-card .field{margin:14px 0}.input-icon{margin-top:7px;display:block;position:relative}.input-icon>svg{color:var(--text-3);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon:focus-within>svg{color:var(--primary)}.field .input-icon input{margin-top:0;padding-left:42px}.reveal{width:34px;height:34px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.reveal:hover{background:var(--primary-soft);color:var(--primary)}.field .input-icon input[type=password],.field .input-icon input[name=password]{padding-right:46px}.auth-card .submit{margin-top:20px}.verify-icon{border:1px solid var(--primary-soft-2);background:var(--primary-soft);width:58px;height:58px;color:var(--primary);border-radius:18px;place-items:center;margin:0 0 16px;display:grid}.verify-address{overflow-wrap:anywhere;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;align-items:center;gap:9px;margin:18px 0 4px;padding:13px 14px;font-size:13px;font-weight:700;display:flex}.verify-resend{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;margin-top:24px;padding:18px}.verify-resend>b{font-size:13px}.verify-resend>p{color:var(--text-3);margin:5px 0 12px;font-size:12.5px;line-height:1.5}.verify-resend form .field{margin:10px 0 12px}.verify-resend form .soft{width:100%;min-height:42px}.verify-feedback{color:var(--success-text);margin-top:12px;font-size:12.5px;font-weight:600;line-height:1.5;display:block}.verify-feedback.err{color:var(--danger-text)}.resend-inline{margin:0 auto 12px;font-size:12px;display:block}.email-code-form{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;margin-top:14px;padding:16px}.email-code-form .field{margin:0 0 12px}.email-code-form .soft{justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;display:flex}.auth-card input[autocomplete=one-time-code]{text-align:center;letter-spacing:.3em;font-size:22px;font-weight:800}.auth-card .field-error{color:var(--danger-text);margin:6px 2px 0;font-size:12px;font-weight:600;display:block}.auth-card .field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.forgot-password{margin:-4px 0 12px auto;font-size:12px;font-weight:700;display:block}@media (width>=960px){.auth-shell{grid-template-columns:minmax(0,1fr) 440px;justify-content:stretch}.auth-hero{animation:slideIn .8s var(--ease) .1s backwards;display:block}.auth-card>.brand{display:none}}.auth-hero .brand{padding:0 0 38px}.auth-hero h2{font:800 clamp(34px, 4vw, 50px) / 1.08 var(--font-display);letter-spacing:-.045em;margin:0 0 16px}.auth-hero h2 em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.auth-hero>p{max-width:470px;color:var(--text-2);margin:0 0 30px;font-size:16px;line-height:1.7}.auth-features{gap:16px;margin:0 0 40px;padding:0;list-style:none;display:grid}.auth-features li{align-items:center;gap:14px;display:flex}.auth-features b{font-size:15px;display:block}.auth-features small{color:var(--text-3);margin-top:2px;font-size:13px;display:block}.feature-icon{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.auth-preview{height:150px;position:relative}.preview-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute}.preview-card b{font-size:13.5px;display:block}.preview-card small{color:var(--text-3);margin-top:2px;font-size:12px;display:block}.preview-card.one{animation:5s ease-in-out infinite float;top:0;left:0}.preview-card.two{animation:6s ease-in-out -2s infinite float;top:70px;left:120px}.landing-page{min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 78% 8%, var(--bg-glow-1), transparent 31%), radial-gradient(ellipse at 2% 38%, var(--bg-glow-2), transparent 24%), var(--bg);overflow:hidden}.landing-header{z-index:5;border-bottom:1px solid color-mix(in srgb, var(--border) 78%, transparent);justify-content:space-between;align-items:center;gap:25px;width:min(1220px,100% - 56px);height:82px;margin:0 auto;display:flex;position:relative}.landing-brand{color:var(--text);font:750 24px var(--font-display);letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.landing-brand img{object-fit:cover;border-radius:13px;width:42px;height:42px;display:block;box-shadow:0 6px 18px #573dcd2e}.landing-brand>span>span{color:var(--primary)}.landing-nav{align-items:center;gap:34px;margin-left:auto;display:flex}.landing-nav a,.landing-login{color:var(--text-2);font-size:13px;font-weight:650;text-decoration:none;transition:color .2s}.landing-nav a:hover,.landing-login:hover{color:var(--primary)}.landing-actions{align-items:center;gap:20px;display:flex}.landing-theme{border:1px solid var(--border);width:34px;height:34px;color:var(--text-2);background:var(--surface);cursor:pointer;border-radius:11px;font-size:19px}.landing-signup{background:var(--grad);color:#fff;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 18px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 18px #6a5cf538}.landing-signup:hover{box-shadow:var(--glow);transform:translateY(-2px)}.landing-main{width:min(1220px,100% - 56px);margin:0 auto}.landing-hero{grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:45px;min-height:650px;padding:60px 0 80px;display:grid}.landing-hero-copy{z-index:2;padding-bottom:8px;position:relative}.landing-kicker{border:1px solid var(--primary-soft-2);background:var(--primary-soft);width:fit-content;color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;align-items:center;gap:8px;margin-bottom:21px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.landing-hero h1{max-width:650px;font:800 clamp(44px, 5.6vw, 70px)/1.08 var(--font-display);letter-spacing:-.065em;margin:0}.landing-hero h1 span{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.landing-lede{max-width:540px;color:var(--text-2);margin:23px 0 29px;font-size:16px;line-height:1.75}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.landing-cta{min-height:51px;padding:0 22px;font-size:14px}.landing-secondary{color:var(--text-2);font-size:13px;font-weight:700;text-decoration:none}.landing-secondary:hover{color:var(--primary)}.landing-proof{color:var(--text-3);flex-wrap:wrap;gap:18px;margin-top:28px;font-size:11px;font-weight:650;display:flex}.landing-proof span{align-items:center;gap:6px;display:flex}.landing-proof svg{color:var(--success)}.landing-preview-wrap{place-items:center;min-height:470px;display:grid;position:relative}.landing-orb{filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.landing-orb-one{background:radial-gradient(circle at 35% 35%,#8f7cff3d,#8f7cff05 70%);width:390px;height:390px;top:6%;right:5%}.landing-orb-two{background:radial-gradient(circle,#22d3ee26,#0000 70%);width:300px;height:300px;bottom:1%;left:1%}.landing-preview{z-index:1;border:1px solid color-mix(in srgb, var(--border-strong) 78%, #fff);background:color-mix(in srgb, var(--surface) 93%, transparent);border-radius:25px;width:min(100%,530px);padding:27px;position:relative;transform:rotate(1.2deg);box-shadow:0 28px 80px #3d328a29,0 3px 10px #2423550a}.preview-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.preview-eyebrow{color:var(--text-3);letter-spacing:.15em;font-size:9px;font-weight:800}.preview-top h2{font:750 23px var(--font-display);letter-spacing:-.04em;margin:5px 0 0}.preview-avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.preview-focus{border:1px solid var(--primary-soft-2);background:linear-gradient(110deg, var(--primary-soft), color-mix(in srgb, var(--surface) 65%, var(--primary-soft)));border-radius:15px;align-items:center;gap:12px;padding:15px;display:flex}.preview-focus-icon{background:var(--surface);width:38px;height:38px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.preview-focus b,.preview-focus small{display:block}.preview-focus b{font-size:12px}.preview-focus small{color:var(--text-3);margin-top:3px;font-size:10px}.preview-spark{color:var(--primary);margin-left:auto;font-size:22px}.preview-section-head{justify-content:space-between;margin:23px 2px 10px;font-size:12px;display:flex}.preview-section-head>span{color:var(--text-3);font-size:10px}.preview-event{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:12px 9px;display:flex}.preview-event-icon{border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.preview-event-icon.purple{color:#6a5cf5;background:#efedff}.preview-event-icon.green{color:#0b9a68;background:#e3f8ef}.preview-event>div{min-width:0}.preview-event b,.preview-event small{display:block}.preview-event b{font-size:11px}.preview-event small{color:var(--text-3);align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.preview-status{background:var(--primary-soft);color:var(--primary);border-radius:99px;margin-left:auto;padding:5px 8px;font-size:9px;font-weight:750}.preview-status.task{color:var(--success-text);background:var(--success-soft)}.preview-progress{border:1px solid var(--border);background:var(--surface-2);border-radius:15px;margin-top:20px;padding:15px}.preview-progress>div:first-child{color:var(--text-2);justify-content:space-between;font-size:10px;display:flex}.preview-progress>div:first-child b{color:var(--primary)}.preview-progress-track{background:var(--surface-3);border-radius:99px;height:7px;margin:10px 0 11px;overflow:hidden}.preview-progress-track i{border-radius:inherit;background:var(--grad);width:60%;height:100%;display:block}.preview-steps{color:var(--text-3);justify-content:space-between;gap:5px;font-size:8px;display:flex}.preview-steps .done{color:var(--primary);font-weight:750}.preview-float{z-index:2;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:15px;align-items:center;gap:10px;padding:12px 16px 12px 12px;animation:4s ease-in-out infinite float;display:flex;position:absolute;bottom:4px;right:-4px}.preview-float>span{background:var(--warning-soft);width:33px;height:33px;color:var(--warning);border-radius:11px;place-items:center;display:grid}.preview-float b,.preview-float small{display:block}.preview-float b{font-size:10px}.preview-float small{color:var(--text-3);margin-top:3px;font-size:9px}.landing-features{border-top:1px solid var(--border);padding:69px 0 89px}.landing-section-heading{text-align:center;max-width:670px;margin:0 auto 39px}.landing-section-heading>span,.landing-how-copy>span,.landing-bottom-cta>div>span{color:var(--primary);letter-spacing:.15em;font-size:12px;font-weight:800}.landing-section-heading h2,.landing-how-copy h2{font:750 clamp(32px, 4.3vw, 46px)/1.2 var(--font-display);letter-spacing:-.05em;margin:13px 0}.landing-section-heading p,.landing-how-copy p{color:var(--text-2);margin:0;font-size:16px;line-height:1.75}.landing-feature-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.landing-feature{border:1px solid var(--border);background:var(--surface);min-height:220px;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s, border-color .2s;border-radius:19px;padding:25px}.landing-feature:hover{border-color:var(--primary-soft-2);box-shadow:var(--shadow-md);transform:translateY(-5px)}.landing-feature-icon{border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:20px;display:grid}.landing-feature-icon.violet{color:var(--primary);background:var(--primary-soft)}.landing-feature-icon.green{color:var(--success-text);background:var(--success-soft)}.landing-feature-icon.blue{color:var(--info);background:var(--info-soft)}.landing-feature-icon.orange{color:var(--warning-text);background:var(--warning-soft)}.landing-feature h3{font:700 16px/1.4 var(--font-display);letter-spacing:-.02em;margin:0 0 9px}.landing-feature p{color:var(--text-2);margin:0;font-size:14px;line-height:1.75}.landing-how{border:1px solid var(--border);background:linear-gradient(120deg, color-mix(in srgb, var(--primary-soft) 65%, var(--surface)), var(--surface) 58%);border-radius:27px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;padding:72px 7%;display:grid}.landing-how-steps>div{box-shadow:var(--shadow-sm)}:root:not([data-theme=dark]) .landing-how,:root:not([data-theme=dark]) .landing-how-steps>div{border-color:#c4c7db}.landing-how-copy h2{max-width:400px}.landing-inline-link{color:var(--primary);align-items:center;gap:7px;margin-top:22px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.landing-how-steps{gap:18px;display:grid}.landing-how-steps>div{border:1px solid var(--border);background:var(--surface);border-radius:15px;align-items:flex-start;gap:15px;padding:17px;display:flex}.landing-how-steps>div>span{color:var(--primary);font:800 15px var(--font-display)}.landing-how-steps b,.landing-how-steps small{display:block}.landing-how-steps b{font-size:14px}.landing-how-steps small{color:var(--text-2);margin-top:6px;font-size:13px;line-height:1.6}.landing-bottom-cta{background:var(--tip);color:#fff;border-radius:23px;justify-content:space-between;align-items:center;gap:25px;margin:70px 0;padding:36px 42px;display:flex}.landing-bottom-cta>div>span{color:#b9b0ff}.landing-bottom-cta h2{color:#fff;font:750 29px/1.25 var(--font-display);letter-spacing:-.04em;margin:8px 0 6px}.landing-bottom-cta p{color:#d0cfe5;margin:0;font-size:14px;line-height:1.6}.landing-bottom-cta .landing-signup{color:#5142ce;background:#fff;flex:none}.landing-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;width:min(1220px,100% - 56px);min-height:78px;margin:0 auto;display:flex}.landing-footer .landing-brand{font-size:17px}.landing-footer .landing-brand img{border-radius:9px;width:30px;height:30px}.landing-footer small{color:var(--text-3);font-size:11px}.landing-guides-link{color:var(--text-2);font-size:12px;font-weight:700;text-decoration:none}.landing-guides-link:hover{color:var(--primary)}@media (width<=940px){.landing-hero{grid-template-columns:1fr 1fr;gap:20px;min-height:590px}.landing-hero h1{font-size:clamp(42px,6vw,58px)}.landing-preview-wrap{min-height:420px}.landing-preview{padding:21px}.landing-feature-grid{grid-template-columns:repeat(2,1fr)}.landing-how{gap:40px;padding-inline:5%}}@media (width<=850px){.landing-hero{grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;padding-top:55px}.landing-hero-copy{max-width:680px}.landing-preview-wrap{justify-self:center;width:min(100%,620px);min-height:440px}.landing-how{grid-template-columns:minmax(0,1fr);gap:30px;padding:42px}}@media (width<=700px){.landing-header,.landing-main,.landing-footer{width:min(100% - 34px,560px)}.landing-header{gap:12px;height:70px}.landing-brand{gap:8px;font-size:20px}.landing-brand img{border-radius:11px;width:36px;height:36px}.landing-nav{display:none}.landing-actions{gap:12px}.landing-theme{width:32px;height:32px}.landing-actions .landing-signup{min-height:38px;padding-inline:12px;font-size:11px}.landing-login{font-size:12px}.landing-hero{flex-direction:column;align-items:stretch;gap:32px;padding:62px 0 57px;display:flex}.landing-hero h1{max-width:560px;font-size:clamp(42px,12vw,59px)}.landing-lede{margin:18px 0 23px;font-size:14px}.landing-hero-actions{gap:13px}.landing-cta{min-height:47px;padding-inline:16px;font-size:12px}.landing-secondary{font-size:11px}.landing-proof{gap:10px 15px;margin-top:21px;font-size:10px}.landing-preview-wrap{min-height:400px}.landing-preview{border-radius:21px;width:100%;padding:18px;transform:none}.preview-float{bottom:-9px;right:-3px}.landing-features{padding:53px 0 60px}.landing-section-heading{margin-bottom:28px}.landing-section-heading>span,.landing-how-copy>span,.landing-bottom-cta>div>span{font-size:11px}.landing-section-heading h2,.landing-how-copy h2{font-size:31px}.landing-section-heading p,.landing-how-copy p{font-size:14px}.landing-feature-grid{gap:10px}.landing-feature{border-radius:15px;min-height:0;padding:17px}.landing-feature-icon{width:37px;height:37px;margin-bottom:14px}.landing-feature h3{font-size:14px}.landing-feature p{font-size:12px}.landing-how{border-radius:21px;grid-template-columns:1fr;gap:27px;padding:27px 20px}.landing-how-steps{gap:10px}.landing-how-steps>div{padding:14px}.landing-how-steps b{font-size:13px}.landing-how-steps small{font-size:12px}.landing-bottom-cta{flex-direction:column;align-items:flex-start;margin:48px 0;padding:27px 23px}.landing-bottom-cta h2{font-size:25px}.landing-bottom-cta p{font-size:13px}.landing-footer{min-height:68px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=420px){.landing-header,.landing-main,.landing-footer{width:min(100% - 28px,560px)}.landing-actions{gap:10px}.landing-theme{display:none}.landing-actions .landing-signup{min-height:44px;padding-inline:11px;font-size:11px}.landing-login{font-size:12px}.landing-hero{padding-top:48px}.landing-hero h1{font-size:clamp(38px,11.5vw,48px)}.landing-hero-actions{flex-wrap:wrap}.landing-preview-wrap{min-height:365px}.landing-preview{padding:13px}.preview-float{max-width:74%}}