:root{color:#f7f5ff;font-synthesis:none;--ink:#f7f5ff;--muted:#aaa2c4;--surface:#20183a;--surface-2:#2a2048;--purple:#704cff;--purple-dark:#5130cf;--lime:#caff45;--pink:#ff78a8;--line:#ffffff1a;background:#110c24;font-family:ui-rounded,Nunito Sans,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:#0e0a1d;min-width:320px;min-height:100%}body{background:#0e0a1d;min-width:320px;min-height:100dvh;margin:0}button,input,select{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.app-root{background:radial-gradient(circle at 90% 0,#332060 0,#0000 31%),#120d25;min-height:100dvh}.app-shell{width:min(100%,520px);min-height:100dvh;padding:calc(8px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;min-height:70px;display:flex}.brand{background:0 0;align-items:center;gap:7px;padding:0;display:flex}.brand span{color:#fff;letter-spacing:-.055em;font-size:20px;font-weight:900}.moon-small{width:37px;height:40px}.moon-medium{width:76px;height:82px}.moon-large{width:116px;height:124px}.stat-pill{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;align-items:baseline;gap:7px;padding:8px 11px;display:flex}.stat-pill span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.stat-pill strong{color:var(--lime);font-size:13px}.screen{padding:15px 0 20px}.eyebrow{color:#8f87aa;letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:900}.eyebrow.lime{color:var(--lime)}.welcome{justify-content:space-between;align-items:center;gap:12px;padding:5px 3px 18px;display:flex}.welcome h1,.page-title h1{letter-spacing:-.055em;margin:5px 0;font-size:clamp(28px,8.5vw,38px);line-height:1.05}.welcome p,.page-title p{max-width:310px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.home-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-bottom:15px;display:flex}.home-metric{align-items:center;gap:8px;min-width:0;display:flex}.home-metric>div{gap:1px;display:grid}.home-metric span{color:var(--lime);letter-spacing:.13em;font-size:9px;font-weight:900}.home-metric strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-shortcut{background:linear-gradient(160deg,#7c5bff,#4c3399);border:1px solid #ffffff24;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:900;display:grid}.hero-card{isolation:isolate;background:linear-gradient(158deg,#7c5bff75,#432b89b3);border:1px solid #ffffff1f;border-radius:28px;min-height:273px;padding:24px 20px 18px;position:relative;overflow:hidden;box-shadow:0 24px 60px #24126159}.hero-card:before{content:"";background:#caff451f;border-radius:50%;width:290px;height:290px;position:absolute;inset:auto -65px -120px auto}.orbit{z-index:-1;border:1px solid #ffffff21;border-radius:50%;position:absolute}.orbit-one{width:240px;height:240px;top:45px;right:-82px}.orbit-two{width:170px;height:170px;top:80px;right:-45px}.hero-copy{z-index:2;position:relative}.due-count{align-items:center;gap:13px;margin-top:12px;display:flex}.due-count strong{color:#fff;letter-spacing:-.09em;font-size:78px;line-height:.9}.due-count span{color:#ddd4ff;font-size:14px;font-weight:800;line-height:1.25}.hero-copy>p{color:#d8cffd;width:70%;margin:13px 0 0;font-size:12px;font-weight:700;line-height:1.45}.hero-moon{filter:drop-shadow(0 15px 13px #1a0d494d);position:absolute;top:58px;right:18px;transform:rotate(4deg)}.due-breakdown{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.due-breakdown>div{background:#0003;border:1px solid #ffffff14;border-radius:14px;gap:2px;padding:10px 9px;display:grid}.due-breakdown strong{color:var(--lime);font-size:19px}.due-breakdown span{color:#aaa0cb;font-size:9px;font-weight:700}.primary-button{background:var(--lime);color:#211438;border-radius:17px;min-height:52px;padding:13px 18px;font-weight:900;box-shadow:0 6px #91bb22}.primary-button:active{transform:translateY(3px);box-shadow:0 3px #91bb22}.hero-action{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:21px;left:21px;right:21px}.hero-action span{font-size:22px}.today-progress{margin:11px 0 20px;padding:12px 3px 0}.today-progress strong{font-size:11px}.today-progress .row-between>span{color:var(--lime);font-size:10px;font-weight:900}.inline-heading{justify-content:space-between;align-items:center;gap:10px;margin:0 3px 10px;display:flex}.inline-heading h2{letter-spacing:-.025em;margin:0;font-size:16px}.inline-heading button{color:var(--lime);background:0 0;padding:4px;font-size:11px;font-weight:900}.home-decks{gap:8px;display:grid}.home-deck-row{border:1px solid var(--line);text-align:left;background:#ffffff0d;border-radius:18px;align-items:center;gap:11px;width:100%;padding:10px 12px;display:flex}.home-deck-row .deck-symbol{border-radius:14px;width:42px;height:42px;font-size:16px}.home-deck-row>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.home-deck-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.home-deck-row small{color:var(--muted);font-size:10px}.home-deck-row b{color:#ffa37a;background:#ff7a4529;border-radius:9px;place-items:center;min-width:31px;height:28px;font-size:11px;display:grid}.today-action{z-index:4;bottom:calc(-14px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#120d25 22%);gap:7px;margin:14px -4px -15px;padding:12px 4px 9px;display:grid;position:sticky}.today-action .primary-button{width:100%}.today-action>span{color:#7e72ae;text-align:center;font-size:9px;font-weight:700}.progress-card{border:1px solid var(--line);background:var(--surface);border-radius:19px;margin:14px 0 25px;padding:15px 17px}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.progress-card strong{font-size:13px}.progress-card span{color:var(--lime);font-size:12px;font-weight:900}.progress-track,.review-progress>div{background:#ffffff17;border-radius:999px;height:8px;overflow:hidden}.progress-track{margin-top:11px}.progress-track i,.review-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--purple), var(--lime));height:100%;transition:width .3s;display:block}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin:0 2px 12px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:4px 0 0;font-size:20px}.insight-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.insight-grid article{border:1px solid var(--line);background:var(--surface);border-radius:19px;gap:3px;padding:15px;display:grid}.insight-grid article>span{color:var(--lime);font-size:20px}.insight-grid strong{margin-top:7px;font-size:16px}.insight-grid small{color:var(--muted);font-size:11px}.moon-note{background:#704cff26;border-radius:18px;align-items:center;gap:11px;margin-top:12px;padding:10px 14px;display:flex}.moon-note p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.moon-note strong{color:#fff;font-size:12px}.page-header{align-items:center;gap:12px;min-height:52px;margin-bottom:10px;display:flex}.page-header h1{letter-spacing:-.045em;flex:1;margin:0;font-size:25px}.page-header .icon-button{font-size:27px}.page-header .settings-shortcut{font-size:16px}.header-spacer{width:38px}.page-intro{padding:2px 3px 17px}.page-intro p{color:var(--muted);margin:6px 0 0;font-size:12px}.page-title{padding:11px 3px 24px}.deck-list{gap:10px;display:grid}.deck-card{border:1px solid var(--line);background:var(--surface);border-radius:21px;align-items:center;gap:13px;padding:14px;display:flex}.deck-symbol{background:var(--purple);border-radius:16px;flex:none;place-items:center;width:50px;height:50px;font-size:20px;font-weight:900;display:grid}.deck-symbol.tone-1{background:#b23d75}.deck-symbol.tone-2{background:#327362}.deck-card>div:nth-child(2){flex:1;min-width:0}.deck-card strong,.deck-card span{display:block}.deck-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.deck-card span{color:var(--muted);margin-top:4px;font-size:11px}.deck-card button{background:var(--lime);color:#25173e;border-radius:13px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid}.empty-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:25px;padding:34px 20px}.empty-card h2{margin:10px 0 5px;font-size:19px}.empty-card p{color:var(--muted);margin:0;font-size:12px}.profile-hero{text-align:center;background:linear-gradient(145deg,#4f2bc5,#27194e);border-radius:27px;justify-items:center;margin:0 0 14px;padding:21px;display:grid}.profile-hero .eyebrow{margin-top:7px}.profile-hero h1{letter-spacing:-.045em;margin:5px 0 2px;font-size:28px}.profile-hero p{color:#d1c8ef;margin:0;font-size:12px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.profile-stats article{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:17px;gap:3px;padding:13px 6px;display:grid}.profile-stats strong{color:var(--lime);font-size:18px}.profile-stats span{color:var(--muted);font-size:8px}.profile-row{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:18px;align-items:center;gap:11px;width:100%;padding:13px;display:flex}.profile-row>span{background:#704cff33;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.profile-row>div{flex:1;gap:3px;display:grid}.profile-row strong{font-size:13px}.profile-row small{color:var(--muted);font-size:9px}.profile-row b{color:#7e72ae;font-size:20px}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:18px}.saving-label{color:var(--lime);font-size:10px;font-weight:800}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:13px;padding:16px 0;display:flex}.setting-row div{flex:1}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:13px}.setting-row span,.retention-setting>span{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4}.setting-row input[type=checkbox]{width:46px;height:27px;accent-color:var(--lime)}.setting-row select{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:8px;font-size:12px}.retention-setting{border-top:1px solid var(--line);padding:17px 0 3px;display:block}.retention-setting strong{font-size:13px}.retention-setting b{color:var(--lime);font-size:14px}.retention-setting input{width:100%;accent-color:var(--lime);margin:16px 0 8px}.retention-setting>span{display:block}.scheduler-note{color:#756d8c;text-align:center;font-size:10px}.account-card{margin-bottom:12px}.account-row{border-top:1px solid var(--line);align-items:center;gap:11px;padding:14px 0;display:flex}.account-row>div{flex:1;gap:3px;min-width:0;display:grid}.account-row strong{font-size:12px}.account-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.account-icon{color:#32303a;background:#fff;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid}.telegram-icon{color:#fff;background:#2aabee}.account-row button{color:var(--lime);background:#caff4521;border-radius:10px;padding:7px 10px;font-size:9px;font-weight:900}.connected-label{color:var(--lime);white-space:nowrap;font-size:8px}.account-error{color:#ffb2ca;margin:0;font-size:9px;line-height:1.4}.demo-badge{z-index:50;top:max(5px, env(safe-area-inset-top));color:#3e2b00;background:#ffcc52;border-radius:99px;padding:3px 7px;font-size:8px;font-weight:900;position:fixed;left:50%;transform:translate(-50%)}.review-shell{min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 15px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -15%,#3a246a 0,#120d25 42%)}.review-top{align-items:center;gap:12px;width:min(100%,520px);min-height:50px;margin:0 auto;display:flex}.icon-button{color:#c7bfdc;background:#ffffff14;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.review-progress{flex:1;align-items:center;gap:9px;display:flex}.review-progress>div{flex:1}.review-progress span{color:var(--muted);font-size:11px;font-weight:900}.review-main{width:min(100%,520px);min-height:calc(100dvh - 74px - env(safe-area-inset-top));flex-direction:column;justify-content:center;margin:0 auto;padding:15px 0;display:flex;position:relative}.review-meta{justify-content:space-between;align-items:center;gap:10px;margin:0 4px 9px;display:flex}.review-meta span{color:var(--muted);font-size:10px;font-weight:800}.review-meta b{color:#c6b7ff;text-transform:uppercase;background:#704cff3b;border-radius:9px;padding:5px 8px;font-size:9px}.review-card{background:linear-gradient(160deg,#2b204a,#1c1533);border:1px solid #ffffff21;border-radius:29px;flex-direction:column;justify-content:center;min-height:390px;padding:34px 22px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 55px #03010c59}.review-card.is-revealed{justify-content:flex-start}.sound-button{width:38px;height:38px;color:var(--lime);background:#caff4521;border-radius:50%;place-items:center;font-size:19px;display:grid;position:absolute;top:17px;right:17px}.word-block{text-align:center;justify-items:center;display:grid}.word-block h1{letter-spacing:-.07em;overflow-wrap:anywhere;margin:0;font-size:clamp(42px,13vw,64px);line-height:1}.word-block p{color:#b3abc8;margin:12px 0 8px;font-family:ui-monospace,monospace;font-size:14px}.word-block span{color:#c1bad1;background:#ffffff12;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800}.context-line{color:#bdb5d2;text-align:center;margin:27px auto 0;font-size:13px;font-style:italic;line-height:1.55}.recall-prompt{color:#8e86a5;justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:11px;display:flex}.answer-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:19px}.answer-panel h2{color:#fff;margin:7px 0 0;font-size:19px;line-height:1.4}.example-box{background:#ffffff0f;border-radius:15px;margin-top:14px;padding:12px}.example-box p,.example-box small{margin:0;display:block}.example-box p{color:#ebe6f7;font-size:12px;line-height:1.5}.example-box small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.45}.chip-row{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.chip-row span{color:#d7ff7c;border:1px solid #caff452e;border-radius:9px;padding:5px 8px;font-size:9px}.reveal-button{width:100%;margin-top:13px}.rating-area>p{color:var(--muted);text-align:center;margin:14px 0 8px;font-size:11px;font-weight:800}.rating-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.rating-button{border:1px solid var(--line);background:var(--surface);border-radius:15px;align-content:center;place-items:center;gap:2px;min-height:74px;padding:7px 2px;display:grid}.rating-button i{font-size:17px;font-style:normal}.rating-button strong{font-size:10px}.rating-button span{color:var(--muted);font-size:8px}.rating-again i,.rating-again strong{color:#ff8fae}.rating-hard i,.rating-hard strong{color:#ffc46b}.rating-good i,.rating-good strong{color:var(--lime)}.rating-easy i,.rating-easy strong{color:#9bd8ff}.inline-error{background:#ff78a81a;border:1px solid #ff78a840;border-radius:13px;gap:3px;margin-top:10px;padding:10px 12px;display:grid}.inline-error span{color:#ffb2ca;font-size:10px;font-weight:800}.inline-error small{color:#ba8d9d;font-size:9px}.submitting-overlay{z-index:5;color:var(--lime);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#120d25b8;border-radius:25px;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;inset:0}.summary-shell,.state-screen{min-height:100dvh;padding:calc(25px + env(safe-area-inset-top)) 18px calc(25px + env(safe-area-inset-bottom));text-align:center;background:radial-gradient(circle at 50% 10%,#50319a 0,#17102e 43%,#0e0a1d 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.confetti{color:var(--lime);letter-spacing:11px;font-size:17px}.summary-shell h1,.state-screen h1{letter-spacing:-.06em;margin:4px 0;font-size:38px}.summary-shell>p,.state-screen p{max-width:360px;color:var(--muted);margin:3px 0 20px;font-size:12px;line-height:1.5}.summary-grid{grid-template-columns:repeat(2,1fr);gap:8px;width:min(100%,440px);display:grid}.summary-grid article{border:1px solid var(--line);background:#ffffff0f;border-radius:17px;gap:3px;padding:13px;display:grid}.summary-grid strong{color:var(--lime);font-size:23px}.summary-grid span{color:var(--muted);font-size:10px}.next-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:19px;width:min(100%,440px);margin-top:12px;padding:14px}.next-card>div{justify-content:space-between;gap:10px;padding-top:10px;font-size:11px;display:flex}.next-card>div span{color:var(--lime)}.summary-action{width:min(100%,440px);margin-top:15px}.state-screen .primary-button{margin-top:3px}.login-actions{gap:9px;width:min(100%,360px);display:grid}.login-actions .primary-button{width:100%}.telegram-login-button{color:#a9e2ff;background:#2aabee1f;border:1px solid #2aabee73;border-radius:14px;width:100%;padding:13px 16px;font-size:12px;font-weight:900}.login-actions small{color:var(--muted);font-size:9px;line-height:1.45}.login-actions>span{color:#ffb2ca;font-size:9px}.loading-dots{gap:5px;margin-top:8px;display:flex}.loading-dots i{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite alternate blink}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}.toast{z-index:60;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:#28203e;border:1px solid #caff4538;border-radius:14px;width:fit-content;max-width:calc(100% - 32px);margin:auto;padding:12px 15px;font-size:11px;font-weight:800;position:fixed;left:16px;box-shadow:0 10px 30px #0006}@keyframes blink{to{opacity:.2;transform:translateY(-3px)}}@media (width>=600px){.app-root{padding-top:12px}.app-shell{background:#120d25a3;border:1px solid #ffffff12;border-bottom:0;border-radius:27px 27px 0 0;min-height:calc(100dvh - 12px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}