:root{--paper: oklch(.958 .018 85);--paper-2: oklch(.938 .024 83);--paper-edge: oklch(.905 .03 80);--rule: oklch(.876 .032 78);--ink: oklch(.172 .03 255);--ink-2: oklch(.288 .038 255);--ink-mute: oklch(.49 .036 255);--ink-faint: oklch(.64 .03 255);--accent: oklch(.65 .155 218);--accent-deep: oklch(.49 .13 225);--accent-soft: oklch(.976 .03 218);--accent-tint: oklch(.99 .012 218);--mint: oklch(.78 .11 165);--mint-deep: oklch(.5 .1 165);--mint-soft: oklch(.95 .045 165);--butter: oklch(.86 .12 88);--butter-deep: oklch(.62 .13 78);--butter-soft: oklch(.96 .052 88);--lavender: oklch(.74 .095 285);--lavender-deep: oklch(.52 .11 285);--lavender-soft: oklch(.96 .038 285);--rose: oklch(.62 .13 22);--rose-soft: oklch(.96 .042 22);--leaf: oklch(.6 .11 150);--forest: oklch(.46 .12 148);--forest-deep: oklch(.33 .11 148);--forest-soft: oklch(.88 .065 152);--gold: var(--butter);--gold-deep: var(--butter-deep);--display: "Plus Jakarta Sans", "Quicksand", system-ui, sans-serif;--sans: "Nunito", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--serif: "Nunito", "Plus Jakarta Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 20px;--radius-sm: 12px;--radius-lg: 28px;--shadow-1: 0 1px 2px oklch(.22 .024 255 / .04), 0 6px 18px oklch(.22 .024 255 / .05);--shadow-2: 0 2px 4px oklch(.22 .024 255 / .05), 0 18px 44px oklch(.22 .024 255 / .08);--shadow-pop: 0 8px 24px oklch(.65 .155 218 / .22), 0 2px 6px oklch(.65 .155 218 / .14);--nav-w: 264px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(900px 600px at 10% -5%,var(--accent-soft),transparent 55%),radial-gradient(700px 700px at 90% 105%,var(--mint-soft),transparent 55%);pointer-events:none;z-index:0}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent-deep);text-decoration:none;font-weight:700}h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.018em;margin:0}h1{font-size:46px;line-height:1.08;letter-spacing:-.028em}h2{font-size:30px;line-height:1.15;letter-spacing:-.022em}h3{font-size:22px;line-height:1.25}.serif{font-family:var(--display)!important;font-style:normal!important;font-weight:700!important;letter-spacing:-.018em}.mono{font-family:var(--mono);font-feature-settings:"ss01","tnum";letter-spacing:0}.kicker{font-family:var(--sans);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.app{position:relative;z-index:1;display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:100vh}.nav{padding:26px 18px 22px 22px;display:flex;flex-direction:column;gap:24px;background:transparent;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:19px;box-shadow:var(--shadow-pop)}.brand-name{display:flex;align-items:baseline;gap:2px}.brand-name b{font-weight:800;color:var(--ink)}.brand-name span{color:var(--accent-deep);font-style:normal;font-weight:800}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:0 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;color:var(--ink-2);border:none;background:none;text-align:left;font-size:14.5px;font-weight:600;position:relative;transition:background .15s,color .15s}.nav-item:hover{background:var(--accent-tint);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent-deep);font-weight:800}.nav-item.active .nav-icon{opacity:1;color:var(--accent-deep)}.nav-icon{width:17px;height:17px;opacity:.8;flex-shrink:0}.nav-badge{margin-left:auto;font-size:12px;font-weight:800;background:var(--paper-edge);color:var(--ink-2);padding:2px 9px;border-radius:99px;min-width:24px;text-align:center}.nav-item.active .nav-badge{background:var(--accent);color:#fff}.nav-foot{margin-top:auto;border-top:1px dashed var(--paper-edge);padding-top:18px;display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:12px;background:var(--lavender);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:16px}.canvas{padding:36px 56px 96px;max-width:1120px;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.page-header .meta{color:var(--ink-mute);font-size:15px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1.5px solid transparent;background:var(--paper);color:var(--ink);font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 1px #27273708,0 2px 6px #2727370a}.btn:hover{background:var(--paper-2);transform:translateY(-1px);box-shadow:var(--shadow-1)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-pop);font-weight:800}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-ghost{border-color:transparent;background:transparent;box-shadow:none;font-weight:600}.btn-ghost:hover{background:var(--accent-tint);box-shadow:none}.btn-icon{width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:12px}.card{background:var(--paper);border:1.5px solid var(--paper-edge);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-1)}.card-soft{background:var(--paper-2);border:1.5px solid var(--paper-edge);border-radius:var(--radius);padding:22px;box-shadow:none}.card-ink{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-pop);position:relative;overflow:hidden}.card-ink:after{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:#ffffff1f;pointer-events:none}.card-ink:before{content:"";position:absolute;bottom:-90px;left:30%;width:280px;height:280px;border-radius:50%;background:#ffffff0f;pointer-events:none}.card-ink .kicker{color:#ffffffc7}.card-ink>*{position:relative;z-index:1}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--paper-edge);color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase}.tag.cefr-A1,.tag.cefr-A2{background:var(--mint-soft);color:var(--mint-deep)}.tag.cefr-B1,.tag.cefr-B2{background:var(--butter-soft);color:var(--butter-deep)}.tag.cefr-C1,.tag.cefr-C2{background:var(--accent-soft);color:var(--accent-deep)}.tag-pos{background:var(--lavender-soft);color:var(--lavender-deep)}.input{width:100%;background:var(--paper);border:1.5px solid var(--paper-edge);border-radius:14px;padding:12px 16px;font-size:14.5px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.input:disabled{opacity:.6;cursor:not-allowed}.input-lg{font-family:var(--display);font-weight:700;font-size:28px;padding:16px 20px;border-radius:18px}.label{display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.divider{height:1px;background:var(--paper-edge);border:0;margin:16px 0}.muted{color:var(--ink-mute)}.faint{color:var(--ink-faint)}.center{text-align:center}.fab{position:fixed;right:32px;bottom:32px;width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:grid;place-items:center;box-shadow:var(--shadow-pop);z-index:50;transition:transform .2s,box-shadow .2s}.fab:hover{transform:translateY(-3px) scale(1.04)}.fab:active{transform:translateY(-1px) scale(1)}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#2727374d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;animation:fadeIn .18s ease}.modal{width:min(560px,92vw);background:var(--paper);border-radius:var(--radius-lg);box-shadow:0 40px 100px #2727374d;overflow:hidden;animation:pop .25s cubic-bezier(.2,.8,.2,1.05)}.modal-head{padding:24px 28px 0}.modal-body{padding:18px 28px 26px}.modal-foot{padding:16px 28px;border-top:1px dashed var(--paper-edge);background:var(--paper-2);display:flex;gap:10px;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fadeUp .45s ease both}.flip-wrap{perspective:1600px;width:100%}.flip{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);min-height:380px}.flip.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);padding:42px 44px;display:flex;flex-direction:column}.flip-front{background:var(--paper);border:1.5px solid var(--paper-edge);box-shadow:var(--shadow-1)}.flip-back{transform:rotateY(180deg);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;border:none;box-shadow:var(--shadow-pop)}.review-card{background:var(--paper);border:1.5px solid var(--paper-edge);border-radius:var(--radius-lg);padding:40px;min-height:440px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-2);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s}.review-card.swipe-left{transform:translate(-120%) rotate(-8deg);opacity:0}.review-card.swipe-right{transform:translate(120%) rotate(8deg);opacity:0}.choice{border:1.5px solid var(--paper-edge);border-radius:16px;padding:14px 18px;background:var(--paper);text-align:left;font-size:15px;font-weight:600;display:flex;align-items:center;gap:12px;transition:all .15s;width:100%;box-shadow:0 1px #27273705}.choice:hover{border-color:var(--accent);background:var(--accent-tint);transform:translateY(-1px)}.choice.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.choice.correct{border-color:var(--mint-deep);background:var(--mint-soft);color:var(--mint-deep)}.choice.wrong{border-color:var(--rose);background:var(--rose-soft);color:var(--rose)}.choice-key{font-size:12px;font-weight:800;width:26px;height:26px;border-radius:8px;background:var(--paper-edge);color:var(--ink-2);display:grid;place-items:center}.choice.selected .choice-key{background:var(--accent);color:#fff}.choice.correct .choice-key{background:var(--mint-deep);color:#fff}.choice.wrong .choice-key{background:var(--rose);color:#fff}.progress{height:8px;background:var(--paper-edge);border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--butter-deep));border-radius:99px;transition:width .35s ease}.auth-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.auth-side{background:linear-gradient(155deg,var(--accent) 0%,var(--accent-deep) 60%,oklch(.38 .12 240) 100%);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-side:before{content:"";position:absolute;top:-120px;right:-120px;width:380px;height:380px;border-radius:50%;background:#ffffff1a}.auth-side:after{content:"";position:absolute;bottom:-160px;left:-100px;width:420px;height:420px;border-radius:50%;background:#ffffff0f}.auth-side>*{position:relative;z-index:1}.auth-side .quote{font-family:var(--display);font-weight:700;font-size:42px;line-height:1.12;letter-spacing:-.025em;max-width:24ch}.auth-form{padding:56px;display:flex;flex-direction:column;justify-content:center;max-width:480px;margin:0 auto;width:100%}.word-row{display:grid;grid-template-columns:1.6fr 2.4fr .7fr .7fr .6fr;gap:18px;align-items:center;padding:16px 18px;border-top:1px dashed var(--paper-edge);cursor:pointer;transition:background .12s}.word-row:hover{background:var(--accent-tint)}.word-row .w-text{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.015em}.word-row .w-text small{font-weight:600;color:var(--ink-faint);font-size:12px;margin-left:8px}.word-row .w-def{color:var(--ink-2);font-size:14px}.bar{height:8px;border-radius:99px;background:var(--paper-edge);position:relative;overflow:hidden}.bar>span{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent),var(--butter-deep));border-radius:99px;transform-origin:left}.set-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:18px 0;border-bottom:1px dashed var(--paper-edge)}.set-row:last-child{border:0}.set-row h4{font-size:15px;font-weight:700;color:var(--ink)}.set-row p{margin:4px 0 0;color:var(--ink-mute);font-size:13.5px}.toggle{width:44px;height:26px;border-radius:99px;background:var(--paper-edge);border:none;position:relative;cursor:pointer;transition:all .18s}.toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 6px #2727372e;transition:transform .2s}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(18px)}.kbd{font-family:var(--mono);font-size:11px;font-weight:600;padding:3px 7px;border-radius:7px;border:1.5px solid var(--paper-edge);background:var(--paper);color:var(--ink-2)}.donut{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--paper-edge) 0);display:grid;place-items:center;position:relative;box-shadow:var(--shadow-1)}.donut:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;background:var(--paper);border-radius:50%}.donut>span{position:relative;z-index:1;font-family:var(--display);font-weight:800;font-size:36px;letter-spacing:-.025em;color:var(--ink)}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--paper-edge);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.day-cell{min-height:96px;border-radius:12px;display:flex;flex-direction:column;text-align:left;position:relative;overflow:hidden;font-family:inherit;transition:transform .12s}.day-cell:not(:disabled):hover{transform:scale(1.02)}h1,h2,h3,p{text-wrap:pretty}.bottom-nav{display:none}@media (max-width: 960px){:root{--nav-w: 220px}.canvas{padding:28px 32px 80px}}@media (max-width: 700px){:root{--nav-w: 0px}h1{font-size:30px}h2{font-size:22px}.app{grid-template-columns:1fr;padding-bottom:68px}.nav{display:none}.canvas{padding:18px 14px 80px}.page-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.auth-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-side{padding:28px 24px 24px;min-height:auto;justify-content:flex-start;gap:16px}.auth-side .quote{font-size:26px}.auth-side>div:last-child{display:none}.auth-form{padding:28px 20px 32px}.word-row{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 12px}.word-row .w-text{grid-column:1;grid-row:1}.word-row .w-def{grid-column:1 / -1;grid-row:2}.word-row>:nth-child(3),.word-row>:nth-child(4),.word-row>:nth-child(5){display:none}.review-card{padding:22px 18px;min-height:300px}.flip-face{padding:26px 20px}.choice{padding:12px 14px}.fab{right:16px;bottom:80px;width:54px;height:54px}.modal{width:96vw;border-radius:20px}.modal-head{padding:20px 18px 0}.modal-body{padding:14px 18px 20px}.modal-foot{padding:14px 18px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;background:oklch(from var(--paper) l c h / .92);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-top:1px solid var(--paper-edge);z-index:90;align-items:center;justify-content:space-around;padding:0 4px;box-shadow:0 -2px 16px #131b260f}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border:none;background:none;color:var(--ink-faint);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:12px;transition:color .15s,background .15s;flex:1;min-width:0}.bottom-nav-item.active{color:var(--accent-deep);background:var(--accent-soft)}.bottom-nav-item svg{width:20px;height:20px;flex-shrink:0}}