@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#24232c;font-synthesis:none;--bg:#f8f8f4;--surface:#fff;--text:#24232c;--muted:#92919b;--line:#ededea;--purple:#7662dc;--shadow:0 5px 18px #27203808;background:#f8f8f4;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #aa9aef}button{color:inherit;background:0 0;border:0}.app{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:2;flex-direction:column;width:226px;padding:28px 19px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;letter-spacing:-1.5px;align-items:center;gap:10px;margin:0 0 52px 3px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;display:flex}.brand-icon{color:#fff;letter-spacing:0;background:#7965e0;border-radius:11px;place-items:center;width:35px;height:35px;font-size:26px;display:grid;box-shadow:0 3px #5943c4}.brand-icon span{line-height:1}.brand-dot{color:#8b77e9}.brand small{letter-spacing:1.55px;color:#a6a3ad;margin-top:1px;font-size:7px;display:block}.nav-label,.eyebrow{letter-spacing:1.35px;font:700 9px Manrope,sans-serif}.nav-label{color:#b5b4bb;margin:0 0 14px 12px}.nav-item{text-align:left;color:#8b8a95;border-radius:9px;align-items:center;gap:13px;width:100%;height:46px;margin-bottom:4px;padding:0 13px;font-size:13px;font-weight:600;display:flex;position:relative}.nav-item.active{color:#7662d5;background:#f0edff}.nav-indicator{background:#806bea;border-radius:4px;width:4px;height:18px;position:absolute;right:0}.side-bottom{margin-top:auto}.side-note{background:#f4f2ff;border:1px solid #ebe7fc;border-radius:12px;min-height:122px;margin-bottom:24px;padding:15px 14px;position:relative}.side-note b{color:#575071;font-size:12px;line-height:1.65;display:block}.side-note>span:last-child{color:#a5a0b7;margin-top:8px;font:9px Manrope;display:block}.mini-star{color:#a592ef;font-size:20px;position:absolute;top:12px;right:14px}.profile{align-items:center;gap:10px;margin-top:12px;padding:20px 3px 0;display:flex}.avatar{color:#685343;background:#e7ddcc;border:2px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font-family:Manrope;font-weight:800;display:grid;box-shadow:0 0 0 1px #eee}.avatar.small{width:32px;height:32px}.profile div:nth-child(2){flex:1}.profile b,.profile small{font-size:11px;display:block}.profile small{color:#aaa8ae;margin-top:5px;font:9px Manrope}.main{width:calc(100% - 226px);margin-left:226px}.topbar{background:var(--surface);justify-content:space-between;align-items:center;height:70px;padding:0 51px;display:flex}.breadcrumb{letter-spacing:1px;color:#aaa9b0;font:700 9px Manrope}.breadcrumb span{color:#d6d5d8;margin:0 12px}.breadcrumb b{color:#777581;letter-spacing:0;font-family:Noto Sans SC;font-size:11px}.top-actions{align-items:center;gap:20px;display:flex}.local-badge{color:#96959d;font-size:10px}.local-badge span,.status-dot{background:#77be9a;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.icon-button{color:#898892;place-items:center;display:grid}.content{max-width:1450px;margin:auto;padding:40px 51px 20px}.greeting{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.eyebrow{color:#8d79e4}.eyebrow span{margin-right:5px;font-size:14px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.5px;margin-top:11px;font-size:29px;font-weight:800}p{color:#93929c;font-size:12px;line-height:1.8}.greeting p,.page-heading p{margin-top:8px}.purple{color:#806be1}.date-stamp{color:#c6c1d8;text-align:center;border:1px solid #ddd9e9;border-radius:50%;width:84px;height:84px;margin:0 14px 0 0;padding:14px 0 0;transform:rotate(5deg)}.date-stamp>span{letter-spacing:.8px;font:700 5px Manrope;display:block}.date-stamp b{letter-spacing:-.8px;margin-top:7px;font:800 17px/15px Manrope;display:block}.date-stamp b span{color:#a795ee}.dashboard-grid{grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:18px;display:grid}.hero{background:#eeeaff;border:1px solid #e9e4ff;border-radius:15px;min-height:288px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:30px 0 24px 31px}.hero-tag{letter-spacing:1px;color:#8171c1;font:800 9px Manrope}.hero-tag span{color:#9a86ea;margin-right:4px;font-size:13px}.hero h2{letter-spacing:-1.3px;margin-top:16px;font-size:27px;font-weight:800;line-height:1.32}.hero h2 span{color:#7a64dd}.hero p{color:#8e89a3;margin:10px 0 20px;font-size:11px}.primary{color:#fff;background:#7862d9;border-radius:8px;justify-content:center;align-items:center;gap:19px;padding:12px 17px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 3px #5947b3}.primary:hover{transform:translateY(-2px);box-shadow:0 5px #5947b3}.primary:active{transform:translateY(2px);box-shadow:0 1px #5947b3}.hero-foot{color:#a6a0b8;margin-top:23px;font-size:10px}.keycap{color:#8b7cb9;border:1px solid #d1cae8;border-radius:4px;place-items:center;width:19px;height:17px;margin-right:5px;display:inline-grid}.hero-art{width:48%;position:absolute;top:0;bottom:0;right:0}.orbit{border:1px solid #dcd5fa;border-radius:50%;width:260px;height:260px;position:absolute;top:20px;right:25px}.orbit-two{width:200px;height:200px;top:50px;right:55px}.key-shadow{filter:blur(8px);background:#a99ae64d;border-radius:50%;width:147px;height:35px;position:absolute;top:190px;right:81px}.key-tile{color:#7963d9;background:linear-gradient(140deg,#fff 5%,#e5ddff 100%);border-radius:29px;justify-content:center;align-items:center;width:139px;height:139px;display:flex;position:absolute;top:61px;right:83px;transform:rotate(-11deg);box-shadow:0 12px #c3b4f0,0 19px 20px #8977c34d}.key-tile span{font-size:69px;font-weight:700}.key-tile small{color:#b4a3ef;font:700 12px Manrope;position:absolute;bottom:16px;right:20px}.art-spark{color:#927ee7;position:absolute}.art-spark.a{font-size:31px;top:50px;right:39px}.art-spark.b{font-size:23px;top:157px;right:249px}.art-dot{background:#bcacf5;border-radius:50%;width:10px;height:10px;position:absolute;top:201px;right:48px}.art-label{letter-spacing:1px;color:#a99bd5;font:800 9px/1.2 Manrope;position:absolute;bottom:20px;right:37px}.art-label span{color:#8069da}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px}.snapshot{padding:24px}.section-top{justify-content:space-between;align-items:center;display:flex}.muted{color:#aaa8b2}.section-top h3,.controls h3,.coverage-mini h3{margin-top:7px;font-size:16px}.section-top h3 span{color:#a38ee9}.text-arrow{border:1px solid var(--line);color:#96939e;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.snapshot-item{align-items:center;gap:11px;padding:14px 0;display:flex}.snapshot-icon{border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.lavender{color:#8b78da;background:#f0edff}.peach{color:#dc9a7b;background:#fff0e9}.mint{color:#79b99b;background:#eaf7f0}.snapshot-item>div:nth-child(2){flex:1}.snapshot-item span{color:#aaa9b2;font-size:10px}.snapshot-item b{margin-top:3px;font:800 18px Manrope;display:block}.snapshot-item b small{color:#a7a5ae;font:500 10px Noto Sans SC}.snapshot-tail{font-size:15px!important}.snapshot-footer{color:#b2b0b8;margin-top:14px;font-size:10px}.snapshot-footer span{float:right;color:#b9a9ed}.section-heading{justify-content:space-between;align-items:end;margin:35px 0 16px;display:flex}.section-heading h2{letter-spacing:-.8px;margin-top:7px;font-size:21px}.link-button{color:#8271c9;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.mode-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.mode-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:13px;min-height:214px;padding:20px;transition:transform .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #30244a10}.card-top,.card-footer{justify-content:space-between;align-items:center;display:flex}.card-number{letter-spacing:1px;color:#b0aeb7;font:800 9px Manrope}.round-arrow{color:#a29fa9;border:1px solid #eeedf0;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.mode-symbol{color:#8d79e4;height:62px;font-size:43px;font-weight:800;line-height:1.3}.mode-symbol span{color:#c2b5f2;margin-left:8px;font-size:20px}.mode-symbol.latin{color:#e1a17f;letter-spacing:-4px;font-family:Manrope}.mode-symbol.latin span{letter-spacing:0;color:#f1c5ac}.mode-symbol.punctuation{color:#75bda0;letter-spacing:-8px;font-family:Georgia}.mode-symbol.punctuation span{letter-spacing:0;color:#b8e1cf}.mode-card h3{font-size:15px}.mode-card p{margin-top:6px;font-size:10px}.card-footer{color:#aaa8b2;margin-top:17px;padding-top:13px;font-size:9px}.card-footer span:last-child{letter-spacing:.7px;color:#b6b3bd;font:800 8px Manrope}.bottom-line{letter-spacing:1px;color:#c1c0c5;justify-content:space-between;margin-top:30px;font:700 8px Manrope;display:flex}.bottom-line span span{color:#a28ee7}.inner{padding-top:42px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.outline{background:var(--surface);border:1px solid #e4e2e9;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:700;display:inline-flex}.practice-tabs{gap:8px;margin-bottom:20px;display:flex}.practice-tabs button{color:#aaa;border-bottom:2px solid #0000;padding:12px 22px;font-size:12px;font-weight:700}.practice-tabs button.selected{color:#7762d9;border-color:#806be1}.practice-layout,.library-layout{grid-template-columns:minmax(0,2fr) minmax(270px,1fr);align-items:start;gap:18px;display:grid}.practice-main{padding:25px 30px}.practice-top{color:#aaa8b2;letter-spacing:1px;justify-content:space-between;font:700 9px Manrope;display:flex}.practice-top span:first-child{letter-spacing:0;font-family:Noto Sans SC}.practice-prompt{text-align:center;min-height:240px;padding:65px 0 50px}.prompt-caption{color:#a3a0ac;font-size:11px}.prompt-word{overflow-wrap:anywhere;margin-top:14px;font-size:62px;font-weight:700;line-height:1.3}.prompt-sub{letter-spacing:1.4px;color:#b2adb9;margin-top:9px;font:700 9px Manrope}.prompt-sub span{color:#9f8be7}.typing-box{cursor:text;color:#6f59d0;background:#faf9ff;border:2px solid #e8e4f7;border-radius:10px;align-items:center;min-height:67px;padding:0 20px;font:700 25px Manrope;display:flex;position:relative;overflow:hidden}.typing-box:focus-within{border-color:#a99aeb}.typing-box.error{background:#fff7f5;border-color:#e7a296}.typing-box.success{background:#f7fffa;border-color:#9cd4b7}.typing-box input{opacity:0;cursor:text;width:100%;height:100%;position:absolute;inset:0}.typed{animation:impact var(--impact-duration) cubic-bezier(.2, .8, .3, 1) both;transform-origin:bottom;display:inline-block}.caret{background:#826ee2;width:2px;height:29px;margin-left:2px;animation:1s infinite blink}.input-hint{color:#c1bccd;margin-left:auto;font:500 10px Noto Sans SC}@keyframes impact{0%{transform:scaleY(var(--impact-scale))}25%{transform:scaleY(var(--impact-scale))}65%{transform:scaleY(1.08)}to{transform:scaleY(1)}}@keyframes blink{50%{opacity:0}}.practice-bottom{color:#aaa7b2;justify-content:space-between;align-items:center;margin:18px 0 30px;font-size:11px;display:flex}.practice-bottom>span{align-items:center;gap:6px;display:flex}.compact{padding:10px 14px}.practice-stats{color:#aaa;gap:40px;padding-top:20px;font-size:10px;display:flex}.practice-stats b{color:var(--text);margin-top:5px;font:800 19px Manrope;display:block}.practice-stats small{color:#aaa;font-size:9px}.practice-side{gap:16px;display:grid}.controls,.coverage-mini{padding:23px}.controls h3{margin-bottom:17px}.controls label{color:#77747f;margin:18px 0 8px;font-size:11px;font-weight:700;display:block}.controls select,.field,.controls textarea{background:var(--surface);width:100%;color:var(--text);border:1px solid #e9e7ee;border-radius:7px;padding:10px;font-size:11px}.controls textarea{resize:vertical;line-height:1.6}.segmented{background:#f4f3f7;border-radius:8px;padding:3px;display:flex}.segmented button{color:#aaa7b2;border-radius:6px;flex:1;padding:8px 4px;font-size:10px}.segmented button.on{background:var(--surface);color:#7762d9;font-weight:700;box-shadow:0 1px 4px #0000000d}.kana-select{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.kana-select button{color:#aaa;border:1px solid #eeeaf4;border-radius:5px;padding:6px 2px;font-size:10px}.kana-select button.on{color:#7762d9;background:#f0edff;border-color:#ded5ff}.inline-link{float:right;color:#8c79dd;font-size:10px}.help{margin-top:10px;font-size:10px}.coverage-mini h3 span{float:right;color:#8a77db;font:700 13px Manrope}.coverage-mini p{margin:9px 0 13px;font-size:10px}.coverage-grid{flex-wrap:wrap;gap:5px;display:flex}.coverage-grid span{border-radius:6px;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.coverage-grid .covered{color:#8e7bd3;background:#ece8fb}.coverage-grid .mastered{color:#fff;background:#806cdb}.coverage-grid .uncovered{color:#b7b6b9;background:#f1f1ef}.coverage-grid.large span{width:36px;height:36px;font-size:14px}.legend{color:#806cdb;margin-top:13px;font-size:9px}.legend span{color:#b6a6eb}.legend i{color:#c8c8c8;font-style:normal}.check-label{align-items:center;gap:8px;display:flex!important}.library-list{max-height:700px;padding:24px;overflow:auto}.library-list select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;padding:8px}.count{color:#806cdb;background:#f0edff;border-radius:20px;padding:4px 8px;font:700 10px Manrope}.table-head,.word-row{grid-template-columns:2fr 1.5fr 1fr 20px;align-items:center;gap:10px;display:grid}.table-head{color:#b3b0b8;padding:22px 0 10px;font-size:10px}.word-row{color:#777;padding:13px 0;font-size:11px}.word-row b{color:var(--text);font-size:13px;display:block}.word-row small{color:#aaa;margin-top:3px;display:block}.mastery{color:#9684da;font-size:9px}.delete{color:#bbb}.file-button{cursor:pointer;align-items:center;gap:8px;color:#8e7bd3!important;display:flex!important}.file-button input{display:none}.full{width:100%;margin-top:10px}.notice{color:#8875d3;margin-top:12px}.side-quote{color:#b4a6df;padding:25px;font:700 18px/1.4 Manrope}.side-quote span{color:#e0c2a9}.progress-cards{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:18px;display:grid}.progress-cards .panel{padding:22px}.progress-cards span,.progress-cards small{color:#aaa;font-size:10px;display:block}.progress-cards strong{margin:10px 0;font:800 32px Manrope;display:block}.progress-cards small{letter-spacing:1px;font:700 8px Manrope}.history-row{justify-content:space-between;align-items:center;padding:12px 0;font-size:11px;display:flex}.history-row small{color:#aaa;margin-top:4px;display:block}.history-row b{color:#8c79dd}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.controls input[type=range]{accent-color:#806bdf;width:100%}.float{float:right}.settings-grid .outline{margin-top:20px}html[data-theme=dark]{--bg:#1b1a21;--surface:#25242d;--text:#f1eff6;--muted:#aaa;--line:#393741;--shadow:none;color:var(--text);background:var(--bg)}html[data-theme=dark] .hero{background:#37304d;border-color:#4c4269}html[data-theme=dark] .side-note,html[data-theme=dark] .nav-item.active,html[data-theme=dark] .segmented{background:#373145}html[data-theme=dark] .typing-box{background:#302c3c}html[data-theme=dark] .kana-select button.on{background:#463d61}html[data-theme=dark] .mode-card{background:var(--surface)}@media (width<=1050px){.content{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.hero-art{opacity:.7}.key-tile{right:45px}.orbit{right:-12px}.orbit-two{right:18px}}@media (width<=760px){.sidebar{border-right:0;flex-direction:row;align-items:center;width:100%;height:65px;padding:10px 16px;position:sticky;top:0}.brand{margin:0 auto 0 0;font-size:20px}.brand small,.nav-label,.side-bottom{display:none}.sidebar nav{display:flex}.nav-item{justify-content:center;width:40px;height:40px;margin:0;padding:0}.nav-item span{display:none}.app{display:block}.main{width:100%;margin:0}.topbar{height:52px;padding:0 20px}.top-actions{gap:12px}.content{padding:28px 20px}.greeting h1,.page-heading h1{font-size:24px}.date-stamp{display:none}.dashboard-grid,.practice-layout,.library-layout,.settings-grid{grid-template-columns:1fr}.hero{min-height:270px}.hero-art{opacity:.55;width:45%}.key-tile{width:100px;height:100px;top:80px;right:15px}.key-tile span{font-size:50px}.orbit{right:-90px}.orbit-two{right:-60px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:180px}.snapshot{display:none}.practice-prompt{min-height:200px;padding:50px 0}.prompt-word{font-size:44px}.practice-main{padding:20px}.progress-cards{gap:8px}.progress-cards .panel{padding:14px}.progress-cards strong{font-size:24px}.page-heading{align-items:start;gap:10px}.page-heading .primary{font-size:10px}.bottom-line{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}@font-face{font-family:Zhibi;src:url(/fonts/zhibi.woff2)format("woff2");font-display:swap}.page-heading h1{letter-spacing:.025em;font-family:Zhibi,Noto Sans SC,sans-serif;font-weight:400}.practice-page{max-width:1500px}.practice-page .page-heading{margin-bottom:20px}.practice-page .page-heading h1{font-size:34px}.practice-page .practice-tabs{border-bottom-color:#eae8e2;margin-bottom:24px}.practice-page .practice-tabs button{transition:color .2s,border-color .2s}.practice-layout{grid-template-columns:minmax(0,1fr) 280px;gap:26px}.practice-main{background:linear-gradient(155deg, var(--surface), #fdfcf9);border-color:#efede8;flex-direction:column;min-height:620px;padding:27px 38px 30px;display:flex;box-shadow:0 12px 36px #433b2910}.practice-top{color:#aaa6a0;letter-spacing:1.4px}.practice-prompt{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:270px;padding:75px 12px 32px;animation:.38s cubic-bezier(.2,.8,.25,1) both prompt-arrive;display:flex}.prompt-caption{letter-spacing:.1em;color:#9d9993;font-size:11px}.prompt-word{letter-spacing:.04em;color:var(--text);margin-top:23px;font-family:Noto Sans SC,sans-serif;font-size:clamp(56px,7vw,92px);font-weight:400;line-height:1.3}.prompt-sub{color:#bdb5ae;letter-spacing:.2em;margin-top:15px}.typing-box{color:#6558ad;background:#fff;border:1px solid #ded9d0;border-radius:13px;width:min(100%,340px);min-height:72px;margin:0 auto;padding:0 19px;font:600 24px Manrope,Noto Sans SC,sans-serif;transition:border-color .16s,box-shadow .16s,background .16s;overflow:hidden;box-shadow:0 4px #eae7df,0 12px 24px #6d60460c}.typing-box-sentence{width:min(100%,520px)}.typing-box:focus-within{border-color:#a99bd8;box-shadow:0 4px #e7e0f5,0 0 0 4px #a696d615,0 12px 24px #6d60460c}.typing-box.error{background:#fff9f7;border-color:#df9f93;box-shadow:0 4px #f3e0da}.typing-box.success{background:#fbfffc;border-color:#99cbb1;box-shadow:0 4px #dcefe3}.typing-content{white-space:nowrap;justify-content:flex-end;align-items:center;min-width:0;display:flex;overflow:hidden}.typed-prefix{white-space:pre}.typed{white-space:pre;transform-origin:bottom;animation-name:key-impact}.caret{background:#8c78cc;border-radius:3px;flex:none;width:2px;height:28px;margin-left:2px;animation:1.15s steps(2,end) infinite blink}.input-hint{color:#c6c0b8;letter-spacing:.04em;flex:none;padding-left:8px}@keyframes key-impact{0%{transform:translateY(2px) scaleY(var(--impact-scale))}24%{transform:translateY(2px) scaleY(var(--impact-scale))}65%{transform:translateY(-2px)scaleY(1.09)}to{transform:translateY(0)scaleY(1)}}@keyframes prompt-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.practice-bottom{color:#a49e98;width:min(100%,340px);min-height:36px;margin:18px auto 55px}.practice-bottom .compact{color:#8172b5;box-shadow:none;background:0 0;border:1px solid #e9e3f2;padding:9px 12px}.practice-bottom .compact:hover{box-shadow:none;background:#f5f1fc;transform:none}.practice-stats{color:#b0aaa3;justify-content:center;gap:clamp(35px,7vw,90px);margin-top:auto;padding-top:22px}.practice-stats b{color:#67636a;font-size:16px;font-weight:700}.practice-side .panel{box-shadow:none;border-color:#eeece6}html[data-theme=dark] .practice-main{background:linear-gradient(155deg,#25242d,#28262c);border-color:#393741}html[data-theme=dark] .typing-box{background:#302d38;border-color:#514a5e;box-shadow:0 4px #201e26}html[data-theme=dark] .typing-box.error{background:#44302f}html[data-theme=dark] .typing-box.success{background:#293c34}@media (width<=1000px){.practice-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.practice-main{min-height:570px;padding:25px}}@media (width<=760px){.practice-layout{grid-template-columns:1fr}.practice-main{min-height:510px;padding:22px}.practice-prompt{min-height:220px;padding:55px 10px 25px}.prompt-word{font-size:64px}.practice-bottom{margin-bottom:40px}.practice-side{grid-template-columns:1fr}.typing-box{width:min(100%,320px)}.practice-stats{gap:30px}.practice-page .page-heading h1{font-size:30px}}@media (prefers-reduced-motion:reduce){.practice-prompt,.typed,.caret{animation:none!important}}.practice-prompt{animation-duration:calc(.38s * var(--motion-factor,1))}.typing-box.success .typing-content{animation:answer-pop calc(.28s * var(--motion-factor,1)) cubic-bezier(.2, .8, .25, 1)}@keyframes answer-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}:root{--quiet-bg:#f9f8f4;--quiet-ink:#333431;--quiet-muted:#a29f98;--quiet-line:#e9e6de;--quiet-accent:#8172ad;--key-edge:#dedbd3;--quiet-surface:#fffefa}body{background:var(--quiet-bg)}.quiet-app{min-height:100svh;color:var(--quiet-ink);background:var(--quiet-bg);display:block}.quiet-header{align-items:center;gap:50px;max-width:1680px;height:76px;margin:auto;padding:0 clamp(22px,5vw,80px);display:flex}.quiet-brand{letter-spacing:-1px;color:var(--quiet-ink);align-items:baseline;padding:0;font:800 22px Manrope,sans-serif;display:flex}.quiet-brand>span:first-child{color:#8c7daf;align-self:center;margin-right:9px;font-size:28px;font-weight:400}.quiet-brand .brand-period{color:#8c7daf}.quiet-header nav{gap:26px;margin-left:10px;display:flex}.quiet-header nav button{color:#aaa69e;padding:10px 0;font-size:12px;transition:color .18s}.quiet-header nav button:hover,.quiet-header nav button.active{color:var(--quiet-ink)}.quiet-header nav button.active:after{content:"";background:var(--quiet-accent);border-radius:50%;width:3px;height:3px;margin:4px auto -7px;display:block}.quiet-header-tools{color:#9e9b94;align-items:center;gap:23px;margin-left:auto;display:flex}.quiet-header-tools>button{place-items:center;padding:5px;display:grid}.local-indicator{letter-spacing:1.2px;color:#b1ada4;align-items:center;gap:6px;font:600 8px Manrope;display:flex}.local-indicator i{background:#a6b59e;border-radius:50%;width:4px;height:4px}.quiet-main{width:100%;max-width:1480px;margin:0 auto}.quiet-home{max-width:940px;margin:0 auto;padding:clamp(45px,8vh,86px) 30px 26px}.home-kicker{letter-spacing:1.65px;color:#a7a297;font:600 9px Manrope,sans-serif}.home-intro h1{letter-spacing:.05em;color:#44433e;margin:20px 0 12px;font:400 clamp(38px,4.2vw,55px)/1.4 Zhibi,Noto Sans SC,serif}.home-intro h1 span{color:#a79cba}.home-intro p{color:#a6a097;letter-spacing:.05em;font-size:12px}.home-start{background:#7c718f;gap:32px;margin:27px 13px 0 0;padding:12px 18px;font-size:11px;box-shadow:0 3px #5f566e}.home-start:hover{box-shadow:0 5px #5f566e}.home-start-hint{color:#b9b3a8;font-size:10px}.quiet-courses{margin-top:clamp(40px,7vh,70px)}.quiet-courses>.home-kicker{letter-spacing:.08em;margin-bottom:12px;font-family:Noto Sans SC,sans-serif;font-weight:400;display:block}.quiet-course{text-align:left;align-items:center;gap:23px;width:100%;padding:22px 3px;transition:background .2s,padding .2s;display:flex}.quiet-course:hover{background:#eeeae136;padding-left:12px}.course-glyph{color:#9181ae;text-align:center;flex:none;width:40px;font:400 28px Georgia,Noto Sans SC,serif}.course-vocab .course-glyph{color:#ba9b80;letter-spacing:-2px;font-family:Manrope;font-size:23px}.course-sentence .course-glyph{color:#91a89b;height:40px;font-size:46px;line-height:1.2}.course-info{flex:1}.course-info b{letter-spacing:.03em;font-size:13px;font-weight:500;display:block}.course-info small{color:#a8a298;margin-top:6px;font-size:10px;display:block}.course-tag{color:#b4aea4;letter-spacing:.03em;font-size:10px}.quiet-course>svg{color:#b8b1a4;margin-left:12px}.quiet-home-footer{color:#b9b3a8;justify-content:space-between;margin-top:29px;font-size:9px;display:flex}.quiet-home-footer>span:last-child{letter-spacing:1px;font:500 8px Manrope}.quiet-main>.content{max-width:1100px;padding-top:40px}.quiet-app .panel{box-shadow:none;border-color:var(--quiet-line);background:var(--quiet-surface)}.quiet-app .page-heading h1{color:var(--quiet-ink);font-size:34px}.quiet-app .settings-grid .controls,.quiet-app .library-list{border-radius:10px}.flow-practice{max-width:1120px;margin:0 auto;padding:10px 34px 16px}.flow-toolbar{align-items:center;gap:28px;height:52px;display:flex}.flow-modes{align-items:center;gap:20px;display:flex}.flow-modes button{color:#b0aa9f;padding:8px 0;font-size:11px}.flow-modes button.active{color:#746384}.flow-context{color:#d6d0c5;align-items:center;gap:12px;display:flex}.flow-context select{appearance:none;color:#a09a90;cursor:pointer;outline-offset:5px;background:0 0;border:0;max-width:95px;padding:6px 2px;font-size:10px}.flow-context select option{background:var(--quiet-surface);color:var(--quiet-ink)}.flow-tools{color:#a29b91;align-items:center;gap:19px;margin-left:auto;display:flex}.flow-tools button{color:inherit;align-items:center;gap:7px;padding:6px 0;font-size:10px;display:flex}.toolbar-caption{color:#aaa49b;font-size:10px}.flow-stage{isolation:isolate;flex-direction:column;height:calc(100svh - 218px);min-height:390px;max-height:850px;padding-top:20px;display:flex;position:relative}.flow-session{letter-spacing:.04em;color:#b4aea3;flex:none;justify-content:space-between;align-items:center;font-size:9px;display:flex}.flow-session>span:first-child{align-items:center;gap:7px;display:flex}.flow-session i{background:#a7b69e;border-radius:50%;width:4px;height:4px}.flow-session b{color:#8d877e;font:500 11px Manrope}.session-separator{color:#d1cbbf;margin:0 10px}.question-composition{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-height:130px;padding:20px 20px 22px;animation:.32s cubic-bezier(.2,.8,.2,1) both question-in;display:flex}.question-overline{letter-spacing:2px;color:#c1b9ab;margin-bottom:18px;font:500 8px Manrope}h1.flow-question{letter-spacing:.1em;color:#44443f;text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0;font:500 clamp(54px,6.5vw,86px)/1.3 Noto Sans SC,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}h1.flow-question.long-question{letter-spacing:.015em;max-width:900px;font-size:clamp(23px,3.8vw,44px);line-height:1.6}.question-meaning{color:#b4ab9d;letter-spacing:.08em;text-align:center;min-height:22px;margin-top:14px;font-size:11px}.answer-area{perspective:650px;flex:none;align-self:center;width:min(100%,320px);margin:5px 0 0}.sentence-stage .answer-area{width:min(100%,550px)}.keybed{height:65px;box-shadow:0 5px 0 var(--key-edge), 0 12px 25px #2f25400a;transform-style:preserve-3d;background:linear-gradient(#fffefa,#faf9f5);border:1px solid #dfdacf;border-radius:11px;transition:border-color .16s,background .16s;position:relative}.keybed.is-focused{border-color:#c1b5d4}.keybed.is-error{background:#fff9f6;border-color:#dcb2a5}.keybed.is-complete{background:#f7fbf6;border-color:#aabdac}.keybed input{border-radius:inherit;text-align:center;color:#0000;caret-color:#9784b4;letter-spacing:.035em;width:100%;height:100%;box-shadow:none;background:0 0;border:0;padding:0 28px;font:500 26px/1 Manrope,Noto Sans SC,sans-serif;position:absolute;inset:0;outline:none!important}.keybed input::selection{color:#0000;background:#ded4eb80}.keybed.is-composing input{color:var(--quiet-ink)}.keybed.is-composing .answer-mirror{visibility:hidden}.answer-mirror{pointer-events:none;color:#827091;letter-spacing:.035em;white-space:pre;border-radius:inherit;justify-content:center;align-items:center;padding:0 28px;font:500 26px/1 Manrope,Noto Sans SC,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}.answer-mirror>span:first-child{min-width:0;overflow:hidden}.answer-impact{transform-origin:bottom;animation:character-impact var(--stroke-duration) cubic-bezier(.2, .8, .3, 1);flex:none;display:inline-block}.answer-placeholder{pointer-events:none;color:#c4bbad;letter-spacing:.08em;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.answer-enter{pointer-events:none;color:#c8c0b3;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.is-complete .answer-enter{color:#94b69e}.answer-status{text-align:center;color:#baafa0;white-space:normal;min-height:31px;padding-top:13px;font-size:10px;line-height:1.5}.live-metrics{color:#c3bbad;justify-content:center;align-items:center;gap:25px;margin-top:5px;font-size:9px;display:flex}.live-metrics b{color:#a59d90;margin-left:5px;font:500 10px Manrope}.live-metrics small{font-size:7px;font-weight:400}.question-actions{color:#b0a79b;flex:1;justify-content:center;align-items:flex-start;gap:18px;min-height:65px;padding:22px 0 15px;font-size:10px;display:flex}.question-actions button{color:inherit;align-items:center;gap:6px;padding:5px;font-size:10px;display:flex}.question-actions button:hover{color:#827091}.reading-reveal{letter-spacing:1px;text-align:center;color:#9481ac;opacity:0;min-width:55px;padding:5px 0;font:500 11px Manrope;transition:opacity .15s}.reading-reveal.visible{opacity:1}.flow-footer{color:#bcb3a5;flex:none;justify-content:space-between;align-items:center;gap:15px;padding:16px 0 0;font-size:9px;display:flex}.flow-footer>span:first-child{align-items:center;gap:7px;display:flex}.flow-footer kbd{color:#b4a99a;font:400 8px Manrope}.flow-footer>button{color:#b7ad9f;align-items:center;gap:6px;font-size:9px;display:flex}.auto-next label{align-items:center;gap:6px;display:flex}.auto-next input{accent-color:#a092af;width:10px;height:10px;margin:0}.practice-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:15px;display:flex}.practice-empty h2{font:400 30px Zhibi,Noto Sans SC,serif}.practice-empty p{font-size:11px}.practice-dialog{border:0;border-left:1px solid var(--quiet-line);background:var(--quiet-surface);width:min(420px,100vw);max-width:100vw;height:100svh;max-height:100svh;color:var(--quiet-ink);margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:hidden;box-shadow:-20px 0 80px #2920220d}.practice-dialog[open]{flex-direction:column;animation:.25s cubic-bezier(.2,.8,.2,1) drawer-in;display:flex}.practice-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#41392f25}.drawer-heading{justify-content:space-between;align-items:center;padding:30px 26px 22px;display:flex}.drawer-heading h2{margin-top:7px;font:400 28px Zhibi,Noto Sans SC,serif}.drawer-heading button{color:#aaa194;padding:5px}.drawer-body{flex:1;padding:2px 26px 25px;overflow:auto}.drawer-body label{color:#938779;font-size:11px}.drawer-body .help{color:#b9ae9f;margin-bottom:14px;font-size:10px}.drawer-body select,.drawer-body textarea{border-color:var(--quiet-line);background:var(--quiet-bg);color:var(--quiet-ink);font-size:11px}.drawer-body .segmented{background:#efebe3}.drawer-body .segmented button.on{color:#8c789f;background:var(--quiet-surface)}.kana-range{gap:6px;display:grid}.kana-range-row{flex-wrap:wrap;gap:5px;display:flex}.kana-range-row button{border:1px solid var(--quiet-line);color:#c8c0b3;border-radius:5px;min-width:33px;height:31px;font-size:12px}.kana-range-row button.on{color:#9681a8;background:#ede7f1;border-color:#e4daee}.kana-range-row button.row-toggle{color:#b7a7bf;border:0;place-items:center;width:16px;min-width:16px;padding:0;display:grid}.row-toggle>span{border:1px solid #ded7cc;border-radius:2px;width:9px;height:9px}.drawer-coverage{margin-top:25px;padding-top:20px}.drawer-coverage h3{font-size:12px}.drawer-coverage h3 span{float:right;color:#9c8aa9;font:500 11px Manrope}.drawer-footer{color:#b5ab9d;justify-content:space-between;align-items:center;padding:19px 26px;font-size:10px;display:flex}.drawer-footer .primary{background:#8e7c9f;padding:10px 15px;font-size:11px;box-shadow:0 3px #6c5e7b}@keyframes character-impact{0%,20%{transform:translateY(3px) scale(1.08, var(--stroke-scale,.8));text-shadow:0 1px 1px #72607715}60%{transform:translateY(var(--stroke-bounce,-4px)) scale(.97, 1.15)}80%{transform:translateY(1px)scale(1.015,.98)}to{transform:none}}@keyframes question-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.quiet-app[data-motion=off] *,.quiet-app[data-motion=off] :before,.quiet-app[data-motion=off] :after{transition:none!important;animation:none!important}html[data-theme=dark]{--quiet-bg:#1f2021;--quiet-ink:#dedbd4;--quiet-muted:#a39b90;--quiet-line:#353431;--key-edge:#111312;--quiet-surface:#252627}html[data-theme=dark] .keybed{background:linear-gradient(#2c2d2d,#272827);border-color:#454140}html[data-theme=dark] .keybed.is-focused{border-color:#79688a}html[data-theme=dark] .keybed.is-error{background:#342a28;border-color:#906c60}html[data-theme=dark] .keybed.is-complete{background:#29312b;border-color:#657c64}html[data-theme=dark] .flow-question,html[data-theme=dark] .home-intro h1{color:#d3d0c8}html[data-theme=dark] .drawer-body .segmented{background:#34302f}html[data-theme=dark] .kana-range-row button.on{background:#3b3443;border-color:#51435b}@media (width<=760px){.quiet-header{gap:20px;height:65px;padding:0 21px}.quiet-header nav{gap:18px;margin:0}.quiet-header-tools{gap:13px}.local-indicator{display:none}.quiet-brand{font-size:19px}.quiet-brand>span:first-child{margin-right:6px;font-size:24px}.quiet-home{padding:40px 25px 25px}.home-start-hint{margin-top:16px;display:block}.home-intro h1{font-size:40px}.quiet-courses{margin-top:40px}.course-tag{display:none}.course-glyph{width:28px}.quiet-course{gap:18px;padding:20px 0}.quiet-home-footer{gap:15px;line-height:1.7}.quiet-home-footer>span:last-child{text-align:right;max-width:100px;line-height:1.8}.flow-practice{padding:4px 22px 12px}.flow-toolbar{flex-wrap:wrap;gap:17px;height:52px}.flow-modes{gap:16px}.flow-context{gap:7px}.flow-tools{gap:15px}.practice-options span,.toolbar-caption{display:none}.flow-stage{height:calc(100svh - 191px);min-height:360px;padding-top:18px}.question-composition{min-height:135px;padding:15px 0 24px}.question-overline{letter-spacing:1.3px;margin-bottom:15px;font-size:7px}h1.flow-question{letter-spacing:.05em;font-size:clamp(35px,10vw,64px)}h1.flow-question.long-question{font-size:clamp(23px,5vw,35px)}.question-meaning{margin-top:12px}.answer-area{width:min(100%,290px)}.keybed{height:63px}.question-actions{gap:12px;min-height:65px;padding-top:18px}.flow-footer{gap:8px;padding-top:15px;font-size:8px}.flow-footer>button{font-size:8px}.quiet-main>.content{padding:30px 22px}.quiet-header-tools>button{padding:0}.drawer-heading{padding-top:24px}}@media (width<=390px){.quiet-header{gap:16px;padding:0 17px}.quiet-header nav{gap:13px}.quiet-header-tools{gap:10px}.quiet-brand{font-size:17px}.flow-practice{padding-left:17px;padding-right:17px}.flow-toolbar{gap:10px}.flow-modes{gap:13px}.flow-tools{gap:11px}.flow-context select{max-width:70px;font-size:9px}}@media (height<=680px) and (width>=761px){.quiet-header{height:60px}.flow-stage{height:calc(100svh - 188px);min-height:325px}.question-composition{padding:10px 0 18px}.question-overline{margin-bottom:10px}h1.flow-question{font-size:60px}.question-meaning{margin-top:8px}.question-actions{min-height:50px;padding:12px 0}}@media (prefers-reduced-motion:reduce){.quiet-app *,.quiet-app :before,.quiet-app :after{transition:none!important;animation:none!important}}.flow-modes button{color:#979084}.flow-context select{color:#8d857a}.flow-tools{color:#948b7e}.flow-session{color:#a79c8c}.question-meaning{color:#a09483}.question-overline{color:#aaa08f}.flow-footer,.flow-footer>button{color:#a69a89}.question-actions{color:#9c907e}.answer-placeholder{color:#ada08d}.live-metrics{color:#aa9e8b}.live-metrics b{color:#948874}.range-label{color:#938779;justify-content:space-between;align-items:center;margin:18px 0 8px;font-size:11px;font-weight:700;display:flex}.range-label .inline-link{float:none}.quiet-app h2,.quiet-app h3,.quiet-app .section-heading h2,.quiet-app .drawer-heading h2,.quiet-app .practice-empty h2{letter-spacing:0;font-family:DM Sans,Noto Sans SC,sans-serif;font-weight:600}.quiet-app .drawer-heading h2{margin:0;font-size:18px}.quiet-app .practice-empty h2{font-size:20px}.question-font-picker{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.question-font-picker button{border:1px solid var(--quiet-line);color:#a79b8b;background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:7px;padding:12px 5px 10px;font-size:10px;transition:border-color .15s,background .15s;display:flex}.question-font-picker button.selected{color:#8d749c;background:#b7a4c50d;border-color:#b7a4c5}.question-font-picker .font-preview{color:var(--quiet-ink);font-size:30px;line-height:1.3}.font-sans,[data-question-font=sans]{--practice-font:"Noto Sans SC", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--practice-weight:500}.font-serif,[data-question-font=serif]{--practice-font:"Noto Serif JP", "Noto Serif SC", "Yu Mincho", "Hiragino Mincho ProN", "Songti SC", "SimSun", serif;--practice-weight:400}.font-hand,[data-question-font=hand]{--practice-font:"Klee One", "Kaiti SC", "STKaiti", "KaiTi", "Hiragino Kaku Gothic ProN", sans-serif;--practice-weight:400}.font-preview,.flow-practice .flow-question,.question-meaning,.keybed input,.answer-mirror,.answer-placeholder,.reading-reveal{font-family:var(--practice-font);font-weight:var(--practice-weight)}.keybed input,.answer-mirror{line-height:1}.answer-area{perspective:500px}.keybed{box-shadow:0 7px 0 var(--key-edge), 0 17px 30px #2f254014;transform-origin:50% 80%;isolation:isolate;backface-visibility:hidden}.keybed:before{content:"";pointer-events:none;opacity:calc(.18 + var(--key-pressure,0) * .45);z-index:-1;background:linear-gradient(160deg,#fff8,#0000 55%,#594a7420);border-radius:9px;position:absolute;inset:1px}.keybed:after{content:"";pointer-events:none;opacity:0;border:1px solid #b7c7af;border-radius:14px;position:absolute;inset:-3px}.keybed.is-complete:after{animation:.38s cubic-bezier(.2,.8,.3,1) both key-complete-ring}@keyframes key-complete-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.09,1.27)}}.question-composition{padding-top:12px}.flow-stage{height:calc(100svh - 178px);max-height:900px}@media (width<=760px){.flow-stage{height:calc(100svh - 147px)}.quiet-app .drawer-heading h2{font-size:18px}}@media (height<=680px) and (width>=761px){.flow-stage{height:calc(100svh - 162px)}}.word-library{max-width:1180px;margin:0 auto;padding:36px 34px 45px}.library-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.library-heading h1{letter-spacing:.03em;margin:0;font:400 38px Zhibi,Noto Sans SC,sans-serif}.library-heading>div{gap:10px;display:flex}.library-heading .outline{border-color:var(--quiet-line);color:#928575;background:0 0;gap:7px;padding:9px 12px;font-size:11px}.language-shelves{gap:32px;margin-bottom:28px;display:flex}.language-shelves button{color:#b2a99b;text-align:left;align-items:center;gap:12px;padding:0 0 18px;font-size:12px;display:flex;position:relative}.language-shelves .language-mark{color:#b4ab9d;text-align:center;min-width:28px;font:500 24px/1.2 Manrope,Noto Sans SC,sans-serif}.language-shelves small{color:#bdb3a5;margin-top:4px;font:400 9px Manrope,Noto Sans SC,sans-serif;display:block}.language-shelves button.selected{color:var(--quiet-ink)}.language-shelves button.selected .language-mark{color:#9a87aa}.language-shelves button.selected:after{content:"";background:#a58db6;border-radius:3px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.word-library-layout{grid-template-columns:198px minmax(0,1fr);align-items:start;gap:31px;display:grid}.list-sidebar{padding:3px 0;position:sticky;top:20px}.list-group{margin-bottom:24px}.list-group-title{color:#b5a999;letter-spacing:.04em;margin:0 11px 10px;font-size:10px}.list-group>button{color:#a29888;text-align:left;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:39px;margin-bottom:3px;padding:8px 10px;font-size:11px;display:flex}.list-group>button small{color:#b8ad9d;margin-left:auto;font:400 9px Manrope}.list-group>button span{flex:1}.list-group>button.active{color:#897094;background:#a58db60e}.list-group>button.active small{color:#a992b7}.list-group>button:hover{background:#a58db60b}.list-group .add-list{color:#b6a99a}.list-content{min-width:0}.list-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.list-heading h2{color:var(--quiet-ink);margin:8px 0;font:600 23px/1.4 DM Sans,Noto Sans SC,sans-serif}.list-breadcrumb{color:#b6aa99;gap:9px;font-size:9px;display:flex}.list-breadcrumb span{color:#d5ccbe}.list-facts{color:#ac9f8d;gap:14px;font-size:9px;display:flex}.list-facts>span+span{position:relative}.list-facts>span+span:before{content:none;color:#c6bcad;position:absolute;left:-9px}.list-heading-actions{align-items:center;gap:12px;display:flex}.list-heading-actions .primary{background:#897594;gap:22px;padding:10px 14px;font-size:10px;box-shadow:0 3px #695a72}.primary:disabled{opacity:.45;cursor:default;transform:none}.list-menu{position:relative}.list-menu>.icon-button{color:#ab9c88;padding:7px}.list-menu-items{background:var(--quiet-surface);border:1px solid var(--quiet-line);z-index:5;border-radius:8px;min-width:140px;padding:5px;position:absolute;top:33px;right:0;box-shadow:0 10px 30px #27202110}.list-menu-items button{text-align:left;color:#9f927f;border-radius:5px;align-items:center;gap:9px;width:100%;padding:10px;font-size:10px;display:flex}.list-menu-items button:hover{background:#a58db60d}.list-menu-items .danger{color:#ba8e80}.list-description{color:#b0a491;margin-top:12px;font-size:10px}.list-attribution{color:#b2a48f;margin-top:14px;font-size:10px}.list-attribution summary{cursor:pointer;color:#b4a48f;width:fit-content;font-size:9px;list-style-position:inside}.list-attribution[open]{border:1px solid var(--quiet-line);border-radius:7px;padding:12px 14px}.list-attribution[open] summary{margin-bottom:12px}.list-attribution>div{margin:8px 0}.list-attribution a{color:#a18aaa;align-items:center;gap:5px;font-size:9px;text-decoration:none;display:inline-flex}.list-attribution a.license{border:1px solid var(--quiet-line);color:#ab9a83;border-radius:4px;margin-left:9px;padding:2px 5px;font-size:8px}.list-attribution p{color:#b3a48e;margin-top:5px;font-size:9px;line-height:1.7}.list-learning{color:#b2a58f;align-items:center;gap:13px;margin:24px 0 23px;font-size:9px;display:flex}.list-learning>div{background:var(--quiet-line);border-radius:3px;flex:1;max-width:270px;height:3px;overflow:hidden}.list-learning>div i{background:#b4a2bf;border-radius:3px;height:100%;display:block}.list-learning b{color:#9c8a72;font-weight:500}.word-table-toolbar{align-items:center;gap:12px;padding:13px 0;display:flex}.word-search{color:#bbae98;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.word-search input{width:100%;color:var(--quiet-ink);background:0 0;border:0;outline:none;padding:5px 0;font-size:11px}.word-table-toolbar select{appearance:none;color:#a89a84;cursor:pointer;background:0 0;border:0;max-width:90px;padding:6px 5px;font-size:10px}.word-table-toolbar select option{background:var(--quiet-surface);color:var(--quiet-ink)}.word-table-toolbar .outline{color:#a08b74;border-color:var(--quiet-line);background:0 0;gap:5px;padding:7px 9px;font-size:10px}.word-table-wrap{width:100%;overflow-x:auto}.word-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.word-table th{color:#bdaf9a;padding:13px 8px 12px 0;font-size:9px;font-weight:400}.word-table th:first-child{width:30%}.word-table th:nth-child(2){width:46%}.word-table th:nth-child(3){width:14%}.word-table th:nth-child(4){width:10%}.word-table td{vertical-align:middle;color:#a0937f;overflow-wrap:anywhere;padding:14px 12px 14px 0;font-size:11px;line-height:1.7}.word-table td:last-child{padding-right:0}.entry-word{color:var(--quiet-ink);font:500 15px/1.4 DM Sans,Noto Sans SC,sans-serif;display:block}.word-table small{color:#b3a28b;margin-top:5px;font-size:10px;display:block}.word-table small.phonetic{color:#bcaf9d;font:400 9px/1.5 system-ui,sans-serif}.word-grammar{color:#bca98e;margin-top:4px;font:400 8px/1.5 Manrope;display:inline-block}.word-actions{justify-content:flex-end;gap:8px;display:flex}.word-actions button{color:#c0b19c;padding:4px 0}.word-actions button:hover{color:#a087ac}.learning-status{color:#baae9a;font-size:8px}.learning-status.status-learning{color:#aa98b6}.learning-status.status-familiar{color:#93a591}.learning-status.status-weak{color:#c29a7e}.no-meaning{color:#c9bead}.word-pagination{color:#b6a791;justify-content:space-between;align-items:center;padding:17px 0;font:400 9px Manrope;display:flex}.word-pagination>div{align-items:center;gap:12px;display:flex}.word-pagination button{color:#a78f70;place-items:center;padding:4px;display:grid}.word-pagination button:disabled{opacity:.3;cursor:default}.library-empty{text-align:center;color:#b6a791;padding:58px 20px;font-size:12px}.library-empty button{color:#9b84a7;justify-content:center;align-items:center;gap:7px;margin:18px auto 0;font-size:10px;display:flex}.library-notice{z-index:12;border:1px solid var(--quiet-line);background:var(--quiet-surface);color:#9d8b74;border-radius:9px;align-items:center;gap:16px;max-width:calc(100vw - 30px);padding:13px 17px;font-size:10px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #372b1810}.library-notice button{color:#a58db6;align-items:center;display:flex}.library-dialog{border:1px solid var(--quiet-line);width:min(530px,100vw - 30px);max-height:88svh;color:var(--quiet-ink);background:var(--quiet-surface);border-radius:13px;padding:0;box-shadow:0 20px 80px #33261c15}.library-dialog[open]{flex-direction:column;display:flex}.library-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#41392f25}.library-dialog-heading{justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.library-dialog-heading h2{font:600 17px DM Sans,Noto Sans SC,sans-serif}.library-dialog-heading button{color:#b6a58c;padding:3px;display:flex}.library-dialog-body{flex:1;padding:5px 25px 22px;overflow:auto}.library-dialog-body.controls label{color:#aa9880;font-size:10px}.library-dialog-body.controls .field,.library-dialog-body.controls select,.library-dialog-body.controls textarea{background:var(--quiet-bg);border-color:var(--quiet-line);color:var(--quiet-ink);font-size:11px}.library-dialog-body.controls .file-button{font-size:11px}.library-dialog-body .help{color:#bbac96;font-size:9px}.library-dialog-footer{justify-content:flex-end;gap:10px;padding:18px 25px;display:flex}.library-dialog-footer .outline{border-color:var(--quiet-line);color:#aa9679;background:0 0;padding:9px 13px;font-size:10px}.library-dialog-footer .primary{background:#96809e;padding:9px 16px;font-size:10px;box-shadow:0 3px #725f7b}.library-dialog-footer .destructive{background:#bc917f;box-shadow:0 3px #916b5c}.form-error{color:#bd8c7a;margin-top:13px;font-size:10px}.import-preview{margin-top:18px;padding-top:15px}.import-preview h3{color:#a79379;margin-bottom:10px!important;font-size:11px!important}.import-preview>div{color:#b4a186;grid-template-columns:1fr 1.5fr 1fr;gap:10px;padding:8px 0;font-size:10px;display:grid}.import-preview b{color:var(--quiet-ink);overflow-wrap:anywhere;font-weight:500}.import-preview small{overflow-wrap:anywhere;font-size:9px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.settings-pane-tabs{gap:24px;padding:0 26px;display:flex}.settings-pane-tabs button{color:#b5a58f;border-bottom:2px solid #0000;padding:13px 0;font-size:11px}.settings-pane-tabs button.active{color:#96809e;border-color:#ac93b6}.preference-controls.controls{padding:0}.dataset-license-link{color:#aa93b2;margin-top:23px;font-size:10px;text-decoration:none;display:block}.storage-notice{color:#bf8c7c;margin:20px;font-size:11px}@media (width<=800px){.word-library{padding:25px 22px}.word-library-layout{grid-template-columns:158px minmax(0,1fr);gap:20px}.list-group>button{gap:6px;padding:8px 7px;font-size:10px}.list-group>button>svg{display:none}.list-group>button small{font-size:8px}.list-heading h2{font-size:20px}.list-heading-actions .primary{gap:9px;font-size:9px}.word-table th:first-child{width:30%}.word-table th:nth-child(2){width:44%}.word-table th:nth-child(3),.word-table th:nth-child(4){width:13%}.word-table td{padding-right:8px;font-size:10px}.entry-word{font-size:14px}.word-actions{gap:8px}.list-learning>div{max-width:160px}}@media (width<=600px){.word-library{padding:25px 20px}.library-heading{margin-bottom:25px}.library-heading h1{font-size:32px}.library-heading>div{gap:8px}.library-heading .outline{padding:8px 9px;font-size:10px}.language-shelves{gap:29px;margin-bottom:20px}.language-shelves button{gap:8px;padding-bottom:15px;font-size:11px}.language-shelves .language-mark{min-width:20px;font-size:22px}.language-shelves small{font-size:8px}.word-library-layout{display:block}.list-sidebar{scrollbar-width:thin;gap:10px;margin:0 -20px 26px;padding:0 20px 12px;display:flex;position:static;overflow-x:auto}.list-group{align-items:center;gap:6px;margin:0;display:flex}.list-group-title{display:none}.list-group>button{white-space:nowrap;border:1px solid var(--quiet-line);gap:7px;width:auto;min-height:33px;margin:0;padding:7px 9px;font-size:10px}.list-group>button.active{border-color:#cab4d3}.list-group .add-list{padding:7px 9px}.list-heading{gap:9px}.list-heading h2{font-size:20px}.list-facts{gap:13px;font-size:8px}.list-heading-actions{gap:8px}.list-heading-actions .primary{gap:8px;padding:9px 10px;font-size:9px}.list-breadcrumb{font-size:8px}.list-learning{gap:10px;margin:22px 0 18px;font-size:8px}.word-table-toolbar{gap:7px}.word-table-toolbar .outline{padding:6px;font-size:9px}.word-table-toolbar .outline span{display:none}.word-table-toolbar select{max-width:70px;font-size:9px}.word-search{gap:5px}.word-search input{font-size:10px}.word-table td{padding:12px 9px 12px 0;font-size:10px;line-height:1.7}.word-table th:first-child{width:31%}.word-table th:nth-child(2){width:43%}.word-table th:nth-child(3),.word-table th:nth-child(4){width:13%}.word-table small{font-size:9px}.word-table small.phonetic{font-size:8px}.entry-word{font-size:13px}.word-actions{flex-direction:column;align-items:flex-end;gap:6px}.word-actions button{padding:3px 0}.word-actions svg{width:12px;height:12px}.list-attribution a.license{width:fit-content;margin-top:5px;margin-left:0;display:flex}.list-attribution a{font-size:8px}.library-dialog-heading{padding:20px}.library-dialog-body{padding:3px 20px 18px}.library-dialog-footer{padding:16px 20px}}html[data-theme=dark] .list-group>button.active{background:#a58db615}html[data-theme=dark] .list-menu-items{box-shadow:0 10px 30px #0003}html[data-theme=dark] .learning-status.status-familiar{color:#91aa91}.brand-wordmark{perspective:320px;width:144px;height:40px;color:var(--quiet-ink);text-align:left;flex:none;padding:0;display:block;position:relative}.brand-face{white-space:nowrap;pointer-events:none;transform-style:preserve-3d;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.brand-latin{letter-spacing:-1px;font:800 23px/1 Manrope,DM Sans,sans-serif}.brand-han{letter-spacing:.01em;font:400 28px/1.2 Zhibi,Noto Sans SC,sans-serif}.brand-letter{transform-origin:50% 55%;backface-visibility:hidden;transition:color .16s;display:inline-block}.brand-han .brand-letter{opacity:0;transform:rotateX(95deg)}.brand-wordmark[data-home=false] .brand-latin .brand-letter{opacity:0;transform:rotateX(-95deg)}.brand-wordmark[data-home=false] .brand-han .brand-letter{opacity:1;transform:none}.brand-wordmark:hover{color:#80618f}.quiet-header nav button{color:#81786b;font-size:13px}.quiet-header nav button.active{color:var(--quiet-ink)}.quiet-header-tools>button{color:#81786b}.home-layout{--home-secondary:#655f56;--home-tertiary:#7c7162;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(45px,7vw,110px);max-width:1100px;margin:0 auto;padding:clamp(60px,12vh,125px) 40px 65px;display:grid}.home-main{padding-top:17px}.home-main h1{letter-spacing:.025em;color:var(--quiet-ink);white-space:nowrap;margin:0;font:400 clamp(43px,4.4vw,59px)/1.4 Zhibi,Noto Sans SC,sans-serif}.home-continue{background:#7d678c;border-radius:9px;gap:31px;margin-top:27px;padding:13px 19px;font-size:14px;font-weight:600;box-shadow:0 4px #5f4c6b}.home-continue:hover{box-shadow:0 6px #5f4c6b}.home-numbers{gap:38px;margin:52px 0 0;padding:0;display:flex}.home-numbers>div{min-width:92px}.home-numbers dt{color:var(--home-secondary);font-size:13px;line-height:1.6}.home-numbers dd{color:var(--quiet-ink);font-variant-numeric:tabular-nums;margin:7px 0 0;font:600 31px/1.4 Manrope,sans-serif}.home-numbers dd>span{color:var(--home-tertiary);margin-left:7px;font:400 13px Noto Sans SC,sans-serif}.home-paths{flex-direction:column;gap:30px;display:flex}.home-path{--path-color:#79568f;text-align:left;border:0;border-radius:8px;align-items:flex-start;gap:25px;width:100%;padding:10px 0 10px 8px;display:flex;position:relative}.home-path.path-vocab{--path-color:#9a653c}.home-path.path-sentence{--path-color:#4d7a63}.path-letter{color:var(--path-color);text-align:center;flex:none;width:58px;padding-top:3px;font:500 46px/1.15 Noto Serif JP,Noto Sans SC,serif;transition:transform .25s cubic-bezier(.2,.8,.3,1);display:block}.path-vocab .path-letter{letter-spacing:-2px;padding-top:0;font:600 35px/1.5 Manrope,sans-serif}.path-sentence .path-letter{padding-top:3px;font:400 73px/.95 Georgia,serif}.path-copy{flex:1;min-width:0;display:block}.path-name{letter-spacing:.025em;color:var(--quiet-ink);justify-content:space-between;align-items:center;gap:22px;font-size:23px;font-weight:600;line-height:1.4;display:flex}.path-name>svg{color:var(--path-color);opacity:.55;flex:none;transition:transform .25s cubic-bezier(.2,.8,.3,1),opacity .2s}.path-description{color:var(--home-secondary);margin-top:8px;font-size:15px;line-height:1.65;display:block}.path-details{color:var(--home-tertiary);margin-top:3px;font-size:13px;line-height:1.7;display:block}.home-path:hover .path-letter{transform:translateY(-3px)rotate(-3deg)}.home-path:hover .path-name>svg{opacity:1;transform:translate(3px,-3px)}.home-path:active .path-letter{transform:translateY(2px)scale(.94)}.session-summary{align-items:center;gap:27px;display:flex}.session-completed{color:#93846e;white-space:nowrap;font-size:11px}.flow-session .session-completed b{color:#74634c;font-size:12px;font-weight:600}.combo-meter{color:#876195;align-items:baseline;gap:6px;min-width:86px;display:inline-flex}.combo-value{font-variant-numeric:tabular-nums;text-align:right;transform-origin:50% 80%;min-width:24px;animation:combo-pop var(--combo-duration,.34s) cubic-bezier(.18, .85, .3, 1);font:700 24px/1.2 Manrope,sans-serif;display:inline-block}.combo-label{letter-spacing:.02em;font:500 11px/1 Manrope,sans-serif}.combo-warm{color:#ac743e}.combo-hot{color:#b05c56}.combo-empty{color:#a49786}.combo-empty .combo-value{font-weight:500;animation:none}.range-actions{gap:14px;display:flex}.range-actions button{color:#967b9f;padding:3px 0;font-size:10px;font-weight:400}.flow-footer>span:first-child{gap:20px}.flow-footer>span:first-child>span{align-items:center;gap:6px;display:inline-flex}.word-table tbody tr:nth-child(2n){background:#8b745604}.word-table tbody tr:hover{background:#9d80b007}.word-table td{padding-top:15px;padding-bottom:15px}.word-table th{padding-bottom:16px}.list-facts>span+span:before{content:none}.list-facts{gap:15px}.list-learning{margin-top:20px}.drawer-heading{padding-bottom:18px}.drawer-footer{padding-top:15px}.drawer-coverage{padding-top:12px}.history-row{padding-top:14px;padding-bottom:14px}@keyframes combo-pop{0%{transform:translateY(2px)scale(.68)}42%{transform:translateY(-3px)scale(1.22)}68%{transform:translateY(1px)scale(.96)}86%{transform:translateY(-1px)scale(1.035)}to{transform:none}}html[data-theme=dark] .home-layout{--home-secondary:#c1b7aa;--home-tertiary:#a89c8c}html[data-theme=dark] .path-kana{--path-color:#bda0cd}html[data-theme=dark] .path-vocab{--path-color:#d3a57b}html[data-theme=dark] .path-sentence{--path-color:#91b49c}html[data-theme=dark] .quiet-header nav button,html[data-theme=dark] .quiet-header-tools>button{color:#b5a897}html[data-theme=dark] .quiet-header nav button.active{color:var(--quiet-ink)}html[data-theme=dark] .session-completed{color:#b1a48f}html[data-theme=dark] .flow-session .session-completed b{color:#d3c2a7}html[data-theme=dark] .combo-meter{color:#bca0c8}html[data-theme=dark] .combo-warm{color:#d5aa72}html[data-theme=dark] .combo-hot{color:#df9a91}html[data-theme=dark] .combo-empty{color:#9d927f}@media (width<=900px){.home-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:38px;padding-left:30px;padding-right:30px}.home-main h1{font-size:44px}.home-path{gap:16px;padding-left:0}.path-letter{width:46px;font-size:40px}.path-vocab .path-letter{font-size:29px}.path-sentence .path-letter{font-size:62px}.path-name{font-size:22px}.path-description{font-size:14px}}@media (width<=640px){.home-layout{max-width:500px;padding:34px 25px 40px;display:block}.home-main{grid-template-columns:1fr auto;align-items:start;padding-top:0;display:grid}.home-main h1{grid-column:1/-1;font-size:45px}.home-continue{grid-column:1;justify-self:start;gap:24px;margin-top:20px;padding:12px 16px;font-size:13px}.home-numbers{grid-column:1/-1;gap:35px;margin-top:29px}.home-numbers dt{font-size:13px}.home-numbers dd{margin-top:3px;font-size:28px}.home-numbers>div{min-width:90px}.home-paths{gap:24px;margin-top:39px}.home-path{gap:21px;padding:3px 0 4px}.path-letter{width:46px;font-size:40px}.path-vocab .path-letter{font-size:30px}.path-sentence .path-letter{font-size:62px}.path-name{font-size:22px}.path-description{margin-top:5px;font-size:14px}.path-details{margin-top:0;font-size:13px}.path-name>svg{width:18px;height:18px;margin-right:6px}.brand-wordmark{width:136px;height:38px}.brand-latin{font-size:21px}.brand-han{font-size:26px}.session-summary{gap:18px}.combo-value{font-size:22px}.combo-label{font-size:10px}.combo-meter{min-width:78px}.session-completed{font-size:10px}}@media (prefers-reduced-motion:reduce){.brand-letter{will-change:auto}}:root{--reading-text:#6d6254;--reading-muted:#8c7c65}.word-table td{color:var(--reading-text);font-size:13px}.word-table th{color:var(--reading-muted);font-size:11px}.entry-word{font-size:16px}.word-table small{color:var(--reading-muted);font-size:11px}.list-group>button{color:var(--reading-text);font-size:12px}.list-facts{color:var(--reading-muted);font-size:11px}.list-breadcrumb{color:var(--reading-muted);font-size:10px}.word-search input{font-size:12px}.word-search input::placeholder{color:var(--reading-muted)}.word-pagination{color:var(--reading-muted);font-size:10px}.learning-status{font-size:10px}.flow-modes button{font-size:12px}.flow-tools button{font-size:11px}.question-meaning{color:var(--reading-text);font-size:14px}.question-actions,.question-actions button{font-size:11px}.flow-footer,.flow-footer>button{font-size:10px}.quiet-app .controls label{color:var(--reading-text);font-size:12px}.quiet-app .controls select,.quiet-app .controls textarea,.quiet-app .controls .field{font-size:12px}html[data-theme=dark]{--reading-text:#c9bdab;--reading-muted:#a99981}@media (width<=600px){.word-table td{font-size:12px}.entry-word{font-size:14px}.word-table th{font-size:10px}.list-group>button{font-size:11px}.list-facts{font-size:10px}.word-pagination{font-size:9px}.question-meaning{font-size:13px}.flow-footer,.flow-footer>button{font-size:9px}}:root{--control-face:#fffdf8;--control-edge:#d9d0c2;--control-border:#e2d8ca;--control-trough:#ede7dc;--control-accent:#896b9b;--control-quiet:#a18b7310}.tactile{--control-press:0;--control-lift:0px;--control-depth:0px;touch-action:manipulation;transform-origin:50% 70%;-webkit-tap-highlight-color:transparent;isolation:isolate;transition:background-color .16s,border-color .16s,color .16s;position:relative}.tactile:disabled{cursor:default;opacity:.45;transform:none!important}.tactile:focus-visible{outline-offset:4px;outline:2px solid #ad91c4}.tactile-raised{--control-depth:4px;box-shadow:inset 0 1px 0 #ffffff24, 0 calc(var(--control-depth) - var(--control-depth) * var(--control-press) + var(--control-lift)) 0 var(--control-edge), 0 calc(8px - 5px * var(--control-press)) 17px #47301d0b;background-image:linear-gradient(175deg,#ffffff16,#00000003);border:1px solid #ffffff20}.tactile-raised.primary{--control-edge:#61506e}.tactile.tactile-raised.primary:hover,.tactile.tactile-raised.primary:active{box-shadow:inset 0 1px 0 #ffffff24, 0 calc(var(--control-depth) - var(--control-depth) * var(--control-press) + var(--control-lift)) 0 var(--control-edge), 0 9px 20px #47301d10;transform:none}.tactile-soft{--control-depth:2px;border:1px solid var(--control-border);background-color:var(--control-face);box-shadow:inset 0 1px 0 #fff8, 0 calc(var(--control-depth) - var(--control-depth) * var(--control-press) + var(--control-lift)) 0 var(--control-edge), 0 4px 10px #49311d05;background-image:linear-gradient(175deg,#fff4,#5f482005)}.tactile.tactile-soft.outline{background-color:var(--control-face);border-color:var(--control-border);border-radius:8px}.tactile-soft:hover{border-color:#c5b3cf}.tactile-soft[data-holding=true]{border-color:#c6b3d0}.tactile-choice{box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px}.tactile-choice:hover{background-color:var(--control-quiet)}.tactile-choice[data-selected=true]{--control-depth:2px;background:var(--control-face);border-color:var(--control-border);box-shadow:inset 0 1px 0 #ffffff70, 0 calc(var(--control-depth) - var(--control-depth) * var(--control-press) + var(--control-lift)) 0 var(--control-edge), 0 3px 8px #49311d05}.tactile-choice[data-holding=true]{background-color:#e8dfeb}.tactile-quiet{box-shadow:none;background:0 0;border:0;border-radius:6px}.tactile-quiet:hover{background-color:var(--control-quiet)}.tactile-quiet[data-holding=true]{background-color:#a18b7316;box-shadow:inset 0 1px 2px #49311d12}.quiet-header nav{background:#ece6da66;border-radius:13px;align-items:center;gap:4px;margin-left:0;padding:4px;box-shadow:inset 0 1px 2px #4c34220a}.quiet-header nav .tactile-choice{white-space:nowrap;padding:8px 13px;line-height:20px}.quiet-header nav button.active:after{content:none}.quiet-header nav .tactile-choice[data-selected=true]{color:#765487}.quiet-header-tools .tactile-quiet{border-radius:8px;width:30px;height:30px}.flow-modes{background:#ece6da55;border-radius:10px;gap:4px;padding:3px;box-shadow:inset 0 1px 2px #4c342208}.flow-modes .tactile-choice{padding:6px 13px;line-height:18px}.flow-modes .tactile-choice[data-selected=true]{color:#80618f}.flow-tools .tactile-soft{color:var(--reading-text);border-radius:8px;gap:7px;padding:8px 11px}.settings-pane-tabs{gap:7px;margin:0 0 5px;padding:0 23px}.settings-pane-tabs .tactile-choice{border:1px solid #0000;margin:2px 0 6px;padding:8px 15px;line-height:18px}.settings-pane-tabs .tactile-choice.active{border-color:var(--control-border);color:#896b9b}.language-shelves{gap:16px;margin-left:-10px}.language-shelves .tactile-choice{border-radius:10px;gap:12px;min-width:125px;padding:11px 15px}.language-shelves .tactile-choice.selected:after{content:none}.language-shelves .tactile-choice.selected{color:var(--quiet-ink)}.language-shelves .tactile-choice .language-mark{color:#8f7e65}.language-shelves .tactile-choice.selected .language-mark{color:#9476a6}.language-shelves small{color:var(--reading-muted);font-size:10px}.list-group>.tactile-choice{border:1px solid #0000;border-radius:8px;padding:9px 10px}.list-group>.tactile-choice[data-selected=true]{--control-depth:0px;color:#856092;box-shadow:inset 0 calc(1px + 1px * var(--control-press)) 3px #72577d15, inset 0 -1px 0 #fff7;background:#ece3f1;border-color:#dfd1e5}.list-group>.tactile-choice[data-selected=true] small{color:#aa8bb7}.list-group>.tactile-choice:hover{background-color:#b5a1bd12}.list-group>.tactile-choice[data-selected=true]:hover{background-color:#ece3f1}.library-heading .tactile-soft,.word-table-toolbar .tactile-soft{color:var(--reading-text)}.list-heading-actions .tactile-raised{padding:11px 15px;font-size:11px}.word-actions .tactile-quiet{width:25px;min-height:25px;color:var(--reading-muted);place-items:center;display:grid}.word-actions .tactile-quiet:hover{color:#9871a5;background-color:#a082ad10}.word-pagination .tactile-quiet{width:25px;height:25px}.list-menu-items .tactile-quiet{border-radius:5px}.question-font-picker .tactile-soft{border-radius:9px}.question-font-picker .tactile-soft.selected{background-color:#f8f2fa;border-color:#b89cc5}.segmented{background:var(--control-trough);gap:3px;padding:4px;box-shadow:inset 0 1px 3px #5c403014}.segmented .tactile-choice{box-shadow:none;border:1px solid #0000;border-radius:6px}.segmented .tactile-choice.on{background-color:var(--control-face);border-color:var(--control-border);box-shadow:inset 0 1px 0 #fff8, 0 calc(2px - 2px * var(--control-press) + var(--control-lift)) 0 var(--control-edge);color:#886298}.word-search{background:var(--control-face);border:1px solid #e6dccd;border-radius:8px;padding:5px 10px;transition:border-color .15s;box-shadow:inset 0 2px 3px #674c2410}.word-search:focus-within{border-color:#b8a0c5}.library-dialog .controls .field,.library-dialog .controls textarea,.library-dialog .controls select,.drawer-body.controls>div>select,.drawer-body.controls textarea{background:var(--control-face);border-color:var(--control-border);border-radius:8px;box-shadow:inset 0 2px 3px #674c240c}.tactile-soft.primary.destructive{--control-edge:#ba9585;color:#a17460;box-shadow:inset 0 1px 0 #fff8, 0 calc(2px - 2px * var(--control-press) + var(--control-lift)) 0 #dfc7b9;background-color:#fff8f4;border-color:#e8cebf}html[data-theme=dark]{--control-face:#343333;--control-edge:#171819;--control-border:#4a4245;--control-trough:#242526;--control-quiet:#c0a8d20c}html[data-theme=dark] .tactile-soft{box-shadow:inset 0 1px 0 #ffffff06, 0 calc(var(--control-depth) - var(--control-depth) * var(--control-press) + var(--control-lift)) 0 var(--control-edge);background-image:linear-gradient(175deg,#ffffff06,#00000004)}html[data-theme=dark] .tactile-choice[data-selected=true]{box-shadow:inset 0 1px 0 #ffffff08, 0 calc(var(--control-depth) - var(--control-depth) * var(--control-press) + var(--control-lift)) 0 var(--control-edge)}html[data-theme=dark] .quiet-header nav,html[data-theme=dark] .flow-modes{background:#15171844;box-shadow:inset 0 1px 3px #0002}html[data-theme=dark] .quiet-header nav .tactile-choice[data-selected=true],html[data-theme=dark] .flow-modes .tactile-choice[data-selected=true]{color:#c3a5d1}html[data-theme=dark] .list-group>.tactile-choice[data-selected=true]{color:#c4a2d0;background:#3a3040;border-color:#52425d;box-shadow:inset 0 1px 3px #0002,inset 0 -1px #ffffff04}html[data-theme=dark] .question-font-picker .tactile-soft.selected{background-color:#3a3040;border-color:#796189}html[data-theme=dark] .segmented .tactile-choice.on{color:#c5a7d4}html[data-theme=dark] .word-search{border-color:var(--control-border)}@media (width<=760px){.quiet-header{gap:14px;padding:0 18px}.quiet-header nav{gap:3px;padding:3px}.quiet-header nav .tactile-choice{padding:7px 9px;font-size:12px;line-height:18px}.brand-wordmark{width:136px;height:38px}.brand-han{font-size:26px}.quiet-header-tools .tactile-quiet{width:26px;height:28px}.language-shelves{gap:9px;margin-left:-7px}.language-shelves .tactile-choice{gap:9px;min-width:0;padding:10px 12px}.language-shelves small{font-size:9px}.language-shelves .language-mark{font-size:22px}.flow-modes{gap:3px}.flow-modes .tactile-choice{padding:6px 12px}.word-actions .tactile-quiet{width:23px;min-height:23px}.list-group>.tactile-choice{padding:8px 9px}.word-search{padding:4px 8px}.question-font-picker .tactile-soft{padding:11px 5px 9px}}@media (width<=390px){.quiet-header{gap:11px;padding:0 15px}.brand-wordmark{width:130px}.brand-han{font-size:25px}.quiet-header nav .tactile-choice{padding:6px 7px}.quiet-header-tools .tactile-quiet{width:24px}}@media (width<=350px){.quiet-header{gap:10px;padding:0 14px}.brand-wordmark{width:124px}.brand-han{font-size:24px}.quiet-header nav{gap:2px}.quiet-header nav .tactile-choice{padding:6px;font-size:11px}.quiet-header-tools .tactile-quiet{width:24px}.language-shelves .tactile-choice{padding:9px 8px}}