.dictionary-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,350px);gap:24px;align-items:start}.dictionary-browser>h2{margin-top:0}.dictionary-browser>p{line-height:1.65}.browse-more{margin:24px 0}.jlpt-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #466681;border-radius:6px;padding:3px 7px;color:#cae7ff;background:#152b3d;font-size:11px;white-space:nowrap;vertical-align:middle;margin:4px 6px}.jlpt-badge small{font-size:9px;opacity:.8}.jlpt-n5{color:#a4e6c6;border-color:#356956}.jlpt-n4{color:#a2e2eb;border-color:#396775}.jlpt-n3{color:#b2caff;border-color:#53678f}.jlpt-n2{color:#dbbfff;border-color:#76608f}.jlpt-n1{color:#ffc2cc;border-color:#8c5969}.form-explanations{margin-top:25px;border-top:1px solid #30445b;padding-top:18px}.form-explanations details{background:#111f30;border:1px solid #2e415a;border-radius:9px;padding:13px;margin:10px 0}.form-explanations summary{cursor:pointer;line-height:1.6}.form-explanations summary small{display:block;color:#a4ccec;margin-top:5px}.form-explanations ul{padding-left:20px;line-height:1.7;color:#c3d3e5}.form-explanations li{margin:8px 0}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin:24px 0}.resource-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.jlpt-explanation a{color:#a5d7ff;text-decoration:underline}.introduction{position:fixed;bottom:84px;left:20px;width:min(360px,calc(100vw - 40px));z-index:45;background:#102338;border:1px solid #5287ac;box-shadow:0 16px 60px #0008;border-radius:14px;padding:20px;max-height:65vh;overflow:auto}.introduction h2{font-size:20px;margin:15px 0 10px}.introduction p{font-size:13px;line-height:1.65;color:#c5d8ec}.introduction .spread{justify-content:space-between}@media(max-width:600px){.introduction{left:12px;width:calc(100vw - 24px);max-height:36vh;padding:15px;bottom:80px}}.dictionary-layout>.learning-panel{position:static;height:auto;max-height:none;min-width:0;overflow:visible}.dictionary-layout .dictionary-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.study-sidebar{min-width:0;display:grid;gap:18px}.study-card{background:linear-gradient(145deg,#101e30,#0c1522);border:1px solid #293e55;border-radius:12px;padding:23px;overflow-wrap:anywhere}.study-card h2{font-size:19px;margin:8px 0 18px}.study-card h3{font-size:15px;margin:0 0 12px}.study-card .study-expression{font-size:32px;color:#e5f4ff;margin-top:20px}.study-card p{line-height:1.65}.study-card section{border-top:1px solid #293e55;padding-top:20px;margin-top:22px}.study-card .field{margin-bottom:12px}.study-card textarea{width:100%;resize:vertical}.study-card .reading{color:#a7d9fc}.study-sentence{font-size:19px}.study-forms{margin:0}.study-forms>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0}.study-forms dt{color:#a7b7ca;font-size:12px}.study-forms dd{margin:0;color:#d7ebff}.recent-searches{display:flex;flex-wrap:wrap;gap:8px}.recent-searches button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.study-card .spread{justify-content:space-between;flex-wrap:wrap}.review-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#101e30;border:1px solid #293e55;border-radius:12px;padding:22px;margin:20px 0}.study-dashboard{display:grid;grid-template-columns:auto minmax(240px,1fr) minmax(180px,250px);align-items:center;gap:26px;padding:24px;margin:20px 0 12px;border:1px solid #2e4661;border-radius:14px;background:linear-gradient(135deg,#10253a,#101b2c 58%,#15253a)}.study-dashboard h2,.practice-heading h2{margin:7px 0;font-size:20px}.study-dashboard p,.practice-heading p{margin:0}.progress-ring{--progress: 0deg;width:100px;height:100px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:conic-gradient(#57b5ff var(--progress),#20364c 0);position:relative;box-shadow:0 0 32px #2b84c92b}.progress-ring:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:#0d1b2b}.progress-ring span{position:relative;z-index:1;font-size:25px;font-weight:700}.progress-ring small{font-size:11px;color:#91a9c1}.goal-picker{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:16px;color:#9eb4ca;font-size:12px}.goal-picker button{min-width:40px;padding:6px 9px}.word-garden{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:14px;border-radius:12px;background:#0a1725a8}.word-garden>span{font-size:42px;filter:drop-shadow(0 5px 12px #5fcf8766)}.word-garden small{color:#8fa9c1;line-height:1.45}.milestone-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 28px}.milestone-row span{padding:7px 10px;border:1px solid #2b3c50;border-radius:999px;color:#70859b;font-size:11px}.milestone-row .earned{color:#bce9cb;border-color:#37644c;background:#10271e}.practice-heading{margin:22px 0 14px;align-items:end}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin-bottom:28px}.practice-grid>button{display:flex;flex-direction:column;align-items:flex-start;min-height:130px;text-align:left;padding:17px;border-color:#304863;background:linear-gradient(145deg,#12243a,#0d1828)}.practice-grid>button:not(:disabled):hover{border-color:#5c96c3;transform:translateY(-2px)}.practice-grid strong{font-size:15px;color:#edf7ff}.practice-grid span{margin:8px 0;color:#a8bad0;line-height:1.5;font-size:12px}.practice-grid small{margin-top:auto;color:#77b9e9}.familiarity{display:block;width:fit-content;margin-top:7px;padding:3px 7px;border:1px solid #3d5268;border-radius:999px;color:#9fb4c8;font-size:9px!important}.familiarity.getting-familiar{color:#b9dfff;border-color:#426b8b}.familiarity.remembered{color:#b7e8c7;border-color:#3b7253}.review-banner h2{font-size:19px;margin:0 0 8px}.review-banner p{color:#bccbdc;line-height:1.6}.review-card{text-align:center;padding:16px 4px;overflow-wrap:anywhere}.review-meta{text-align:left}.practice-streak{padding:5px 9px;border-radius:999px;color:#ffd993;background:#4935135c;font-size:11px}.practice-answer{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:20px auto}.practice-answer input{min-width:min(100%,260px);font-size:17px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.choice-grid button{min-height:58px;white-space:normal;line-height:1.4}.choice-grid .correct,.practice-result.correct{color:#baf0cb;border-color:#4f9a69;background:#143423}.choice-grid .incorrect,.practice-result.again{color:#ffd0d5;border-color:#9b5562;background:#3a1820}.practice-result{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid;border-radius:999px}.practice-continue{margin-top:20px}.listening-prompt{display:grid;justify-items:center;gap:8px;margin:35px 0 15px}.sentence-gap{margin:30px 0 10px;font-size:27px;color:#eaf6ff}.manga-recall{margin:20px auto;max-width:560px}.manga-recall img{display:block;max-width:100%;max-height:310px;margin:0 auto 14px;border-radius:10px;border:1px solid #3c526b;object-fit:contain}.revealed-answer>h2{margin-bottom:6px}.finish-progress{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin:24px 0}.finish-progress .word-garden{min-width:210px}.session-finish{position:relative;overflow:hidden}.session-finish.celebrate{animation:finish-glow .8s ease-out}.celebration-burst{color:#81cfff;font-size:28px;letter-spacing:10px;animation:celebration-rise 1.2s ease-out both}@keyframes finish-glow{50%{filter:drop-shadow(0 0 22px #4dafff88)}}@keyframes celebration-rise{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.review-card h2{font-size:36px;margin:28px 0 15px}.review-card p{line-height:1.7}.review-card progress{width:100%;height:5px;accent-color:#72b4ee}.review-rating{margin-top:25px;justify-content:center}.review-note{padding:16px;background:#101e30;border-radius:9px;white-space:pre-wrap}@media(max-width:1100px){.dictionary-layout,.study-sidebar{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.study-dashboard{grid-template-columns:1fr;text-align:center}.study-dashboard .progress-ring{margin:auto}.goal-picker,.practice-heading{justify-content:center}.choice-grid{grid-template-columns:minmax(0,1fr)}.study-card{padding:18px}.dictionary-layout{gap:18px}.review-banner{padding:18px}.review-rating button{flex:1}}.reader{height:100dvh;display:flex;flex-direction:column;background:#000;color:#e2ecf9}.reader-header{height:64px;display:flex;align-items:center;gap:12px;padding:0 20px;background:#0a1321;border-bottom:1px solid #243148;z-index:3;flex-shrink:0;transition:opacity .3s}.reader-title{flex:1;min-width:50px}.reader-title strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-title small{display:flex;gap:8px;font-size:10px;color:#788ba6}.reader-ocr{display:flex;align-items:center;gap:7px;font-size:10px;color:#8fa7c6;white-space:nowrap}.reader-body{display:flex;min-height:0;flex:1;position:relative}.reader-viewport{flex:1;min-width:0;overflow:auto;position:relative;overscroll-behavior:contain;scrollbar-color:#2b3e59 #080c13}.reader .spread{display:flex;align-items:flex-start;justify-content:center;min-width:100%;width:max-content;min-height:100%;padding:24px}.page-surface{position:relative;flex-shrink:0;overflow:hidden;background:#161c25;box-shadow:0 5px 35px #0007;touch-action:pan-x pan-y}.manga-page{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none}.ocr-region{position:absolute;display:block;border:0;border-radius:6px;outline:1.5px solid #349eaeaa;outline-offset:1px;overflow:hidden;padding:0;margin:0;background:#3fb8c206;box-shadow:0 0 0 1px #ffffff70,0 1px 4px #042c3530;transition:outline-color .12s ease,background-color .12s ease,box-shadow .12s ease;line-height:1.1;color:transparent;font-family:Noto Sans JP,Yu Gothic,Meiryo,sans-serif;-webkit-user-select:text;user-select:text;cursor:pointer;min-width:0;min-height:0}.ocr-region:hover,.ocr-region:focus-visible,.ocr-region.highlight{outline-color:#078b9b;background:#3fb8c212;box-shadow:0 0 0 2px #bdf6f4b0,0 2px 10px #042c3530;color:transparent}.ocr-region.text{color:transparent;outline-color:transparent;box-shadow:none;background:transparent;cursor:text}.ocr-region.regions span{-webkit-user-select:none;user-select:none}.reader-text-status{display:flex;align-items:center;gap:9px;min-height:36px;padding:6px 20px;background:#101e29;border-bottom:1px solid #26414b;color:#b1d7d9;font-size:11px;flex-shrink:0}.reader-text-status.busy{background:#10252c;color:#d0f4f2}.reader-text-status>svg{flex-shrink:0;color:#71c7c4}.reader-text-status-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.reader-ocr-spinner{animation:reader-ocr-spin .85s linear infinite}.reader-ocr-progress{position:relative;display:block;width:min(360px,48vw);height:3px;overflow:hidden;border-radius:999px;background:#07161c}.reader-ocr-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#36b8bd,#8de4db);box-shadow:0 0 7px #53d7d7aa;transition:width .22s ease}.reader-ocr-progress.indeterminate>span{width:38%;animation:reader-ocr-sweep 1.2s ease-in-out infinite}@keyframes reader-ocr-spin{to{transform:rotate(360deg)}}@keyframes reader-ocr-sweep{0%{transform:translate(-110%)}to{transform:translate(275%)}}.reader-text-status button{padding:4px 9px;font-size:11px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.ocr-region{transition:none}.reader-ocr-spinner,.reader-ocr-progress.indeterminate>span{animation:none}}.ocr-region.text:hover{color:#f8fafc;background:#0b1a30e8;outline-color:#60a5fa}.ocr-region.debug{color:#b9d9ff;background:#10233edb;font-size:11px!important;outline-color:#60a5fa}.ocr-region.debug small{display:block;color:#a4bad6;font-size:8px;writing-mode:horizontal-tb}.ocr-region span{-webkit-user-select:text;user-select:text}.ocr-region ::selection{background:#2563eb;color:#fff}.page-surface.selecting{cursor:crosshair;touch-action:none}.selecting .ocr-region{pointer-events:none}.selection-box{position:absolute;border:2px solid #60a5fa;background:#2563eb30;pointer-events:none}.scroll-pages{display:flex;flex-direction:column;align-items:center;min-width:100%;width:max-content;padding:25px}.page-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#5e7089;font-size:12px}.reader-controls{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0a1423;border-top:1px solid #243148;padding:11px 20px;z-index:3;flex-shrink:0;transition:opacity .3s}.control-group{display:flex;align-items:center;gap:6px}.reader-controls button,.reader-controls select{font-size:11px}.reader-controls select{background:#101e31;border-color:#2b3c53;padding:8px;max-width:130px}.page-number{display:flex;align-items:center;gap:6px;font-size:11px;color:#8095b1}.page-number input{width:52px;padding:7px;text-align:center;font-size:12px;background:#101e31}.page-number input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.zoom-value{width:38px;font-size:10px;color:#8eabce;text-align:center}.chrome-idle .reader-header,.chrome-idle .reader-controls{opacity:.32}.chrome-idle .reader-header:hover,.chrome-idle .reader-controls:hover,.chrome-idle .reader-header:focus-within,.chrome-idle .reader-controls:focus-within{opacity:1}.reader-hint{position:fixed;top:79px;left:50%;transform:translate(-50%);background:#133358f0;border:1px solid #5c89bf;padding:12px 20px;border-radius:7px;z-index:6;font-size:12px;pointer-events:none}.selection-text{font-size:20px}.learning-panel{background:#0d1728;border-left:1px solid #2b3c54;width:365px;flex-shrink:0;overflow:auto;padding:25px 22px;scrollbar-color:#354761 #0d1728}.learning-panel>header{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.learning-panel>header h2{font-size:17px}.learning-panel .eyebrow{font-size:8px;color:#739ac6;margin-bottom:8px}.learning-panel textarea{font-size:var(--jp-size, 16px);background:#09111f;border-color:#2a3f5c}.learning-panel .row{flex-wrap:wrap}.learning-panel .row button{font-size:11px;padding:9px 11px}.analysis-sentence{margin:25px 0 10px;padding:14px;background:#0a1220;border:1px solid #263952;border-radius:7px;line-height:2.7;font-size:var(--jp-size, 16px)}.token{display:inline;border:0;padding:3px 1px;background:transparent;font-size:inherit;color:#d6e5f7;line-height:inherit;vertical-align:baseline;border-radius:3px}.token ruby{ruby-align:center}.token rt{font-size:10px;color:#8bbbef;line-height:1}.token:hover{background:#1c3c60;color:#fff}.token.learning{border-bottom:1px solid #60a5fa}.token.ignored{opacity:.5}.known-marker{font-size:9px;color:#87a99d;vertical-align:super}.selected-word{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.selected-word .text-button{font-size:10px}.entry-card{min-width:0;overflow-wrap:anywhere;padding:17px 0 20px;border-bottom:1px solid #28394f}.entry-heading{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.entry-heading h3{font-size:25px;color:#ebf3fc;margin:0}.reading{color:#89bbf8!important;font-size:14px;margin:5px 0 9px}.pos{font-size:10px;color:#8da4c0;line-height:1.4}.entry-card ol{padding-left:20px;font-size:13px;color:#ceddef;line-height:1.7;margin:12px 0}.entry-card li+li{margin-top:5px}.word-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.word-actions button{flex:0 0 auto;font-size:10px;padding:8px 10px;background:#10243c;border-color:#2b4566}.grammar-hints{padding:17px 0;margin-top:15px}.grammar-hints h3{font-size:13px;color:#b7cdea}.grammar-hints p{font-size:11px;margin-bottom:8px}.grammar-hints small{font-size:10px}.dictionary-credit{font-size:9px;line-height:1.8;color:#637d9e;margin-top:30px;padding-top:20px;border-top:1px solid #1f3047}.dictionary-credit a{color:#7b9fc9}.dictionary-empty{text-align:center;padding:42px 5px 30px}.dictionary-empty>span{font-size:56px;color:#294f7a}.dictionary-empty h3{color:#bfd2eb;margin:22px 0 12px;font-size:17px}.dictionary-empty p{font-size:12px}.suggestions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:22px}.suggestions button{font-size:11px}.dictionary-layout>.learning-panel{width:100%;max-width:none;border:1px solid #283a52;border-radius:10px;padding:30px}.dictionary-page .learning-panel>header{display:none}.dictionary-page .learning-panel form{max-width:700px}.dictionary-page .dictionary-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:25px}.dictionary-page .dictionary-empty{padding:50px 0}.dictionary-page .dictionary-empty p{max-width:380px;margin:0 auto}.dictionary-page .dictionary-credit{margin-top:30px}.edit-note{padding:12px;background:#142a44;margin:16px 0;border:1px solid #365d88;border-radius:5px}.edit-note p{font-size:11px}@media(max-width:1100px){.reader-controls{flex-wrap:wrap;justify-content:center;padding:8px;gap:8px}.reader-controls .control-group{gap:4px}.reader-controls button span{display:none}.learning-panel{width:320px;padding:20px 17px}.reader-header{gap:5px;padding:0 10px}.reader-ocr{font-size:9px}}@media(max-width:760px){.reader-title strong{font-size:11px}.reader-title small{font-size:8px}.reader-ocr{display:none}.reader-header{height:55px}.reader-header .icon-button{padding:7px}.reader-body>.learning-panel{position:absolute;top:0;bottom:0;right:0;width:min(365px,95%);z-index:4;box-shadow:-20px 0 50px #0008}.reader-controls{min-height:85px}.reader-controls select{font-size:9px;max-width:112px;padding:7px}.reader-controls .control-group{gap:2px}.reader-controls .icon-button{padding:5px}.reader-hint{font-size:10px;width:85%;text-align:center}.reader .spread,.scroll-pages{padding:15px}.dictionary-layout>.learning-panel{padding:20px}}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f8fafc;background:#070b12;font-synthesis:none;--bg-primary: #070b12;--bg-secondary: #0b1220;--bg-elevated: #101a2c;--panel: #0d1626;--blue-dark: #102a43;--blue-primary: #2563eb;--blue-light: #60a5fa;--blue-soft: #93c5fd;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #1e293b;--border-subtle: #172033;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--overlay-opacity: .12;--jp-size: 16px;color-scheme:dark}.workspace-links{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;padding:9px 0}.workspace-links a{color:var(--text-muted);text-decoration:none}.notice{padding:11px 13px;border:1px solid #35506d;border-radius:7px;background:#102139;color:#c6daf2;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.button{border:1px solid var(--border);background:#101a29;color:var(--text-secondary);padding:10px 14px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;line-height:1.3;transition:background .16s,border-color .16s}button:hover,.button:hover{background:#16243a;border-color:#395375;color:var(--text-primary)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue-primary);border-color:#3973ee;color:#f8fafc;box-shadow:0 3px 10px #0002}.primary:hover{background:#3270f1;border-color:#60a5fa}.danger{color:#fda4a4;border-color:#663536;background:#371c23}.danger:hover{background:#4b232d}.icon-button{padding:8px;background:transparent;border-color:transparent}.text-button{color:var(--blue-soft);padding:4px 0;background:transparent;border:none;font-size:12px}.text-button:hover{background:transparent;color:#fff}button.active{color:var(--blue-soft);background:#142640;border-color:#29476c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue-light);outline-offset:3px}input,textarea,select{background:#0a1321;border:1px solid #263448;border-radius:7px;color:var(--text-primary);padding:10px 12px;font-size:13px;min-width:0}input::placeholder,textarea::placeholder{color:#7d8ca3}input[type=checkbox]{accent-color:var(--blue-primary);width:17px;height:17px}input[type=range]{accent-color:var(--blue-light);padding:0}textarea{resize:vertical;line-height:1.7;width:100%}a{color:var(--blue-soft)}h1,h2,h3,p{margin-top:0}h1{font-size:34px;font-weight:600;letter-spacing:-1.1px;line-height:1.2;margin-bottom:10px}h2{font-weight:600;font-size:20px;letter-spacing:-.4px}h3{font-weight:600;font-size:16px}p{color:var(--text-muted);font-size:14px;line-height:1.65}small{font-size:11px;color:var(--text-muted);line-height:1.65}strong{font-weight:600}[lang=ja],ruby{font-family:Noto Sans JP,Yu Gothic,Meiryo,sans-serif}progress{display:block;width:100%;height:4px;border:0;border-radius:6px;overflow:hidden;background:#202d40;accent-color:var(--blue-light)}progress::-webkit-progress-bar{background:#202d40}progress::-webkit-progress-value{background:#60a5fa;border-radius:6px}progress::-moz-progress-bar{background:#60a5fa}.muted{color:var(--text-muted)}.small{font-size:12px}.soft{font-weight:400;color:#cbd5e1}.eyebrow{display:block;color:#89a9cc;font-size:10px;font-weight:600;letter-spacing:1.8px;margin-bottom:14px}.row{display:flex;align-items:center;gap:9px}.wrap{flex-wrap:wrap}.dot{padding:0 8px;color:#526078}.status-dot{display:inline-block;width:6px;height:6px;background:#64b69a;border-radius:50%;flex-shrink:0}.status-dot.warning{background:var(--warning)}.app{min-height:100dvh;font-size:calc(14px * var(--ui-scale, 1))}.logo{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:650;letter-spacing:-.6px;white-space:nowrap}.logo svg{width:33px;height:33px;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#0a111d;border-right:1px solid #192336;display:flex;flex-direction:column;padding:29px 18px 18px;z-index:10}.brand-button{padding:0 9px 0 7px;background:none;border:none;margin-bottom:48px;justify-content:flex-start}.brand-button:hover{background:none}.sidebar-label{padding-left:16px;font-size:9px;letter-spacing:1.6px;color:#65768e;margin-bottom:13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{justify-content:flex-start;border:1px solid transparent;background:none;padding:13px 15px;color:#93a2b9;font-size:13px;gap:13px}.sidebar nav button.active{color:#b7d7ff;background:#12253e;border-color:#1b3655}.sidebar nav button:hover{background:#102137;color:#d6e8fe}.sidebar nav button span{flex:1;text-align:left}.sidebar nav button:nth-child(4){margin-top:26px}.sidebar-bottom{margin-top:auto}.privacy-card{display:flex;gap:11px;padding:15px 9px;color:#7196bd;border-bottom:1px solid #192336;margin-bottom:12px}.privacy-card strong{font-size:12px;color:#adbed2}.privacy-card p{font-size:11px;color:#7588a1;margin:7px 0}.quit-button{background:none;border:none;justify-content:flex-start;width:100%;font-size:12px;color:#8d9db4}.sidebar-version{display:flex;justify-content:space-between;font-size:10px;color:#53677f;margin:17px 11px 0}.main-column{margin-left:230px;min-height:100dvh;display:flex;flex-direction:column}.topbar{height:69px;border-bottom:1px solid var(--border-subtle);padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#72849e;background:#080e18}.topbar>div,.topbar>span{display:flex;align-items:center;gap:12px}.topbar strong{color:#b8c7db;font-weight:400}.topbar>span{font-size:10px}.separator{height:12px;border-left:1px solid #263246;margin:0 5px}.content{padding:38px 44px 25px;width:100%;max-width:1650px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:35px}.page-heading p{font-size:13px;margin:0}.page-heading .primary{padding:12px 18px}.count{display:inline-flex;font-size:13px;letter-spacing:0;vertical-align:middle;border:1px solid #26344a;padding:4px 9px;border-radius:6px;color:#9eb4d1;margin-left:13px;transform:translateY(-3px)}.collection-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.collection-bar h2{font-size:16px;margin:0;letter-spacing:0}.collection-bar h2 span{font-size:11px;color:#7588a3;font-weight:400;margin-left:10px}.local-note{display:flex;gap:7px;align-items:center;color:#8296b0;font-size:10px}.library-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:28px}.search-input{display:flex;gap:9px;align-items:center;background:#0c1523;border:1px solid #1d2b3e;border-radius:7px;min-width:100px;flex:1;color:#6d829e;padding:0 12px}.search-input input{border:0;background:transparent;width:100%;outline:none;padding:11px 0;font-size:12px}.search-input:focus-within{border-color:#497db9;box-shadow:0 0 16px #60a5fa10}.library-toolbar select{font-size:12px;padding:10px;max-width:180px}.segmented{display:flex;border:1px solid #243349;border-radius:7px;padding:3px;gap:2px}.segmented button{padding:6px 8px;border:0;background:transparent;color:#6e819a}.segmented button.active{color:#a9cffa;background:#1b2c44}.empty-library{min-height:490px;border:1px dashed #243249;border-radius:11px;background:radial-gradient(ellipse at 50% 30%,#101e32,#0a121f 45%,#090f19 75%);display:flex;align-items:center;flex-direction:column;text-align:center;padding:35px 24px}.empty-library h2{font-size:24px;margin:0 0 12px;letter-spacing:-.6px}.empty-library>p{max-width:420px;font-size:13px;margin:0 0 23px;color:#91a3bb}.empty-library .eyebrow{font-size:9px;margin-bottom:12px;color:#7794b7}.empty-library .primary{padding:12px 19px}.empty-library .drop-hint{font-size:11px;margin:12px 0 17px}.empty-library>small{font-size:10px;color:#70819a;margin-top:14px}.empty-art{width:195px;height:168px;position:relative;margin-bottom:22px}.art-page{position:absolute;border:1px solid #365173;border-radius:7px;width:100px;height:139px;top:13px;left:40px;background:#11223b;box-shadow:0 10px 22px #0004}.art-page.rear{transform:rotate(-12deg);background:#0d1a2e;left:26px;top:20px;border-color:#253953}.art-page.front{transform:rotate(8deg);left:65px;padding:20px 13px;text-align:left}.art-page span{font-size:15px;line-height:1.6;color:#b2cce8;font-family:Yu Gothic,sans-serif}.art-page svg{position:absolute;right:13px;bottom:14px;color:#60a5fa;opacity:.7}.art-lines{width:27px;height:13px;border-top:1px solid #395578;border-bottom:1px solid #395578;margin-top:13px}.art-corner{position:absolute;width:17px;height:17px;border-color:#476b96}.art-corner.one{top:12px;left:1px;border-top:1px solid;border-left:1px solid;opacity:.5}.art-corner.two{bottom:0;right:1px;border-bottom:1px solid;border-right:1px solid;opacity:.5}.format-tags{display:flex;gap:7px}.format-tags span{font-size:9px;letter-spacing:1px;padding:5px 8px;border:1px solid #26354b;border-radius:4px;color:#7894b5}.library-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#61768e;margin-top:25px}.library-bottom>span{display:flex;align-items:center;gap:8px}.app-statusbar{font-size:9px;color:#62768e;border-top:1px solid #182234;padding:10px 25px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.app-statusbar>span{display:flex;align-items:center;gap:7px}.app-statusbar .status-dot{width:4px;height:4px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:23px;align-items:start}.book-card{border:1px solid #1d2a3d;background:#0d1625;border-radius:9px;overflow:hidden;transition:border-color .2s,transform .2s}.book-card:hover{border-color:#3c5d87;transform:translateY(-2px)}.cover-button{position:relative;width:100%;aspect-ratio:3/4.1;border:0;border-radius:0;padding:0;overflow:hidden;background:#121b27}.cover-button img{width:100%;height:100%;object-fit:cover}.format-badge{position:absolute;top:10px;right:10px;background:#08101ee0;border:1px solid #ffffff25;border-radius:4px;padding:4px 6px;letter-spacing:1px;font-size:9px;color:#d5e5f7}.cover-read{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#07101da8;color:#f0f7ff;opacity:0;transition:opacity .2s}.cover-button:hover .cover-read{opacity:1}.book-info{padding:15px}.book-title{display:flex;align-items:center;gap:4px}.book-title h3{margin:0;flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:600}.book-title .icon-button{padding:3px}.author{font-size:10px;margin:3px 0 18px;color:#7990ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-progress{display:flex;justify-content:space-between;font-size:10px;color:#a9bad0;margin-bottom:10px}.book-info progress{height:3px}.book-footer{display:flex;justify-content:space-between;align-items:center;margin-top:11px;gap:3px}.book-footer>span{display:flex;gap:4px;align-items:center;font-size:9px}.book-footer .text-button{font-size:10px}.ocr-complete{color:#88b7a8}.last-read{display:block;font-size:9px;margin-top:8px;color:#657991}.book-list{display:flex;flex-direction:column;gap:12px}.book-list .book-card{display:flex}.book-list .cover-button{width:100px;aspect-ratio:3/4}.book-list .book-info{flex:1}.book-list .author{margin-bottom:10px}.continue-card{position:relative;display:flex;overflow:hidden;gap:24px;padding:22px;background:linear-gradient(110deg,#102037,#0c1729 70%);border:1px solid #243852;border-radius:10px;margin-bottom:34px;align-items:center}.continue-card>img{width:100px;height:135px;object-fit:cover;border-radius:5px;border:1px solid #ffffff20}.continue-card .eyebrow{font-size:9px;margin-bottom:10px}.continue-card h2{font-size:20px;margin-bottom:8px}.continue-card p{font-size:11px;margin-bottom:13px}.continue-card .primary{font-size:11px}.continue-card>div{z-index:1}.continue-motif{position:absolute;right:25px;font-family:Yu Gothic,sans-serif;font-size:85px;color:#203f613f;letter-spacing:12px}.import-progress{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #305781;border-radius:8px;background:#0e213a;margin-bottom:24px;color:#a4cdfa}.import-progress>div{flex:1}.import-progress strong{font-size:13px}.import-progress p{font-size:11px;margin:5px 0 9px}.drop-overlay{position:fixed;top:15px;right:15px;bottom:15px;left:245px;background:#0a1d35f5;border:2px dashed #60a5fa;border-radius:12px;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;color:#a4ccfa}.drop-overlay h2{margin-top:20px}.modal{padding:26px;border:1px solid #344865;border-radius:12px;background:#0d1829;color:#f8fafc;width:min(560px,calc(100vw - 30px));max-height:90dvh;box-shadow:0 20px 70px #0009}.modal.wide{width:min(900px,calc(100vw - 30px))}.modal::backdrop{background:#020610c9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal>header h2{margin:0}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:25px}.modal-actions .danger:first-child{margin-right:auto}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#a4b8d0;margin:14px 0;text-transform:capitalize}.field input,.field textarea,.field select{text-transform:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);max-width:calc(100vw - 35px);z-index:1000;background:#172c45;border:1px solid #3c628d;border-radius:9px;box-shadow:0 8px 30px #0007;padding:13px 15px 13px 20px;display:flex;align-items:center;gap:15px;font-size:13px;color:#e1eeff}.error{color:#f8a7ad;font-size:13px;padding:15px;border:1px solid #73383f;background:#331b25;border-radius:7px}.setup-banner{display:flex;align-items:center;gap:18px;margin:15px 44px 0;padding:16px;border:1px solid #335781;background:#102039;font-size:12px}.setup-banner progress{width:150px}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:20px;background:radial-gradient(ellipse,#102139,#070b12 70%)}.loading-screen h2{max-width:650px;font-size:20px}.empty-state{min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--border);border-radius:10px;background:#0b1423;color:#668dbb;text-align:center;padding:30px}.empty-state h2{margin:20px 0 12px;color:#d4e2f2}.vocab-tabs{display:flex;gap:6px;margin-bottom:25px;border-bottom:1px solid #243349;padding-bottom:15px}.vocab-tabs button{background:none;border-color:transparent}.vocab-tabs button.active{color:#a8d0ff;background:#14263e}.vocab-table{border:1px solid #233149;border-radius:9px;overflow:hidden}.vocab-table-head,.vocab-row{display:grid;grid-template-columns:1.1fr 1.8fr 1fr 90px;gap:24px;width:100%;align-items:center;text-align:left}.vocab-table-head{background:#101d30;padding:15px 20px;font-size:9px;letter-spacing:1.2px;color:#839bb9}.vocab-row{padding:20px;border:0;border-bottom:1px solid #1c293c;border-radius:0;background:#0d1625;font-size:12px;line-height:1.6}.vocab-row:last-child{border-bottom:0}.vocab-row strong{display:block;font-size:19px}.vocab-row small{display:block;color:#88b9ee}.vocab-row>span:nth-child(2){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.word-status{font-size:10px;padding:4px 7px;text-align:center;border-radius:5px;border:1px solid #30445f;text-transform:capitalize;color:#9faec2}.word-status.learning{color:#a5cbf9;border-color:#355d8d;background:#172d47}.word-status.known{color:#a8c2b9;border-color:#39594d}.word-status.ignored{opacity:.55}.saved-word>h2{font-size:30px;margin-bottom:4px}.saved-word>img{max-width:100%;max-height:160px;display:block;background:#fff;border-radius:5px;margin:17px 0}.saved-word blockquote{font-size:20px;line-height:1.7;margin:20px 0;padding-left:15px;border-left:2px solid #456994;color:#c5d9f0}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.settings-section{background:#0c1625;border:1px solid #223149;border-radius:9px;padding:24px;margin-bottom:25px}.settings-section h2{display:flex;align-items:center;gap:10px;font-size:16px}.settings-section>p{font-size:12px}.settings-section>small{display:block;margin-top:15px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #1d2b3f;padding:16px 0;font-size:12px;color:#becde0}.setting-row>span{max-width:62%}.setting-row small{display:block;font-size:10px;margin-top:5px}.setting-row select{max-width:55%;font-size:11px}.setting-row input[type=number]{width:90px}.setting-row input[type=range]{max-width:43%;width:140px}.theme-preview{display:flex;gap:12px;align-items:center;padding:15px;background:#07101d;border:1px solid #324c6e;border-radius:7px;margin-bottom:20px}.theme-preview strong{font-size:12px}.theme-preview small{display:block;font-size:10px}.theme-preview>svg{margin-left:auto;color:#70a4dd}.theme-swatches{display:flex;gap:3px}.theme-swatches i{display:block;width:12px;height:35px;border-radius:2px;background:#070b12;border:1px solid #304361}.theme-swatches i:nth-child(2){background:#132f50}.theme-swatches i:nth-child(3){background:#60a5fa}.theme-swatches i:nth-child(4){background:#d6e6f8}.resource-status{display:flex;gap:8px;align-items:center;font-size:11px;color:#9bb2cd;margin:18px 0}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.action-grid button,.action-grid .button{font-size:11px;padding:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.about-page{max-width:1050px}.about-brand{margin:20px 0 35px}.about-brand .logo{font-size:32px}.about-brand .logo svg{height:47px;width:47px}.about-brand h1{font-size:27px;margin-top:30px}.about-privacy{display:flex;gap:22px;background:#11253b;border:1px solid #2d4a68;padding:27px;border-radius:10px;margin-bottom:28px;color:#8fc0f2}.about-privacy>svg{flex-shrink:0}.about-privacy h2{font-size:18px;color:#d8e9fb}.about-privacy p{margin-bottom:0;font-size:13px}dl{margin:0 0 25px}dl>div{display:grid;grid-template-columns:135px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid #1d2d42;font-size:12px}dt{text-transform:capitalize;color:#849cba}dd{margin:0;color:#c0d3eb;overflow-wrap:anywhere}.search-results{margin-top:20px;display:flex;flex-direction:column;gap:8px;max-height:65vh;overflow:auto}.search-hit{display:flex;width:100%;justify-content:flex-start;text-align:left;padding:13px;gap:15px}.search-hit img{width:45px;height:60px;object-fit:cover;border-radius:3px}.search-hit>div{flex:1}.search-hit p{margin:4px 0;font-size:17px;color:#d7e8fc}.search-hit small{font-size:10px}.check-field{display:flex;gap:10px;align-items:center;margin-top:15px;font-size:13px}@media(min-width:1600px){.content{padding:45px 60px}.empty-library{min-height:540px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:1100px){.sidebar{width:195px;padding:25px 13px}.logo{font-size:18px;gap:7px}.logo svg{width:28px}.main-column{margin-left:195px}.content{padding:30px 25px}.topbar{padding:0 25px}.topbar>span{font-size:9px}.library-toolbar{flex-wrap:wrap}.search-input{min-width:180px}.settings-columns{grid-template-columns:1fr}.drop-overlay{left:210px}.vocab-table-head,.vocab-row{grid-template-columns:1fr 1.5fr 90px;gap:15px}.vocab-row>span:nth-child(3),.vocab-table-head>span:nth-child(3){display:none}}@media(max-width:850px){.sidebar{width:68px;padding:20px 8px}.brand-button{padding:0;justify-content:center;margin-bottom:30px}.logo>span{display:none}.sidebar-label,.sidebar nav button>span,.sidebar nav button>svg:last-child:not(:first-child),.privacy-card,.sidebar-version,.quit-button{display:none}.sidebar nav button{justify-content:center;padding:13px 8px}.sidebar nav button:nth-child(4){margin-top:15px}.main-column{margin-left:68px}.topbar{height:50px;padding:0 20px}.topbar>span{display:none}.content{padding:26px 20px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:27px}.page-heading h1{font-size:28px}.page-heading .primary{font-size:11px;padding:10px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:11px}.library-toolbar{gap:8px}.library-toolbar .search-input{flex-basis:100%}.library-toolbar button,.library-toolbar select{font-size:10px}.empty-library{padding:30px 15px;min-height:450px}.empty-library h2{font-size:20px}.empty-library p{font-size:12px}.empty-library .eyebrow{font-size:8px}.empty-art{transform:scale(.85);margin-bottom:5px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.library-bottom>span:last-child,.app-statusbar>span:last-child{display:none}.continue-motif{display:none}.continue-card{gap:15px;padding:15px}.continue-card>img{width:75px;height:106px}.continue-card h2{font-size:16px}.continue-card p{font-size:10px}.collection-bar .local-note{display:none}.drop-overlay{left:80px}.settings-section{padding:18px}.vocab-table-head,.vocab-row{grid-template-columns:1fr 75px}.vocab-table-head>span:nth-child(2),.vocab-row>span:nth-child(2){display:none}.vocab-tabs{gap:0}.vocab-tabs button{font-size:10px;padding:8px}.about-brand .logo>span{display:inline}.about-brand .logo{font-size:27px}.about-privacy{padding:20px;gap:15px}.about-privacy>svg{display:none}.setup-banner{margin:10px 20px;flex-wrap:wrap}.modal{padding:20px}.modal-actions{flex-wrap:wrap}}.sidebar,.page-heading,.reader-header,.reader-footer,.learning-panel{zoom:var(--ui-scale, 1)}.primary,.nav-item.active{filter:saturate(var(--accent-intensity, 1))}.main-area{margin-left:230px;min-height:100dvh}.settings-card{background:var(--panel);padding:26px;border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.settings-card h2{margin-top:0}.settings-card p{color:var(--text-secondary);line-height:1.7}.settings-card button{margin:8px 8px 8px 0}.settings-card dl>div{display:flex;justify-content:space-between;padding:6px}.update-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#102a43;border:1px solid #60a5fa;padding:16px;z-index:100}@media(max-width:850px){.main-area{margin-left:68px}}@media(max-width:600px){.main-area{margin-left:0}.sidebar{display:none}.topbar{display:flex}}.mobile-navigation{display:none}@media(max-width:600px){.mobile-navigation{display:block;max-width:140px}.topbar>strong,.topbar>span:last-child{display:none}.content{padding:20px 14px}.dictionary-page .learning-panel{width:100%;max-width:100%}}.discord-link,.donate-link{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #38424f;border-radius:10px;color:#e8c3ca;background:#251e29;text-decoration:none;font-size:12px}.discord-link{margin-bottom:8px;border-color:#3f55a5;color:#d9e3ff;background:#18213d}.discord-link span,.donate-link span{margin-left:auto;color:#9b8d9f;font-size:10px}.discord-link span{color:#98aaf1}.discord-link:hover{border-color:#7289da;background:#202c50}.donate-link:hover{border-color:#bd829a;background:#302433}.donation-message>svg{color:#d99ab0;margin-top:14px}.listen-button{white-space:nowrap}.sample-library{margin:24px 0 32px;padding:24px;border:1px solid #294059;border-radius:18px;background:linear-gradient(125deg,#102237,#0c1522)}.sample-heading{margin-bottom:20px}.sample-heading h2{margin:8px 0;font-size:25px}.sample-heading p{color:#aabbcf;margin:8px 0}.sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr));gap:16px}.sample-card{display:flex;gap:20px;min-width:0;padding:18px;background:#0a1422;border:1px solid #26394e;border-radius:13px}.sample-card>img{width:110px;height:154px;object-fit:contain;background:#050a11;border-radius:7px;flex-shrink:0}.sample-card-copy{min-width:0;flex:1}.sample-card h3{font-size:17px;line-height:1.4;margin:5px 0}.sample-card p{margin:7px 0}.sample-japanese{color:#b8dfff;font-size:19px}.sample-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.sample-actions button{white-space:normal}.sample-footnote{margin:18px 0 0;line-height:1.7}.sample-library summary{cursor:pointer;padding:4px;font-size:16px;color:#c5e8ff}.sample-library details[open] summary{margin-bottom:20px}.sample-credits{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;margin:24px 0}.sample-credits dt{color:#9cb1c7}.sample-credits dd{margin:0;overflow-wrap:anywhere}.sample-credits a{color:#a3d8ff;text-decoration:underline}.image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:#142031;color:#e0eafa;max-width:100%;min-height:180px;white-space:normal}@media(max-width:600px){.sample-library{padding:16px}.sample-card{padding:14px;gap:13px}.sample-card>img{width:72px;height:100px}.sample-card h3{font-size:15px}.sample-credits{grid-template-columns:1fr;gap:6px}.sample-credits dd{margin-bottom:10px}.sample-reader-credits{font-size:10px;max-width:64px;padding:4px}}