:root{color:#20283f;font-synthesis:none;--ink:#20283f;--muted:#65718b;--iris:#6254bd;--line:#dfe4f0;--white:#fff;--soft:#eeebfa;--blue:#35648a;--pink:#ae4870;background:#f1f4fc;font-family:Segoe UI,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:var(--white);color:var(--ink);border:1px solid #cbd3e4;border-radius:9px;padding:12px 18px;font-weight:600;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#e9edf8;border-color:#a9b4cd}button:disabled{cursor:default;opacity:.52}button.primary{background:var(--iris);border-color:var(--iris);color:#fff;justify-content:space-between;align-items:center;gap:25px;display:inline-flex}button.primary:hover:not(:disabled){background:#5143a8;border-color:#5143a8}button.text-button{color:var(--iris);background:0 0;border-color:#0000;padding:8px 0;font-weight:500}:focus-visible{outline-offset:4px;outline:3px solid #35648a}input,select{color:var(--ink);background:#fff;border:1px solid #cbd3e4;border-radius:8px;max-width:100%;min-height:46px;padding:11px 13px}input:disabled,select:disabled{background:#eef0f5}label{font-size:14px;font-weight:600}h1,h2,h3,h4,p{margin-top:0}h2{letter-spacing:-1.5px;margin-bottom:16px;font-size:40px;font-weight:550;line-height:1.18}h3{letter-spacing:-.4px;margin-bottom:10px;font-size:21px;font-weight:600}h4{margin:6px 0;font-size:17px;font-weight:600}p{margin-bottom:12px}small{color:var(--muted);font-size:12px}.shell{grid-template-columns:235px minmax(0,1fr);max-width:1600px;min-height:100vh;margin:auto;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:44px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-family:Georgia,serif;font-size:24px;line-height:1.1;display:flex}.brand small{letter-spacing:.5px;margin-top:6px;font:11px/1.5 Segoe UI,sans-serif;display:block}.flower{color:var(--iris);font-family:Georgia,serif;font-size:42px;line-height:1}.rail-content{flex:1;margin-top:62px}.rail-content>p{text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);font-size:11px}button.nav{text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;margin-left:-8px;padding:13px 15px;font-weight:600;display:flex}.nav.current{color:#5143a8;background:#e7e6f6}.rail-note{margin-top:90px;padding-left:7px}.rail-note>span{letter-spacing:6px;color:#8994af;writing-mode:vertical-rl;min-height:145px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:30px}.rail-note p{color:var(--muted);margin-top:20px;font-size:12px;line-height:1.9}.logout{text-align:left;color:var(--muted);background:0 0;border-color:#0000;padding-left:7px;font-size:13px}.private-label{color:var(--muted);font-size:12px}main{flex-direction:column;width:100%;min-width:0;max-width:1180px;padding:40px 56px 0;display:flex}.topline{color:var(--muted);letter-spacing:1.2px;justify-content:space-between;gap:12px;padding-bottom:38px;font-size:11px;display:flex}.topline span:last-child{letter-spacing:0}.eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:600;display:block}.lead{color:var(--muted);font-size:16px;line-height:1.8}.page-intro{margin-bottom:26px;padding-top:25px}.review-start{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:minmax(0,1fr) 245px;gap:40px;margin-bottom:34px;padding:30px 34px;display:grid;box-shadow:0 4px 24px #27365904}.review-start .eyebrow{color:var(--iris)}.review-start p{max-width:350px;color:var(--muted);margin:0;font-size:14px;line-height:1.8}.review-start h3{margin-bottom:14px;font-size:25px}.start-controls{gap:9px;display:grid}.start-controls label{color:var(--muted);font-size:12px}.start-controls small{text-align:center}.recent{margin:0 0 36px}.recent>h3{margin-bottom:12px;font-size:16px}.recent>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.recent-item{text-align:left;border-color:var(--line);background:#f7f8fd;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:13px;display:flex}.recent-item small{margin-top:3px;font-weight:400;display:block}.recent-item>span:last-child{color:var(--iris);white-space:nowrap;font-size:12px}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:15px;display:flex}.section-heading>span{color:var(--muted);font-size:12px}.count{color:var(--muted);margin-left:10px;font-size:13px;font-weight:400}.filters{grid-template-columns:1fr 230px;gap:12px;display:grid}.filters input,.filters select{width:100%}.result-count{color:var(--muted);margin:14px 0;font-size:12px}.deck-list{gap:10px;display:grid}.deck{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:28px;padding:22px 26px;display:flex}.deck-info{min-width:0}.deck .eyebrow{letter-spacing:.8px;overflow-wrap:anywhere;margin-bottom:4px;font-size:10px}.deck h4{overflow-wrap:anywhere;line-height:1.5}.deck p{color:var(--muted);margin:0;font-size:12px}.deck-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.activation{cursor:pointer;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.activation input{accent-color:var(--iris);width:17px;height:17px;min-height:0;margin:0}.activation:has(input:checked){color:var(--iris)}.deck-actions .text-button{font-size:12px}.empty{color:var(--muted);text-align:center;padding:30px}.notice{color:#843651;background:#fff2f1;border:1px solid #efd4d5;border-radius:10px;margin-bottom:20px;padding:18px 22px;font-size:14px}.notice p{margin-bottom:10px}.notice button{padding:8px 14px;font-size:13px}.loading{color:var(--muted);padding:60px 0}footer{color:#7c88a3;align-items:center;gap:12px;margin-top:auto;padding:50px 0 24px;font-size:11px;display:flex}footer>span:first-child{color:var(--iris);font-size:16px}.login{max-width:600px;padding:45px 0 50px}.login h2{margin:20px 0 24px;font-size:67px;line-height:1.1}.login h2 span{letter-spacing:5px;color:var(--iris);font-family:Yu Mincho,Noto Serif JP,serif;font-weight:500}.login-form{gap:10px;max-width:390px;margin-top:36px;display:grid}.login-form input{letter-spacing:3px;width:100%;font-family:monospace}.login-form p{color:var(--muted);font-size:12px;line-height:1.7}.study{padding:12px 0 30px}.study-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-bottom:35px;font-size:12px;display:flex}.study-progress{grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin-bottom:22px;display:grid}.study-progress label,.study-progress>span{color:var(--muted);font-size:12px;font-weight:400}.study-progress>span{text-align:right}progress{appearance:none;width:100%;height:5px;color:var(--iris);background:#e0e4f0;border:0;border-radius:9px;grid-column:1/-1;overflow:hidden}progress::-webkit-progress-bar{background:#e0e4f0}progress::-webkit-progress-value{background:var(--iris)}progress::-moz-progress-bar{background:var(--iris)}.exercise{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #27365905}.exercise-top{border-bottom:1px solid #eff1f7;justify-content:space-between;align-items:center;padding:23px 30px;display:flex}.exercise-top .eyebrow{margin:0}.exercise-top>span:last-child{color:#8994af;letter-spacing:5px;font-family:Yu Mincho,serif;font-size:15px}.prompt{text-align:center;align-items:center;min-height:230px;padding:50px 36px 25px;display:grid}.parts{overflow-wrap:anywhere;gap:8px;display:grid}.part{white-space:pre-wrap;margin:0;line-height:1.65}.part.written{letter-spacing:3px;font-family:Yu Mincho,Noto Serif JP,serif;font-size:58px}.part.reading{color:var(--muted);font-family:Yu Gothic,Meiryo,sans-serif;font-size:25px}.part.meaning-ru,.part.meaning-en,.part.context-ja{font-size:23px}.part.context-ru,.part.context-en{color:var(--muted);font-size:16px}.recall-note{text-align:center;color:var(--muted);margin:0;padding:15px 20px 30px;font-size:12px}.answer{background:#f5f3fc;border-left:3px solid #aca2e3;border-radius:0 10px 10px 0;margin:0 30px 30px;padding:24px 28px}.answer .part.written{font-size:33px}.answer .part.reading{color:var(--ink);font-size:25px}.answer .part.meaning-ru,.answer .part.meaning-en{font-size:19px}.reveal-controls{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.reveal-controls .text-button{grid-column:1/-1;justify-self:center}.grading{margin-top:28px}.grading h3{margin-bottom:5px;font-size:18px}.grading p{color:var(--muted);margin-bottom:16px;font-size:13px}.grades{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.grade{text-align:left;border-color:var(--line);padding:18px 15px}.grade strong{margin-bottom:6px;font-size:16px;display:block}.grade span{color:var(--muted);font-size:11px;font-weight:400;display:block}.grade-1 strong{color:var(--pink)}.grade-2 strong{color:#8b6030}.grade-3 strong{color:var(--blue)}.grade-4 strong{color:var(--iris)}.complete{max-width:620px;padding:60px 0}.completion-flower{color:#a79bdb;margin-bottom:30px;font-size:70px;line-height:1;display:block}.complete .primary{margin-top:15px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1400px){main{padding-left:75px;padding-right:75px}}@media (width<=1050px){.shell{grid-template-columns:195px minmax(0,1fr)}.rail{padding:35px 20px}.brand{font-size:21px}.flower{font-size:34px}main{padding:32px 30px 0}.review-start{grid-template-columns:1fr 210px;gap:22px;padding:25px}.deck{padding:20px}.deck-actions{align-items:flex-start}.deck{gap:18px}}@media (width<=760px){.shell{display:block}.rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:20px 22px;display:flex;position:static}.rail-content{display:none}.logout{padding:10px}.private-label{font-size:10px}.brand{font-size:23px}.flower{font-size:36px}main{padding:24px 22px 0}.topline{letter-spacing:.8px;padding-bottom:25px;font-size:10px}.page-intro{margin-bottom:22px;padding-top:12px}h2{font-size:33px}.lead{font-size:14px}.review-start{grid-template-columns:1fr;gap:22px;margin-bottom:27px;padding:25px}.review-start h3{font-size:23px}.review-start p{max-width:none}.start-controls{grid-template-columns:1fr}.section-heading>span{display:none}.filters,.recent>div{grid-template-columns:1fr}.deck{flex-direction:column;align-items:flex-start;gap:15px;padding:21px}.deck-actions{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%}.deck h4{font-size:16px}.activation{font-size:11px}.deck-actions .text-button{text-align:right;max-width:130px;font-size:11px}.study-heading{align-items:flex-start;margin-bottom:24px}.study-heading>span{text-align:right;max-width:180px}.prompt{min-height:190px;padding:38px 22px 20px}.part.written{font-size:47px}.part.meaning-ru,.part.meaning-en{font-size:21px}.exercise-top{padding:20px}.answer{margin:0 20px 25px;padding:20px}.reveal-controls{grid-template-columns:1fr}.grades{grid-template-columns:1fr 1fr}.grade{padding:16px}.grading small{font-size:11px;line-height:1.7;display:block}.login{padding:28px 0}.login h2{font-size:59px}.login-form{max-width:none}.complete{padding:38px 0}footer{gap:8px;padding-top:35px;font-size:10px}.study-progress{column-gap:8px}.study-progress label,.study-progress>span{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}