@font-face{font-family:Reddit Sans;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/1f195ab6e11b0da4-s.3ai92rzjmk8dj.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Reddit Sans;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/99eb472eefd157c4-s.2u_vmphtfvpcy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Reddit Sans;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/7c1d6751972ac70b-s.p.3n2u0fl1v54f_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Reddit Sans Fallback;src:local(Arial);ascent-override:100.43%;descent-override:28.75%;line-gap-override:0.0%;size-adjust:100.55%}.reddit_sans_1a969ab1-module__Kf9L9W__className{font-family:Reddit Sans,Reddit Sans Fallback;font-style:normal}.reddit_sans_1a969ab1-module__Kf9L9W__variable{--font-reddit-sans:"Reddit Sans", "Reddit Sans Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17223b;--muted:#60708c;--primary:#155cd6;--primary-dark:#0d46ae;--primary-soft:#eaf2ff;--surface:#fff;--background:#f6f8fc;--tint:#eef4ff;--line:#dce5f2;--green:#147a58;--shadow:0 18px 50px #223d691f;--radius:22px;font-family:var(--font-reddit-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--background);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;line-height:1.65;overflow-x:hidden}button,a{touch-action:manipulation}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px}button{font:inherit}[hidden]{display:none!important}.container{width:min(1140px,100% - 40px);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;color:#fff;background:var(--primary-dark);border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline-offset:3px;outline:3px solid #80aef5}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f8fceb;border-bottom:1px solid #dce5f2d9;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.brand{color:var(--ink);flex-shrink:0;align-items:center;gap:12px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1f74eb,#1049b5);border-radius:13px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid;box-shadow:0 8px 20px #155cd647}.brand-name{letter-spacing:-.01em}.main-nav{align-items:center;gap:6px;display:flex}.main-nav>a{color:#17223b;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.main-nav>a:hover{color:var(--primary);background:#155cd60f}.nav-support{position:relative}.nav-support-btn{color:#17223b;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:14px;font-weight:700;transition:background .15s,color .15s;display:flex}.nav-support-btn:hover{color:var(--primary);background:#155cd60f}.nav-support-dropdown{z-index:200;background:#fff;border:1px solid #dde7f3;border-radius:12px;min-width:160px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #263e631f}.nav-support-dropdown li a{color:#17223b;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .13s,color .13s;display:block}.nav-support-dropdown li a:hover{color:var(--primary);background:#155cd612}.nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.button-outline{border-color:var(--primary);color:var(--primary);box-shadow:none;background:0 0}.button-outline:hover{border-color:var(--primary-dark);color:var(--primary-dark);box-shadow:none;background:#155cd60f;transform:none}.menu-button{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:none}.button{border:1px solid var(--primary);color:#fff;background:var(--primary);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:14px;font-weight:800;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 10px 22px #155cd633}.button:hover{border-color:var(--primary-dark);background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 14px 30px #155cd647}.button svg,.text-link svg{width:18px}.button-small{min-height:42px;padding-inline:16px}.button-secondary{border-color:var(--line);color:var(--primary-dark);background:var(--surface);box-shadow:none}.button-secondary:hover{color:var(--primary-dark);background:var(--primary-soft);border-color:#b8cae6}.hero{background:radial-gradient(circle at 88% 18%,#dbe9ff 0,#0000 31%),linear-gradient(#f9fbff,#f3f7ff);padding:80px 0 72px}.hero-grid{grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr);align-items:center;gap:52px;display:grid}.eyebrow{color:var(--primary);letter-spacing:.13em;align-items:center;gap:8px;margin:0 0 14px;font-size:11px;font-weight:850;display:flex}.eyebrow span{background:var(--primary);width:22px;height:2px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{letter-spacing:-.035em;margin-top:0;line-height:1.16}h1{max-width:640px;margin-bottom:22px;font-size:clamp(42px,5.1vw,68px)}h1 em{color:var(--primary);font-style:normal}h2{font-size:clamp(30px,4vw,46px)}h3{font-size:20px}.hero-lead{max-width:610px;color:var(--muted);margin:0 0 28px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-points{color:#41516d;flex-wrap:wrap;gap:20px;margin:25px 0 0;padding:0;font-size:13px;font-weight:700;list-style:none;display:flex}.hero-points li{align-items:center;gap:7px;display:flex}.hero-points svg{width:17px;color:var(--green);stroke-width:2.6px}.demo-stage{background:#fff;border:1px solid #cddbf0;border-radius:26px;min-height:580px;padding:46px 28px 28px;position:relative;box-shadow:0 30px 70px #2643702b}.browser-bar{border-bottom:1px solid var(--line);background:#f8faff;border-radius:26px 26px 0 0;align-items:center;gap:6px;height:46px;padding:0 15px;display:flex;position:absolute;top:0;left:0;right:0}.browser-bar>span{background:#b8c6da;border-radius:50%;width:8px;height:8px}.browser-bar div{color:#8492a8;background:#eaf0f8;border-radius:6px;width:46%;margin-left:10px;padding:4px 10px;font-size:8px}.reading-card{color:#52617a;width:61%;padding:35px 18px}.reading-label,.panel-label{color:#91a0b5;letter-spacing:.14em;margin:0 0 12px;font-size:9px;font-weight:800}.reading-card h2{color:var(--ink);font-size:24px}.reading-card p{font-size:12px}.selected-text{color:#30415e;background:#dceaff;border-radius:5px;margin-top:22px;padding:8px}.lesson-panel{background:#fbfdff;border:1px solid #cfddf0;border-radius:17px;width:52%;min-width:300px;padding:17px;position:absolute;top:66px;right:18px;box-shadow:0 18px 42px #1f3b6433}.lesson-head,.word-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-head div{display:grid}.lesson-kicker{color:var(--primary);letter-spacing:.12em;font-size:7px;font-weight:900}.lesson-head strong{font-size:15px}.ai-badge{color:#fff;background:var(--primary);border-radius:9px;place-items:center;width:30px;height:30px;font-size:9px;font-weight:900;display:grid}.original{color:#53637c;margin:16px 0 4px;font-size:10px}.translation{color:var(--ink);margin:0 0 14px;font-size:12px;font-weight:700}.demo-tabs{background:#eaf0f8;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.demo-tabs button{color:#667791;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:34px;font-size:10px;font-weight:800}.demo-tabs button[aria-selected=true]{color:var(--primary-dark);background:#fff;box-shadow:0 3px 8px #29436c1a}.tab-panel{min-height:174px;padding-top:14px;font-size:10px}.tab-panel>p:nth-child(2){gap:4px;font-size:11px;font-weight:800;display:flex}.subject,.verb,.detail{border-radius:4px;padding:3px 5px}.subject{color:#0d56bd;background:#dceaff}.verb{color:#087046;background:#d9f2e7}.detail{color:#84520c;background:#fff0c9}.legend{color:#718198;gap:9px;font-size:8px;display:flex}.legend span{align-items:center;gap:3px;display:flex}.legend i{border-radius:50%;width:5px;height:5px}.subject-dot{background:#2778e3}.verb-dot{background:#159363}.detail-dot{background:#d3932e}.note{background:#fff;border:1px solid #dbe5f2;border-radius:9px;gap:2px;margin-top:14px;padding:10px;display:grid}.note span,.word-row span{color:#718198}.word-row button{width:38px;height:38px;color:var(--primary);cursor:pointer;background:#fff;border:1px solid #cfddf0;border-radius:9px;place-items:center;display:grid}.word-row button svg{width:17px}.word-row div{display:grid}.word-row strong{font-size:15px}.trust-strip{border-block:1px solid var(--line);background:#fff;padding:24px 0}.trust-grid{grid-template-columns:repeat(4,1fr);display:grid}.trust-grid div{border-right:1px solid var(--line);padding:6px 26px;display:grid}.trust-grid div:last-child{border-right:0}.trust-grid strong{color:var(--primary-dark);font-size:27px;line-height:1.2}.trust-grid span{color:var(--muted);font-size:11px}.section{padding:100px 0}.section-tinted{background:var(--tint)}.section-heading{max-width:660px;margin-bottom:45px}.section-heading h2{margin-bottom:14px}.section-heading p:last-child{color:var(--muted)}.centered{text-align:center;margin-inline:auto}.centered .eyebrow{justify-content:center}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:270px;padding:28px;box-shadow:0 10px 30px #263e630d}.feature-card.featured{background:linear-gradient(155deg,#fff 40%,#edf4ff);grid-row:span 2;min-height:558px}.feature-card h3{margin:20px 0 10px}.feature-card p{color:var(--muted);font-size:14px}.icon-box,.step-icon,.shield{width:50px;height:50px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;display:grid}.icon-box svg,.step-icon svg{width:25px}.mini-visual{box-shadow:var(--shadow);background:#fff;border:1px solid #d2dfef;border-radius:16px;gap:10px;margin-top:45px;padding:22px;display:grid;transform:rotate(-2deg)}.mini-visual span{color:#77869b;font-size:11px}.mini-visual strong{font-size:13px}.mini-visual i{background:linear-gradient(90deg,#d7e6fb 40%,#e9eff7 40%);border-radius:8px;width:80%;height:8px}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--radius);background:#ffffffb8;border:1px solid #d6e2f2;padding:30px;position:relative}.steps li>span{color:#b4c5dd;letter-spacing:.12em;font-size:12px;font-weight:900;position:absolute;top:22px;right:24px}.steps h3{margin:24px 0 10px}.steps p{color:var(--muted);margin-bottom:0;font-size:14px}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:850px;margin:0 auto;display:grid}.price-card{border:1px solid var(--line);background:#fff;border-radius:25px;flex-direction:column;min-height:470px;padding:36px;display:flex;position:relative}.price-card.popular{border:2px solid var(--primary);box-shadow:var(--shadow)}.popular-label{color:#fff;background:var(--primary);letter-spacing:.09em;border-radius:0 0 9px 9px;padding:7px 12px;font-size:8px;font-weight:900;position:absolute;top:0;right:25px}.plan-name{color:var(--primary);margin:0 0 12px;font-weight:850}.price{color:var(--muted);margin:0;font-size:13px;display:grid}.price strong{color:var(--ink);font-size:44px;line-height:1.2}.price-card ul{color:#4e5e78;gap:14px;margin:30px 0;padding:0;font-size:14px;list-style:none;display:grid}.price-card li:before{color:var(--green);content:"✓";margin-right:9px;font-weight:900}.price-card .button{margin-top:auto}.trust-section{padding-top:20px}.trust-card{background:linear-gradient(135deg,#eaf3ff,#f9fbff);border:1px solid #cbdcf2;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:45px;display:grid}.trust-card h2{margin-bottom:10px;font-size:31px}.trust-card p:last-child{color:var(--muted);margin-bottom:0}.shield{color:#fff;background:var(--primary);border-radius:20px;width:72px;height:72px;box-shadow:0 14px 28px #155cd63b}.shield svg{stroke-width:2px;width:36px}.text-link{color:var(--primary-dark);white-space:nowrap;align-items:center;gap:3px;font-size:13px;font-weight:800;display:inline-flex}.faq-layout{grid-template-columns:.7fr 1.3fr;gap:80px;display:grid}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;align-items:center;min-height:72px;padding:20px 42px 20px 0;font-size:16px;font-weight:800;list-style:none;display:flex;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span:before,.faq-list summary span:after{background:var(--primary);content:"";width:14px;height:2px;transition:transform .18s;position:absolute;top:35px;right:5px}.faq-list summary span:after{transform:rotate(90deg)}.faq-list details[open] summary span:after{transform:rotate(0)}.faq-list details p{color:var(--muted);margin:-5px 42px 22px 0;font-size:14px}.install-section{padding-top:20px}.install-card{color:#fff;background:linear-gradient(140deg,#0c3f9b,#1769df);border-radius:28px;grid-template-columns:1.1fr .9fr;gap:65px;padding:56px;display:grid;box-shadow:0 25px 55px #0d46ae40}.install-card .eyebrow{color:#c9dcff}.install-card h2{margin-bottom:12px;font-size:38px}.install-card p{color:#d8e6ff}.install-card ol{counter-reset:install;gap:12px;margin:0;padding:0;list-style:none;display:grid}.install-card li{background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;padding:14px 14px 14px 50px;font-size:13px;position:relative}.install-card li:before{width:26px;height:26px;color:var(--primary-dark);content:counter(install);counter-increment:install;background:#fff;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;top:12px;left:12px}.install-card code{background:#00000029;border-radius:4px;padding:2px 5px}.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:100px;padding:55px 0 22px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:50px;display:grid}.footer-grid p{max-width:300px;color:var(--muted);font-size:13px}.footer-links{align-content:start;gap:10px;font-size:13px;display:grid}.footer-links strong{margin-bottom:4px}.footer-links a,.footer-bottom a{color:var(--muted);text-decoration:none}.footer-links a:hover,.footer-bottom a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--line);color:#8491a5;justify-content:space-between;margin-top:42px;padding-top:18px;font-size:11px;display:flex}.policy-page{padding:90px 20px 20px}.policy-content{max-width:760px;margin:0 auto}.policy-content h1{margin-bottom:18px;font-size:52px}.policy-content h2{margin-top:48px;font-size:25px}.policy-content p,.policy-content li{color:#4e5e78}.policy-lead{font-size:19px}.policy-note{background:var(--primary-soft);border:1px solid #bfd5f3;border-radius:16px;margin:35px 0;padding:22px}.policy-note p{margin-bottom:0}.grammar-hero{background:radial-gradient(circle at 82% 20%,#d9e9ff 0,#0000 33%),linear-gradient(#f9fbff,#eef4ff);padding:82px 0}.grammar-hero-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:42px;display:grid}.grammar-hero h1{max-width:720px;margin-bottom:18px;font-size:clamp(40px,5vw,64px)}.grammar-hero code,.install-card code,.extension-route-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.grammar-link-contract,.extension-route-card{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #cadbf0;border-radius:22px;gap:12px;padding:26px;display:grid}.grammar-link-contract h2{margin-bottom:0;font-size:24px}.grammar-link-contract code,.extension-route-card code{color:#1049b5;overflow-wrap:anywhere;background:#f5f8ff;border:1px solid #d7e4f4;border-radius:10px;padding:10px 12px;font-size:12px;display:block}.grammar-link-contract p,.extension-route-card p{color:var(--muted);margin:0;font-size:13px}.grammar-stats{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grammar-stats div{background:#ffffffb8;border:1px solid #d4e1f2;border-radius:20px;padding:26px;display:grid}.grammar-stats strong{color:var(--primary-dark);font-size:38px;line-height:1.15}.grammar-stats span{color:var(--muted);font-size:13px}.grammar-topic-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grammar-topic-card{border:1px solid var(--line);min-height:270px;color:inherit;background:var(--surface);border-radius:22px;flex-direction:column;padding:24px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 10px 30px #263e630d}.grammar-topic-card:hover{box-shadow:var(--shadow);border-color:#b5c9e8;transform:translateY(-2px)}.topic-category{width:fit-content;color:var(--primary-dark);background:var(--primary-soft);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:18px;padding:5px 9px;font-size:10px;font-weight:850}.grammar-topic-card h3{margin-bottom:10px}.grammar-topic-card p{color:var(--muted);font-size:13px}.topic-meta{color:#7c8ba2;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;font-size:11px;font-weight:750;display:flex}.grammar-topic-page{padding:64px 0 30px}.grammar-article-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:54px;display:grid}.grammar-sidebar{gap:18px;display:grid;position:sticky;top:96px}.topic-mini-nav{gap:10px;display:grid}.topic-mini-nav a{border:1px solid var(--line);color:#43536e;background:#fff;border-radius:12px;min-height:44px;padding:12px;font-size:12px;font-weight:750;text-decoration:none}.topic-mini-nav a:hover{color:var(--primary-dark);background:var(--primary-soft)}.grammar-article{border:1px solid var(--line);background:#fff;border-radius:28px;min-width:0;padding:44px;box-shadow:0 12px 34px #263e630f}.grammar-article h1{margin-bottom:18px;font-size:clamp(36px,5vw,58px)}.grammar-summary-card{background:#f7faff;border:1px solid #d8e4f2;border-radius:18px;grid-template-columns:repeat(3,1fr);margin:34px 0;display:grid;overflow:hidden}.grammar-summary-card div{border-right:1px solid #d8e4f2;padding:18px;display:grid}.grammar-summary-card div:last-child{border-right:0}.grammar-summary-card strong{color:var(--primary-dark);font-size:24px;line-height:1.15}.grammar-summary-card span{color:var(--muted);font-size:11px}.lesson-body{max-width:760px}.lesson-body h2{margin:0 0 18px;font-size:28px}.lesson-body p{color:#35445f;margin:0 0 18px;font-size:16px;line-height:1.78}.trust-links{justify-items:start;gap:10px;display:grid}.active-pomodoro-shell{background:linear-gradient(#fff5f5 0%,#fde8e8 50%,#fadddd 100%);min-height:calc(100dvh - 72px);padding:0 0 70px;transition:background .6s;position:relative}.active-pomodoro-shell:before{content:"";z-index:10;background:#bc5657;height:3px;transition:background .4s;position:absolute;top:0;left:0;right:0}.active-pomodoro-shell[data-theme=short]:before{background:#4f8d7a}.active-pomodoro-shell[data-theme=long]:before{background:#4d6f9a}.active-pomodoro-shell[data-phase=focus]{background:linear-gradient(#fef2f2 0%,#fce7e7 40%,#f9d8d8 100%)}.active-pomodoro-shell[data-phase=short]{background:linear-gradient(#f0faf7 0%,#dcf5ed 40%,#cceee5 100%)}.active-pomodoro-shell[data-phase=long]{background:linear-gradient(#eff5fb 0%,#dbeaf7 40%,#cddff3 100%)}.active-timer{z-index:80;background:#e4ebf4;border:1px solid #17223b14;border-radius:999px;height:28px;margin:20px 0 0;display:flex;position:relative;overflow:hidden}.timer-segment{color:#5b6b82;text-transform:uppercase;place-items:center;min-width:80px;font-size:10px;font-weight:900;line-height:1;display:grid;position:relative}.timer-segment:first-child{background:#d9f2e7}.timer-segment:nth-child(2){background:#ffe9c6}.timer-segment:nth-child(3){background:#dde8ff}.timer-segment.is-active{color:#17223b}.timer-fill{background:#155cd62e;width:0;transition:width .25s;position:absolute;inset:0 auto 0 0}.pomodoro-board{color:#fff;background:#bc5657;border-radius:8px;place-items:center;min-height:312px;padding:20px 24px 24px;transition:background .22s,box-shadow .22s;display:grid;box-shadow:inset 0 1px #ffffff14,0 16px 36px #7e32352e}.pomodoro-board.short{background:#4f8d7a;box-shadow:inset 0 1px #ffffff14,0 16px 36px #1d5b4b2e}.pomodoro-board.long{background:#4d6f9a;box-shadow:inset 0 1px #ffffff14,0 16px 36px #25497a2e}.pomodoro-tabs{justify-content:center;align-items:center;gap:6px;width:100%;min-height:44px;display:flex}.pomodoro-tabs button{color:#ffffffeb;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:0;border-radius:5px;flex:1;min-height:36px;padding:0 8px;font-size:13px;font-weight:850;transition:background .18s,color .18s,opacity .18s}.pomodoro-tabs button:hover:not(:disabled),.pomodoro-tabs button.is-selected{color:#fff;background:#692d3052}.pomodoro-board.short .pomodoro-tabs button:hover:not(:disabled),.pomodoro-board.short .pomodoro-tabs button.is-selected{background:#184f3e47}.pomodoro-board.long .pomodoro-tabs button:hover:not(:disabled),.pomodoro-board.long .pomodoro-tabs button.is-selected{background:#1c3a6547}.pomodoro-tabs button:disabled{cursor:not-allowed;opacity:.72}.pomodoro-time{color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums;margin:16px 0 24px;font-size:clamp(84px,13vw,126px);font-weight:850;line-height:.95;display:block}.pomodoro-start{color:#aa474b;cursor:pointer;letter-spacing:0;background:#fff;border:0;border-radius:4px;min-width:min(100%,200px);min-height:62px;padding:0 34px;font-size:20px;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 7px #00000014}.pomodoro-start:hover{background:snow;transform:translateY(-1px)}.pomodoro-start:active{transform:translateY(4px);box-shadow:0 2px #00000014}.pomodoro-progress{background:#ffffff38;border-radius:999px;width:min(100%,410px);height:5px;margin-top:22px;overflow:hidden}.pomodoro-progress span{border-radius:inherit;background:#ffffffbd;height:100%;transition:width .25s;display:block}.pomodoro-cycle{color:#fff;text-align:center;justify-items:center;gap:4px;padding:18px 0 8px;display:grid}.pomodoro-cycle strong{color:#ffffffad;font-size:16px;line-height:1}.pomodoro-cycle span{color:#fff;font-size:18px;font-weight:750}.learning-pyramid-panel{display:none}.pyramid-sidebar{scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:#ffffffe0;border:1px solid #d5e0ef;border-radius:20px;flex-direction:column;gap:10px;max-height:calc(100dvh - 108px);padding:20px;display:flex;position:sticky;top:88px;overflow:hidden auto;box-shadow:0 16px 44px #263e6314}.pyramid-sidebar-title{margin:0;font-size:17px;font-weight:800;line-height:1.2}.pyramid-stage-desc{background:var(--tint);border:1px solid #dde7f4;border-radius:12px;padding:12px}.pyramid-stage-desc h3{margin:0 0 4px;font-size:13px;font-weight:800}.pyramid-stage-desc p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.pyramid-sidebar .pomodoro-board{border-radius:14px;width:100%;min-height:auto}.pyramid-sidebar .pomodoro-time{margin:10px 0 18px;font-size:clamp(52px,8vw,72px)}.pyramid-sidebar .pomodoro-start{min-height:50px;font-size:17px}.pyramid-sidebar .pomodoro-cycle{color:#17223b}.pyramid-sidebar .pomodoro-cycle strong{color:#637188;font-size:14px}.pyramid-sidebar .pomodoro-cycle span{color:#17223b;font-size:15px}.pyramid-sidebar .active-timer{margin:12px 0 0}.pyramid-sidebar .timer-segment{min-width:0}.pyramid-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.pyramid-heading h2{margin:0;font-size:clamp(24px,3vw,34px)}.pyramid-current{background:#f8fbff;border:1px solid #dde7f3;border-radius:14px;justify-items:end;min-width:112px;padding:12px 14px;display:grid}.pyramid-current span{color:#60708c;font-size:11px;font-weight:850}.pyramid-current strong{color:#17223b;font-size:24px;line-height:1.1}.pyramid-layout{grid-template-columns:minmax(360px,1fr) 220px;align-items:center;gap:30px;display:grid}.learning-pyramid{perspective:900px;min-height:440px;transform-style:preserve-3d;justify-items:center;gap:0;padding:42px 10px 36px;display:grid;position:relative}.learning-pyramid:before{content:"";background:linear-gradient(118deg,#1f76a514,#0000 48%),linear-gradient(63deg,#0000 48%,#ce2f7212 49%,#0000 62%);border-radius:34px;position:absolute;inset:34px 1% 18px;transform:skewY(-6deg)}.learning-pyramid:after{content:"";filter:blur(4px);background:radial-gradient(#1d335433,#0000 72%);border-radius:50%;height:30px;position:absolute;bottom:18px;left:8%;right:6%}.pyramid-tier{--tier:#7068d9;--tier-dark:#4f63b9;--tier-light:#9a92ff;color:#fff;text-align:center;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);filter:saturate(.86)brightness(.94);opacity:.78;background:linear-gradient(115deg, #ffffff2b, transparent 36%), linear-gradient(155deg, var(--tier), var(--tier-dark));border-bottom:10px solid #00000029;place-items:center;min-height:66px;margin-top:-2px;padding:12px 24px 14px;transition:opacity .22s,filter .22s,transform .22s,box-shadow .22s;display:grid;position:relative;transform:rotateX(.01deg)translateZ(0);box-shadow:inset -22px -14px 34px #00000029,inset 24px 9px 26px #ffffff24,0 14px 18px #1f314e1a}.pyramid-tier:before{background:linear-gradient(112deg, #ffffff4d, transparent 44%), linear-gradient(135deg, var(--tier-light), var(--tier));clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);content:"";transform-origin:bottom;opacity:.98;height:23px;position:absolute;top:-18px;left:7.5%;right:7.5%;transform:skew(-19deg)}.pyramid-tier span,.pyramid-tier strong,.pyramid-tier em{z-index:1;position:relative}.pyramid-tier span{text-shadow:0 2px 5px #00000029;max-width:78%;font-size:14px;font-weight:900;line-height:1.2}.pyramid-tier strong{text-shadow:0 2px 6px #0000002e;font-size:25px;line-height:1}.pyramid-tier em{color:#17223b;background:#ffffffe6;border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal;font-weight:950;position:absolute;bottom:12px;right:22px}.pyramid-tier:after{content:"";background:linear-gradient(90deg,#fff3,#0000 45%,#00000029),linear-gradient(#0000 55%,#0000001c);position:absolute;inset:0}.pyramid-tier.is-current{z-index:2;filter:saturate(1.12)brightness(1.04);opacity:1;transform:translateY(-5px)translateZ(18px)scale(1.035);box-shadow:inset -20px -14px 34px #00000024,inset 25px 10px 28px #ffffff2e,0 22px 34px #263e633d}.tier-teach{--tier:#d83a7a;--tier-dark:#9d1756;--tier-light:#ff73ab;clip-path:polygon(50% 0,100% 100%,0 100%);width:36%;min-height:86px;margin-bottom:16px}.tier-teach:before{clip-path:polygon(50% 0,100% 100%,0 100%);height:28px;top:0;left:20%;right:20%;transform:translateY(-22px)}.tier-practice{--tier:#fb594d;--tier-dark:#d83428;--tier-light:#ff8a74;width:58%}.tier-discussion{--tier:#f79b32;--tier-dark:#db6421;--tier-light:#ffc261;width:78%}.tier-visual{--tier:#7068d9;--tier-dark:#4f63b9;--tier-light:#a49cff;width:91%}.tier-lecture{--tier:#1f82b2;--tier-dark:#145d86;--tier-light:#58b6da;width:100%}.pyramid-summary{background:#f8fbff;border:1px solid #dde7f3;border-radius:16px;gap:16px;padding:18px;display:grid}.summary-bars{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;height:138px;display:grid}.summary-bars span{background:#d7e0ec;border-radius:999px 999px 8px 8px;display:block}.summary-bars .bar-lecture{background:linear-gradient(#6aa3d5,#1f76a5);height:16%}.summary-bars .bar-discussion{background:linear-gradient(#ffc466,#ef7623);height:56%}.summary-bars .bar-teach{background:linear-gradient(#ff6a64,#ce2f72);height:94%}.pyramid-summary h3{margin-bottom:8px;font-size:20px}.pyramid-summary p{color:#60708c;margin:0;font-size:13px}.active-pomodoro-layout{box-sizing:border-box;grid-template-rows:minmax(calc(100dvh - 114px),auto);grid-template-columns:minmax(260px,.58fr) minmax(0,1.3fr) minmax(250px,.62fr);align-items:start;gap:28px;width:100%;max-width:1600px;margin-inline:auto;padding:54px clamp(24px,3.5vw,60px) 60px;display:grid}.session-ctrl,.learning-console,.study-surface,.phase-card{background:#ffffffdb;border:1px solid #d5e0ef;box-shadow:0 16px 44px #263e6314}.session-ctrl{scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:20px;flex-direction:column;align-self:start;gap:14px;min-width:0;max-height:calc(100dvh - 108px);padding:16px;display:flex;position:sticky;top:88px;overflow:hidden auto}.session-giveup{color:#8a96aa;background:0 0;border:1px dashed #d0dbe8;border-radius:10px;justify-content:center;gap:6px;width:100%;padding:9px 14px;font-size:13px;font-weight:700;transition:color .15s,border-color .15s,background .15s}.session-giveup:not(:disabled):hover{color:#e53e3e;background:#fff5f5;border-color:#fca5a5}.session-giveup:disabled{opacity:.4;cursor:not-allowed}.stats-sidebar{scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:#ffffffe0;border:1px solid #d5e0ef;border-radius:20px;flex-direction:column;align-self:stretch;gap:12px;max-height:calc(100dvh - 108px);padding:20px;display:flex;position:sticky;top:88px;overflow:hidden auto;box-shadow:0 16px 44px #263e6314}.leitner-today{color:#fff;background:linear-gradient(135deg,#6c63ff,#8b5cf6);border-radius:14px;padding:16px 18px}.leitner-today-label{letter-spacing:.1em;opacity:.8;margin:0 0 10px;font-size:11px;font-weight:900}.leitner-today-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.leitner-today-stats>div{background:#ffffff26;border-radius:10px;padding:12px}.leitner-today-stats strong{font-size:28px;font-weight:900;line-height:1;display:block}.leitner-today-stats span{letter-spacing:.06em;opacity:.85;font-size:10px;font-weight:800}.leitner-card{background:#fff;border:1px solid #e2e8f4;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.leitner-card-head{justify-content:space-between;align-items:center;display:flex}.leitner-card-head strong{font-size:14px;font-weight:800}.leitner-card-head span{color:#8a96aa;font-size:11px}.leitner-boxes{flex-wrap:wrap;gap:6px;display:flex}.leitner-box{border:1.5px solid var(--box-border,#e2e8f4);background:var(--box-bg,#f8faff);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:52px;padding:10px 6px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.leitner-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.leitner-box.is-selected{box-shadow:0 0 0 2px var(--box-color,#6c63ff)}.leitner-box strong{color:var(--box-color,#333);font-size:20px;font-weight:900;line-height:1.1;display:block}.leitner-box span{color:var(--box-color,#555);margin-top:2px;font-size:10px;font-weight:700;line-height:1.2;display:block}.leitner-box small{color:#8a96aa;margin-top:1px;font-size:9px;display:block}.leitner-arrow{color:#b0bbc8;pointer-events:none;font-size:12px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.stats-sidebar .leitner-boxes{flex-direction:column;gap:5px;display:flex}.stats-sidebar .leitner-box{flex:unset;min-width:unset;border-left:3px solid var(--box-color,#e2e8f4);text-align:left;border-radius:10px;grid-template-columns:1fr auto;grid-template-areas:"label count""sub count";align-items:center;gap:0 10px;width:100%;padding:10px 14px 10px 12px;display:grid}.stats-sidebar .leitner-box:hover{transform:none;box-shadow:0 2px 8px #00000014}.stats-sidebar .leitner-box .leitner-arrow{display:none}.stats-sidebar .leitner-box strong{grid-area:count;font-size:26px;line-height:1}.stats-sidebar .leitner-box>span:not(.leitner-arrow){grid-area:label;margin-top:0;font-size:13px;font-weight:750}.stats-sidebar .leitner-box small{color:#8a96aa;grid-area:sub;margin-top:2px;font-size:11px}.leitner-table-wrap{border:1px solid #e8eef6;border-radius:10px;max-height:240px;overflow:auto}.leitner-table{border-collapse:collapse;width:100%;font-size:12px}.leitner-table th{text-align:left;color:#5a6a82;background:#f4f7fc;border-bottom:1px solid #e2e8f4;padding:8px 10px;font-size:11px;font-weight:800;position:sticky;top:0}.leitner-table td{vertical-align:top;border-bottom:1px solid #f0f4fa;padding:8px 10px}.leitner-table tr:last-child td{border-bottom:0}.leitner-table td strong{color:#17223b;font-size:13px}.leitner-empty{text-align:center;color:#8a96aa;margin:0;padding:14px;font-size:12px}.leitner-progress-track{background:#e8eef6;border-radius:999px;height:8px;overflow:hidden}.leitner-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#f97316);height:100%;transition:width .4s}.leitner-hint{color:#6b7a92;margin:0;font-size:12px}.leitner-tags{flex-wrap:wrap;gap:6px;display:flex}.leitner-tag{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.leitner-tag.short{color:#92400e;background:#fef3c7}.leitner-tag.mid{color:#1e40af;background:#dbeafe}.leitner-tag.long{color:#14532d;background:#dcfce7}.leitner-overlay{z-index:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a142d8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.leitner-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(96vw,980px);max-height:82vh;display:flex;overflow:hidden;box-shadow:0 32px 80px #0a143c38}.leitner-modal-head{border-bottom:1px solid #e8eef6;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.leitner-modal-head strong{font-size:18px;font-weight:900;display:block}.leitner-modal-head span{color:#8a96aa;margin-top:2px;font-size:12px}.leitner-modal-close{cursor:pointer;color:#5a6a82;background:#f8faff;border:1px solid #e2e8f4;border-radius:10px;place-items:center;width:36px;height:36px;transition:background .15s;display:grid}.leitner-modal-close:hover{background:#eef2fa}.leitner-modal-close svg{width:16px;height:16px}.leitner-modal-table-wrap{flex:1;overflow:auto}.leitner-modal .leitner-table th,.leitner-modal .leitner-table td{padding:10px 14px}.leitner-num{color:#9aa8ba;text-align:center;font-size:12px}.leitner-chips{flex-wrap:wrap;gap:4px;display:flex}.leitner-chip{color:#3730a3;background:#eef2ff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.leitner-actions{align-items:center;gap:6px;display:flex}.leitner-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;place-items:center;width:30px;height:30px;transition:background .15s,border-color .15s;display:grid}.leitner-action-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.leitner-action-btn.edit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.leitner-action-btn.edit:hover{background:#dbeafe}.leitner-action-btn.delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.leitner-action-btn.delete:hover{background:#fee2e2}.leitner-action-btn.save{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.leitner-action-btn.save:hover{background:#dcfce7}.leitner-action-btn.cancel{color:#6b7280;background:#f8faff;border-color:#e5e7eb}.leitner-action-btn:disabled{opacity:.5;cursor:not-allowed}.leitner-edit-row td{background:#fafcff}.leitner-input{width:100%;min-width:90px;font:inherit;color:#17223b;background:#fff;border:1px solid #c7d5ea;border-radius:7px;outline:none;padding:5px 8px;font-size:13px}.leitner-input:focus{border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff26}.leitner-add-btn{color:#6c63ff;cursor:pointer;background:#f5f3ff;border:1.5px solid #6c63ff;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.leitner-add-btn:hover{background:#ede9fe}.leitner-add-btn svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:14px;height:14px}.leitner-add-form{background:#fafbff;border-bottom:1px solid #e8eef6;flex-shrink:0;padding:16px 20px 14px}.leitner-add-form-title{color:#6c63ff;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:12px;font-weight:800}.leitner-add-fields{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.leitner-add-field{flex-direction:column;gap:4px;display:flex}.leitner-add-field-wide{grid-column:span 2}.leitner-add-field label{color:#5a6a82;font-size:11px;font-weight:700}.leitner-add-field label span{color:#dc2626}.leitner-add-actions{align-items:center;gap:8px;display:flex}.leitner-add-actions .leitner-action-btn svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.leitner-toast{flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.leitner-toast svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:15px;height:15px}.toast-ok{color:#15803d;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.toast-err{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fecaca}.leitner-confirm{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;flex-shrink:0;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;display:flex}.leitner-confirm svg{fill:none;stroke:#f59e0b;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.leitner-confirm-actions{gap:6px;margin-left:auto;display:flex}.leitner-confirm-actions .leitner-action-btn{width:auto;height:30px;padding:0 12px;font-size:12px;font-weight:700}.leitner-confirm-actions .delete{color:#fff;background:#dc2626;border-color:#dc2626}.leitner-confirm-actions .delete:hover{background:#b91c1c}.leitner-confirm-actions .cancel{color:#374151;background:#fff;border-color:#d1d5db}.leitner-confirm-actions .cancel:hover{background:#f9fafb}.leitner-row-deleting td{opacity:.6;background:#fef9e7!important}.leitner-pagination{border-top:1px solid #e8eef6;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.leitner-page-info{color:#8a96aa;font-size:12px;font-weight:600}.leitner-page-btns{align-items:center;gap:4px;display:flex}.leitner-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f4;border-radius:8px;place-items:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:grid}.leitner-page-btn:hover:not(:disabled){color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.leitner-page-btn.is-active{color:#fff;background:#6c63ff;border-color:#6c63ff}.leitner-page-btn:disabled{opacity:.35;cursor:not-allowed}.prep-panel{border-radius:20px;align-self:start;gap:22px;padding:30px;display:grid;position:sticky;top:88px}.prep-panel h1{margin-bottom:0;font-size:clamp(34px,4vw,52px)}.active-lead{color:#50607a;margin:0;font-size:16px}.srs-brief{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.srs-brief div{background:#fbfdff;border:1px solid #dde7f3;border-radius:14px;align-content:center;min-height:96px;padding:14px;display:grid}.srs-brief strong{color:#0b6b58;font-size:31px;line-height:1.1}.srs-brief span{color:#637188;font-size:12px;font-weight:750}.focus-tree{background:#f5fbf7;border:1px solid #d8e6de;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px;display:grid}.focus-tree strong{margin-bottom:3px;display:block}.focus-tree p{color:#60708c;margin:0;font-size:12px}.tree-visual{background:#e4f4e9;border-radius:18px;place-items:end center;width:64px;height:64px;display:grid;position:relative}.tree-visual span{background:#95623f;border-radius:8px;width:10px;height:29px}.tree-visual i{background:#179469;border-radius:50% 50% 44%;width:33px;height:33px;position:absolute;top:11px;transform:rotate(28deg)}.tree-visual.failed i{background:#a3614b}.tree-visual.failed span{background:#7c4b36}.tree-visual.complete i,.tree-visual.break i{background:#0f8b63;box-shadow:11px 3px #35a36e}.prep-actions{flex-wrap:wrap;gap:10px;display:flex}.prep-actions .button{flex:170px}.timer-settings{background:#fbfdff;border:1px solid #dde7f3;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.timer-settings div{gap:7px;display:grid}.timer-settings label{color:#43536e;font-size:11px;font-weight:850}.timer-settings input{color:#17223b;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cfdceb;border-radius:10px;padding:0 10px;font-size:16px;font-weight:850}.timer-settings input:focus{border-color:#80aef5;outline:3px solid #80aef540}.timer-input-wrap{position:relative}.timer-input-wrap input{padding-bottom:16px}.timer-unit{text-align:center;color:#8fa3be;pointer-events:none;letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;bottom:7px;left:0;right:0}.data-pill{color:#43536e;background:#f8fbff;border:1px solid #cfdceb;border-radius:999px;width:fit-content;margin:0;padding:7px 10px;font-size:11px;font-weight:850}.learning-console{border-radius:22px;min-height:670px;padding:24px}.console-head{border-bottom:1px solid #dce5f2;justify-content:space-between;align-items:start;gap:18px;min-height:104px;margin-top:8px;padding-bottom:22px;display:flex}.phase-kicker{color:#0b6b58;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:900}.console-head h2{margin:0;font-size:clamp(25px,3vw,36px)}.workflow-board{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.phase-card{border-radius:16px;align-content:end;min-height:220px;padding:22px;display:grid}.phase-card span{color:#9aa8ba;letter-spacing:.12em;width:fit-content;margin-bottom:50px;font-size:12px;font-weight:950}.phase-card h3{margin-bottom:8px}.phase-card p{color:#60708c;margin:0;font-size:13px}.study-surface{border-radius:18px;align-content:start;gap:20px;min-height:490px;margin-top:24px;padding:28px;display:grid}.flashcard-live{background:linear-gradient(135deg,#fff,#f3f8ff);border:1px solid #d8e5f4;border-radius:16px;justify-content:space-between;gap:18px;padding:28px;display:flex}.flashcard-live span{color:#0d46ae;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:900}.flashcard-live h3{letter-spacing:0;margin:12px 0 6px;font-size:clamp(34px,5vw,58px)}.flashcard-live p,.card-meaning,.practice-hint{color:#50607a}.icon-button{color:#155cd6;cursor:pointer;background:#fff;border:1px solid #cbd8ea;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.icon-button:hover{background:#eaf2ff}.icon-button.is-active{color:#fff;background:#155cd6;border-color:#155cd6}.icon-button.is-active:hover{background:#1a6ee8}.card-meaning{margin:0;font-size:19px}.card-meta{flex-wrap:wrap;gap:8px;min-height:32px;display:flex}.card-meta span{color:#43536e;background:#f8fbff;border:1px solid #d7e3f1;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.field-label{color:#29364d;font-size:13px;font-weight:850}.study-surface textarea{resize:vertical;color:#17223b;width:100%;min-height:170px;font:inherit;background:#fff;border:1px solid #cfdbea;border-radius:14px;padding:16px;font-size:16px}.study-surface textarea:focus{border-color:#80aef5;outline:3px solid #80aef540}.practice-footer,.mastery-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-footer span{color:#60708c;font-size:12px;font-weight:800}.ai-student{background:#f6fbf7;border:1px solid #d8e6de;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:20px;display:grid}.student-avatar{color:#fff;background:#0b6b58;border-radius:15px;place-items:center;width:52px;height:52px;font-size:13px;font-weight:950;display:grid}.ai-student p{color:#43536e;margin:0}.outcome-surface{text-align:center;align-content:center;justify-items:center}.outcome-icon{color:#fff;background:#0b6b58;border-radius:20px;place-items:center;width:72px;height:72px;display:grid}.outcome-icon svg{stroke-width:2.4px;width:34px}.outcome-surface.failed .outcome-icon{background:#b2473d}.outcome-surface h3{max-width:560px;margin-bottom:0;font-size:31px}.outcome-surface p{color:#60708c;max-width:560px;margin:0}@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:720px}.demo-stage{max-width:690px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card.featured{grid-row:auto;min-height:350px}.steps{grid-template-columns:1fr}.trust-card{grid-template-columns:auto 1fr}.trust-card .text-link,.trust-card .trust-links{grid-column:2}.faq-layout{grid-template-columns:1fr;gap:15px}.grammar-hero-grid,.grammar-article-layout{grid-template-columns:1fr}.grammar-sidebar{position:static}.grammar-topic-grid{grid-template-columns:repeat(2,1fr)}.active-pomodoro-layout{grid-template-columns:1fr}.pyramid-sidebar{max-height:none;position:static}.prep-panel{position:static}.session-ctrl,.stats-sidebar{max-height:none;position:static}.workflow-board{grid-template-columns:1fr}.phase-card{min-height:160px}.phase-card span{margin-bottom:24px}.timer-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.pyramid-layout{grid-template-columns:1fr}.pyramid-summary{grid-template-columns:180px 1fr;align-items:center}.summary-bars{height:112px}}@media (max-width:720px){.container{width:min(100% - 28px,620px)}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none}.menu-button{display:flex}.nav-actions{display:none}.main-nav{border:1px solid var(--line);box-shadow:var(--shadow);z-index:200;background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;gap:2px;padding:10px;display:none;position:absolute;top:calc(100% + 1px);left:14px;right:14px}.main-nav.is-open{display:flex}.main-nav>a{border-radius:8px;min-height:46px;padding:11px 12px}.nav-support{width:100%}.nav-support-btn{justify-content:space-between;width:100%;min-height:46px;padding:11px 12px}.nav-support-dropdown{box-shadow:none;background:#f7faff;border:0;border-radius:8px;margin-top:2px;padding:4px;position:static}.nav-support-dropdown li a{padding:9px 14px}.hero{padding:55px 0}h1{font-size:42px}.hero-lead{font-size:16px}.hero-actions{display:grid}.demo-stage{min-height:590px;padding-inline:14px}.reading-card{width:100%;padding:30px 5px}.reading-card h2{font-size:20px}.lesson-panel{width:auto;min-width:0;top:245px;left:10px;right:10px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid div{border-bottom:1px solid var(--line)}.trust-grid div:nth-child(2){border-right:0}.trust-grid div:nth-child(n+3){border-bottom:0}.section{padding:72px 0}.feature-grid,.pricing-grid,.footer-grid,.install-card{grid-template-columns:1fr}.feature-card,.feature-card.featured{min-height:0}.mini-visual{margin-top:30px}.price-card{min-height:430px;padding:28px}.trust-card{grid-template-columns:1fr;padding:30px}.trust-card .text-link,.trust-card .trust-links{grid-column:auto}.install-card{gap:25px;padding:35px 24px}.install-card h2{font-size:30px}.footer-grid{gap:30px}.footer-bottom{flex-direction:column;gap:12px}.policy-page{padding-top:60px}.policy-content h1{font-size:40px}.grammar-hero{padding:56px 0}.grammar-stats,.grammar-topic-grid,.grammar-summary-card{grid-template-columns:1fr}.grammar-summary-card div{border-bottom:1px solid #d8e4f2;border-right:0}.grammar-summary-card div:last-child{border-bottom:0}.grammar-article{border-radius:22px;padding:28px 20px}.active-timer{height:26px}.timer-segment{min-width:64px;font-size:9px}.active-pomodoro-layout{padding-top:30px}.prep-panel,.session-ctrl,.learning-console,.study-surface{border-radius:16px;padding:20px}.srs-brief,.timer-settings{grid-template-columns:1fr}.console-head{flex-direction:column}.pomodoro-board{min-height:280px;padding-inline:14px}.pomodoro-tabs{gap:4px;width:100%}.pomodoro-tabs button{flex:1;padding-inline:6px;font-size:13px}.pomodoro-time{margin:12px 0 20px;font-size:clamp(72px,24vw,94px)}.pomodoro-start{min-height:58px}.learning-pyramid-panel{padding:18px}.pyramid-heading{display:grid}.pyramid-current{justify-items:start}.pyramid-summary{grid-template-columns:1fr}.pyramid-tier{clip-path:none;border-radius:12px;width:100%;min-height:62px}.tier-teach{min-height:68px}.pyramid-tier em{margin-top:5px;position:static}.flashcard-live{padding:20px}.flashcard-live h3{font-size:36px}.practice-footer,.mastery-actions,.prep-actions{display:grid}.ai-student{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.grammar-workspace{background:#fff;grid-template-columns:490px minmax(0,1fr);min-height:100dvh;display:grid}.grammar-tree-panel{background:#fbfcff;border-right:1px solid #d8dee8;height:100dvh;position:sticky;top:0;overflow:auto}.tree-header{justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:8px 16px;display:flex}.tree-back,.tree-add{color:#384354;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.tree-back{justify-content:flex-start;gap:8px;font-size:13px;font-weight:750}.tree-back svg{width:21px}.tree-add{color:#43536e;font-size:23px;font-weight:450}.tree-back:hover,.tree-add:hover{background:#eef4ff}.tree-title{color:#3f4856;margin:0;padding:12px 18px 14px;font-size:15px;font-weight:800}.grammar-tree{gap:4px;padding:0 14px 28px;display:grid}.grammar-tree details{display:grid}.grammar-tree summary{cursor:pointer;color:#364253;border-radius:14px;align-items:center;gap:10px;min-height:42px;padding:8px 10px;font-size:14px;font-weight:850;list-style:none;display:flex}.grammar-tree summary::-webkit-details-marker{display:none}.grammar-tree summary:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:6px solid;width:0;height:0;transition:transform .16s;transform:rotate(0)}.grammar-tree details[open] summary:before{transform:rotate(90deg)}.grammar-tree summary:hover{background:#eef4ff}.grammar-tree summary svg{color:#155cd6;width:18px}.grammar-tree ul{gap:2px;margin:2px 0 10px;padding:0;list-style:none;display:grid}.grammar-tree li{min-width:0}.grammar-tree li a{color:#434c59;border-radius:13px;align-items:center;gap:10px;min-height:42px;margin-left:38px;padding:8px 12px;font-size:13px;font-weight:750;line-height:1.3;text-decoration:none;display:flex}.grammar-tree li a:hover{color:var(--primary-dark);background:#eef4ff}.grammar-tree li a.is-active{color:#0d47aa;background:#d7e7ff}.grammar-tree li svg{color:currentColor;flex:none;width:16px}.grammar-tree li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grammar-content-pane{background:#fff;min-width:0;padding:48px min(7vw,82px) 80px}.grammar-toolbar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.toolbar-chip{color:#222b3a;background:#f1f5fb;border:1px solid #e2e8f1;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.toolbar-chip svg{width:17px}.toolbar-chip:hover{background:#eaf2ff;border-color:#c8d8ef}.grammar-tree .topic-group{display:grid}.grammar-tree .topic-group>summary{cursor:pointer;color:#434c59;border-radius:13px;align-items:center;gap:10px;min-height:42px;margin-left:38px;padding:8px 12px;font-size:13px;font-weight:800;line-height:1.3;list-style:none;display:flex}.grammar-tree .topic-group>summary::-webkit-details-marker{display:none}.grammar-tree .topic-group>summary:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;flex-shrink:0;width:0;height:0;transition:transform .16s;transform:rotate(0)}.grammar-tree .topic-group[open]>summary:before{transform:rotate(90deg)}.grammar-tree .topic-group>summary:hover{color:var(--primary-dark);background:#eef4ff}.grammar-tree .topic-group>summary.is-active{color:#0d47aa;background:#d7e7ff}.grammar-tree .topic-group>summary svg{width:16px;color:var(--primary)}.grammar-tree .topic-children{margin:2px 0 4px;padding-left:22px}.grammar-tree .topic-children li a{margin-left:38px;font-size:12.5px;font-weight:700}.tree-index{color:var(--primary);margin-right:2px;font-size:11px;font-style:normal;font-weight:900}.structured-lesson-body{gap:48px;max-width:800px;margin-top:8px;display:grid}.structured-section{gap:20px;display:grid}.structured-section-heading{color:var(--ink);align-items:center;gap:10px;margin:0;font-size:22px;font-weight:900;display:flex}.section-letter{background:var(--primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:inline-flex}.formula-block{gap:12px;display:grid}.formula-verb-type{color:var(--ink);margin:0;font-size:15px}.formula-table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.formula-table{border-collapse:collapse;width:100%;font-size:14px}.formula-table thead tr{background:#f0f5ff}.formula-table th{text-align:left;color:#3a4a6b;border-bottom:1px solid var(--line);padding:12px 18px;font-size:13px;font-weight:850}.formula-table th:first-child{border-right:1px solid var(--line);width:160px}.formula-table td{vertical-align:top;color:#2f3d57;border-bottom:1px solid #eef1f7;padding:14px 18px}.formula-table tbody tr:last-child td{border-bottom:0}.formula-table td:first-child{text-align:center;border-right:1px solid var(--line);color:#4a5568;background:#fafbff;font-size:13px;font-weight:750}.formula-pattern{color:var(--ink);margin:0 0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:800}.formula-example{color:var(--muted);margin:0;font-size:13px;font-style:italic}.formula-notes{background:#fffbea;border:1px solid #f5e57a;border-radius:12px;padding:14px 18px}.formula-notes-title{color:#7a5c00;background:#ffe066;border-radius:5px;margin:0 0 8px;padding:2px 8px;font-size:13px;font-weight:900;display:inline-block}.formula-notes ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.formula-notes li{color:#5a4a00;font-size:13px;line-height:1.65}.usage-intro,.signal-intro{color:var(--muted);margin:0;font-size:15px}.usage-list,.signal-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.usage-list li{border-left:3px solid var(--primary);color:#2f3d57;background:#f6f8fc;border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.7}.signal-list li{color:#2f3d57;background:#f0f5ff;border-left:3px solid #5b9aff;border-radius:10px;padding:10px 16px;font-size:14px;line-height:1.65}.exercise-list{gap:10px;margin:0;padding-left:20px;display:grid}.exercise-list li{color:#2f3d57;font-size:14px;line-height:1.7}.exercise-placeholder{border:1px dashed var(--line);text-align:center;color:var(--muted);background:#f6f8fc;border-radius:14px;padding:24px;font-size:14px}.grammar-content-pane .grammar-article{width:min(100%,940px);box-shadow:none;border:0;margin:0 auto}.inline-route-card{box-shadow:none;margin:30px 0 36px}.lesson-body section{border-top:1px solid #edf2f8;padding-top:8px}.lesson-body section+section{margin-top:34px}.lesson-body section:first-child{border-top:0}@media (max-width:1100px){.grammar-workspace{grid-template-columns:360px minmax(0,1fr)}}@media (max-width:860px){.grammar-workspace{display:block}.grammar-tree-panel{border-bottom:1px solid #d8dee8;border-right:0;height:auto;max-height:54dvh;position:static}.grammar-content-pane{padding:32px 16px 60px}.grammar-content-pane .grammar-article{padding:20px 0}.grammar-tree li a{margin-left:26px}}.prep-auth-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.prep-auth-row .eyebrow{margin:0}.user-login-btn{white-space:nowrap;align-items:center;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.user-menu-skeleton{background:var(--line);border-radius:20px;width:88px;height:32px;animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.user-menu-wrap{position:relative}.user-avatar-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .15s,box-shadow .15s;display:flex}.user-avatar-btn:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.user-avatar-circle{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.user-dropdown{background:var(--surface);border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);z-index:200;border-radius:14px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-dropdown-info{color:inherit;align-items:center;gap:10px;padding:14px 16px;text-decoration:none;transition:background .12s;display:flex}.user-dropdown-info:hover{background:var(--tint)}.user-dropdown-info strong{color:var(--ink);font-size:13px;display:block}.user-dropdown-info small{color:var(--muted);word-break:break-all;font-size:11px;display:block}.user-dropdown-divider{border:none;border-top:1px solid var(--line);margin:0}.user-dropdown-item{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;transition:background .12s;display:flex}.user-dropdown-item:hover{background:var(--tint)}.user-dropdown-item svg{opacity:.6;flex-shrink:0}.auth-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#14223c73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-card{background:var(--surface);border-radius:20px;width:min(420px,100%);padding:32px 28px 28px;position:relative;box-shadow:0 24px 60px #14223c38}.auth-header{margin-bottom:20px}.auth-header h2{margin:0 0 4px;font-size:20px}.auth-header p{color:var(--muted);margin:0;font-size:13px}.auth-tabs{background:var(--background);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:7px 10px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.auth-tabs button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #14223c1a}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:5px;display:flex}.auth-field span{color:var(--muted);font-size:12px;font-weight:600}.auth-field input{border:1.5px solid var(--line);font:inherit;color:var(--ink);background:var(--surface);border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.auth-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-error{color:#d63a3a;margin:0;font-size:13px;font-weight:600}.auth-success{color:var(--green);margin:0;font-size:13px;font-weight:600}.auth-submit{justify-content:center;width:100%}.auth-link{color:var(--primary);cursor:pointer;text-align:center;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.auth-close{background:var(--background);cursor:pointer;width:32px;height:32px;color:var(--muted);border:none;border-radius:50%;place-items:center;transition:background .15s;display:grid;position:absolute;top:16px;right:16px}.auth-close:hover{background:var(--line);color:var(--ink)}.pomo-card{color:#fff;box-sizing:border-box;border-radius:20px;flex-direction:column;gap:14px;max-width:100%;margin-bottom:16px;padding:18px;display:flex;overflow:hidden;box-shadow:0 10px 26px #14223c29}.pomo-card--pomodoro{background:#c15c5c}.pomo-card--shortBreak{background:#3c8c78}.pomo-card--longBreak{background:#4a72a0}.pomo-card--pomodoro .pomo-card-cta{color:#c15c5c}.pomo-card--shortBreak .pomo-card-cta{color:#3c8c78}.pomo-card--longBreak .pomo-card-cta{color:#4a72a0}.pomo-card.is-running{animation:2.4s ease-in-out infinite pomo-card-breathe}@keyframes pomo-card-breathe{0%,to{box-shadow:0 10px 26px #14223c29}50%{box-shadow:0 10px 30px #14223c29,0 0 0 6px #ffffff24}}.pomo-card-tabs{background:#0000001f;border-radius:12px;align-items:center;gap:2px;min-width:0;padding:3px;display:flex}.pomo-card-tab{color:#ffffffbf;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:9px;flex:1 1 0;min-width:0;padding:7px 2px;font-size:11px;font-weight:800;overflow:hidden}.pomo-card-tab:disabled{cursor:not-allowed}.pomo-card-tab.is-active{color:#fff;background:#00000047}.pomo-card-gear{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:none;place-items:center;width:24px;height:24px;display:grid}.pomo-card-gear svg{width:13px;height:13px}.pomo-card-gear:hover,.pomo-card-gear.is-active{color:#fff;background:#0003}.pomo-card-topic{color:#ffffffd9;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:-6px 0 0;font-size:12px;font-weight:700;overflow:hidden}.pomo-card-time{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:52px;font-weight:850}.pomo-card-cta{cursor:pointer;background:#fff;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:800}.pomo-card-cta:hover{background:#ffffffe6}.pomo-card-controls{gap:8px;display:flex}.pomo-card-btn{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff80;border-radius:12px;flex:1;padding:11px;font-size:13px;font-weight:800}.pomo-card-btn:hover{background:#ffffff3d}.pomo-card-progress-track{background:#ffffff40;border-radius:999px;height:6px;overflow:hidden}.pomo-card-progress-fill{background:#fff;border-radius:999px;height:100%;transition:width 1s linear}.pomo-card-settings{border-top:1px solid #fff3;flex-direction:column;gap:8px;padding-top:10px;display:flex}.pomo-card-settings .pomo-duration-field{color:#fff}.pomo-card-settings .pomo-duration-input-wrap{color:#ffffffbf}.pomo-card-settings .pomo-duration-input-wrap input{color:#fff;background:#ffffff26;border-color:#ffffff59}.pomo-duration-field{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.pomo-duration-input-wrap{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.pomo-duration-input-wrap input{border:1px solid var(--line);text-align:center;width:48px;color:var(--ink);border-radius:8px;padding:4px 6px;font-size:12.5px;font-weight:700}.pomo-duration-input-wrap input:focus{border-color:var(--primary);outline:none}.pomo-focus-mode{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14181e8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pomo-focus-panel{background:var(--surface);width:90vw;max-width:1320px;height:90vh;color:var(--ink);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 70px #00000059}@media (max-width:720px){.pomo-focus-panel{border-radius:14px;width:100%;height:100%}}.pomo-focus-topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.pomo-focus-timer{align-items:center;gap:10px;display:flex}.pomo-focus-tomato{font-size:20px}.pomo-focus-time{font-variant-numeric:tabular-nums;color:var(--ink);font-size:22px;font-weight:800}.pomo-focus-icon-btn{background:var(--tint);width:34px;height:34px;color:var(--ink);cursor:pointer;border:none;border-radius:10px;place-items:center;display:grid}.pomo-focus-icon-btn:hover{background:var(--primary-soft)}.pomo-focus-icon-btn svg{width:16px;height:16px}.pomo-focus-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.pomo-focus-exit{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.pomo-focus-exit:hover{background:var(--tint)}.pomo-focus-body{background:var(--background);flex-direction:column;flex:1;align-items:center;min-height:0;padding:32px 24px;display:flex}.pomo-focus-body .los-notes,.pomo-focus-body .los-notes-editor,.pomo-focus-body .los-notes-editor-content{width:100%;max-width:860px}.pomo-focus-bottom{border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.pomo-focus-nav-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700}.pomo-focus-nav-btn:hover:not(:disabled){background:var(--tint)}.pomo-focus-nav-btn:disabled{opacity:.4;cursor:not-allowed}.pomo-focus-nav-btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.pomo-focus-nav-btn--primary:hover:not(:disabled){background:var(--primary-dark)}.pomo-focus-stages{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:18px;padding-bottom:14px;display:flex;position:relative}.pomo-focus-stages:before,.pomo-focus-stages:after{content:"";border-radius:999px;height:3px;position:absolute;bottom:2px;left:10px;right:10px}.pomo-focus-stages:before{background:var(--line)}.pomo-focus-stages:after{width:calc((100% - 20px) * var(--pomo-stage-fill-ratio,0));background:var(--green);transition:width .25s}.pomo-focus-stage{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 2px;font-size:12.5px;font-weight:700;display:flex}.pomo-focus-stage:disabled{cursor:not-allowed;opacity:.6}.pomo-focus-stage:not(:disabled):hover,.pomo-focus-stage.is-done{color:var(--ink)}.pomo-focus-stage.is-active{color:var(--primary-dark)}.pomo-focus-stage-dot{border:2px solid var(--line);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:inline-flex}.pomo-focus-stage.is-done .pomo-focus-stage-dot{background:var(--green);border-color:var(--green)}.pomo-focus-stage.is-active:not(.is-done) .pomo-focus-stage-dot{border-color:var(--primary)}@media (max-width:640px){.pomo-focus-bottom{flex-wrap:wrap}.pomo-focus-stages{flex:100%;order:-1}.pomo-focus-nav-btn{flex:1}}.pomo-pause-overlay{z-index:480;-webkit-backdrop-filter:blur(10px);background:#f6f8fcb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pomo-pause-card{text-align:center;background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;gap:8px;max-width:360px;padding:40px 44px;display:flex}.pomo-pause-icon{background:var(--green);color:#fff;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:8px;display:grid}.pomo-pause-icon svg{width:26px;height:26px}.pomo-pause-title{margin:0;font-size:20px;font-weight:800}.pomo-pause-hint{color:var(--muted);margin:0 0 14px;font-size:14px}.los-break-overlay{z-index:500;-webkit-backdrop-filter:blur(10px);background:#0f181473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.los-break-overlay-card{text-align:center;background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;gap:6px;max-width:420px;padding:44px 48px;display:flex}.los-break-overlay-icon{margin-bottom:6px;font-size:40px}.los-break-overlay-title{color:var(--ink);margin:0;font-size:22px;font-weight:850}.los-break-overlay-hint{max-width:340px;color:var(--muted);margin:4px 0 18px;font-size:14px}.los-break-overlay-clock{font-variant-numeric:tabular-nums;color:var(--green);margin-bottom:4px;font-size:56px;font-weight:850}.los-break-overlay-sub{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 22px;font-size:12px;font-weight:800}.btn-google{border:1.5px solid var(--line);background:var(--surface);width:100%;font:inherit;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:11px 16px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.btn-google:hover{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41f}.btn-google:active{background:var(--tint)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google svg{flex-shrink:0}.auth-divider{color:var(--muted);align-items:center;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.lang-toggle{align-items:center;display:flex;position:relative}.lang-btn{color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #17223b24;border-radius:7px;align-items:center;gap:3px;padding:5px 9px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.lang-btn:hover{background:#f1f5f9;border-color:#17223b38}.lang-code{letter-spacing:.05em}.lang-dropdown{z-index:200;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;min-width:140px;padding:5px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0f172a21}.lang-dropdown li button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;transition:background .1s;display:flex}.lang-dropdown li button:hover{background:#f1f5f9}.lang-dropdown li button.is-active{color:#2563eb;background:#eff6ff;font-weight:700}.lang-dropdown .lang-code{color:#64748b;min-width:20px;font-size:11px;font-weight:700}.lang-dropdown li button.is-active .lang-code{color:#2563eb}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.stats-open-btn{color:#5b21b6;cursor:pointer;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1.5px solid #c4b5fd;border-radius:10px;align-items:center;gap:8px;width:100%;margin-bottom:4px;padding:10px 14px;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s;display:flex}.stats-open-btn:hover{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);box-shadow:0 2px 8px #7c3aed26}.stats-open-badge{color:#fff;background:#7c3aed;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.stats-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stats-modal{background:#fff;border-radius:16px;flex-direction:column;gap:0;width:min(600px,100%);max-height:calc(100dvh - 32px);display:flex;overflow-y:auto;box-shadow:0 24px 60px #0f172a38}.stats-modal-head{z-index:2;background:#fff;border-bottom:1px solid #e8ecf3;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.stats-modal-head strong{color:#1e293b;font-size:17px;font-weight:800}.stats-empty{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;font-size:14px;display:flex}.stats-empty span{font-size:40px}.stats-hero{flex-wrap:wrap;align-items:center;gap:20px;padding:24px 24px 16px;display:flex}.stats-ring-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.stats-summary-cards{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-width:200px;display:grid}.stats-card{border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stats-card strong{font-size:26px;font-weight:800;line-height:1}.stats-card span{text-transform:uppercase;letter-spacing:.04em;opacity:.75;font-size:11px;font-weight:600}.stats-card-total{color:#334155;background:#f1f5f9}.stats-card-mastered{color:#5b21b6;background:#f5f3ff}.stats-card-learning{color:#065f46;background:#ecfdf5}.stats-card-new{color:#9a3412;background:#fff7ed}.stats-section{border-top:1px solid #f1f5f9;padding:16px 24px}.stats-section-title{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:12px;font-size:11px;font-weight:700}.stats-dist-bar{background:#e8ecf3;border-radius:99px;height:14px;margin-bottom:12px;display:flex;overflow:hidden}.stats-dist-seg{height:100%;transition:width .6s}.stats-dist-legend{flex-wrap:wrap;gap:8px 16px;display:flex}.stats-legend-item{color:#475569;align-items:center;gap:5px;font-size:12px;display:flex}.stats-legend-item strong{color:#1e293b;margin-left:2px}.stats-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.stats-achievements{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;display:grid}.stats-badge{text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:transform .15s;display:flex}.stats-badge:hover{transform:translateY(-2px)}.stats-badge.unlocked{background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border:1.5px solid #fde047}.stats-badge.locked{opacity:.5;background:#f8fafc;border:1.5px solid #e2e8f0}.stats-badge-icon{font-size:24px;line-height:1}.stats-badge strong{color:#1e293b;font-size:11px;font-weight:700}.stats-badge small{color:#64748b;font-size:10px;line-height:1.3}.pyramid-mini{background:#f8fbff;border:1px solid #e2e8f4;border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.pyramid-mini-tiers{align-items:flex-end;gap:4px;height:28px;display:flex}.pyramid-mini-seg{background:#dde7f3;border-radius:3px;flex:1;height:6px;transition:height .35s,background .35s}.pyramid-mini-seg.pms-1.is-active{background:#1a72a8}.pyramid-mini-seg.pms-2.is-active{background:#6860d0}.pyramid-mini-seg.pms-3.is-active{background:#e8920a}.pyramid-mini-seg.pms-4.is-active{background:#f05a40}.pyramid-mini-seg.pms-5.is-active{background:#d83a7a}.pyramid-mini-seg.is-active{height:28px}.pyramid-mini-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.pyramid-mini-label strong{color:#17223b;font-size:13px;font-weight:800}.pyramid-mini-label span{color:#637188;font-size:12px;font-weight:700}.pyramid-mini-desc{color:#6b7a92;margin:0;font-size:11px;line-height:1.5}.btn-next-primary{letter-spacing:.01em;justify-content:center;gap:8px;width:100%;min-height:52px;font-size:16px;font-weight:800}.study-surface h3{font-size:clamp(18px,2.2vw,24px);line-height:1.35}.warmup-surface h4{font-size:clamp(22px,3vw,32px)}.session-ctrl .pomodoro-board{box-sizing:border-box;border-radius:14px;width:100%;min-height:auto;padding:12px 14px 16px;overflow:hidden}.session-ctrl .pomodoro-tabs button{min-height:30px;padding:0 5px;font-size:11px}.session-ctrl .pomodoro-time{margin:8px 0 14px;font-size:clamp(44px,6.5vw,58px)}.session-ctrl .pomodoro-start{min-height:46px;padding:0 20px;font-size:15px}.session-ctrl .pomodoro-cycle{color:#17223b}.session-ctrl .pomodoro-cycle strong{color:#637188;font-size:13px}.session-ctrl .pomodoro-cycle span{color:#17223b;font-size:14px}