:root{--paper:#efeae0;--panel:#faf8f2;--ink:#211f26;--ink-soft:#6b6656;--line:#211f2624;--furigana:#b8391f;--furigana-contrast:#fff8f3;--translation:#2a4d78;--translation-contrast:#f4f8ff;--accent:var(--furigana);--accent-contrast:var(--furigana-contrast);--danger:#a3271a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:15px/1.5 -apple-system,Segoe UI,Hiragino Kaku Gothic ProN,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#1b1a20;--panel:#232229;--ink:#ece7db;--ink-soft:#9b9686;--line:#ece7db24;--furigana:#e2694a;--furigana-contrast:#201107;--translation:#7ea3d6;--translation-contrast:#0c1622;--danger:#e2694a}}:root[data-theme=dark]{--paper:#1b1a20;--panel:#232229;--ink:#ece7db;--ink-soft:#9b9686;--line:#ece7db24;--furigana:#e2694a;--furigana-contrast:#201107;--translation:#7ea3d6;--translation-contrast:#0c1622;--danger:#e2694a}:root[data-theme=light]{--paper:#efeae0;--panel:#faf8f2;--ink:#211f26;--ink-soft:#6b6656;--line:#211f2624;--furigana:#b8391f;--furigana-contrast:#fff8f3;--translation:#2a4d78;--translation-contrast:#f4f8ff;--danger:#a3271a}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--ink);text-wrap:balance;font-family:ui-serif,Georgia,Hiragino Mincho ProN,serif;font-weight:600}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--furigana);outline-offset:1px}input,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;padding:6px 12px;transition:background .15s,border-color .15s,color .15s}button:hover:not(:disabled){border-color:var(--ink-soft)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--furigana);color:var(--furigana-contrast);border-color:var(--furigana);font-weight:600}button.secondary{border-color:var(--furigana);color:var(--furigana);background:0 0}button.ghost{background:0 0;border-color:#0000}button.ghost.danger{color:var(--danger)}button.active{background:var(--ink);color:var(--panel);border-color:var(--ink)}.home-screen{max-width:640px;margin:0 auto;padding:72px 24px 48px}.home-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--furigana);margin-bottom:14px;font-size:12px;font-weight:600;display:inline-block}.home-screen h1{margin:0 0 12px;font-size:34px;line-height:1.15}.home-screen h1 .ruby{letter-spacing:.02em;color:var(--translation);margin-bottom:6px;font-family:-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,sans-serif;font-size:14px;font-weight:600;display:block}.subtitle{color:var(--ink-soft);max-width:52ch;margin-bottom:36px;font-size:15px}.my-words-link{border:1px solid var(--line);color:var(--translation);background:0 0;margin-bottom:28px;font-size:13px;font-weight:600}.new-project-row{gap:8px;margin-bottom:40px;display:flex}.new-project-row input{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;flex:1;padding:10px 12px}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px;font-size:12px;font-weight:600}.empty-hint{color:var(--ink-soft);border:1px dashed var(--line);border-radius:8px;padding:20px;font-size:14px}.project-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-list li{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:8px;padding:4px 4px 4px 16px;display:flex}.project-open{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:10px 0;display:flex}.project-open strong{font-family:ui-serif,Georgia,Hiragino Mincho ProN,serif;font-weight:600}.project-open span{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.app-shell{background:var(--paper);flex-direction:column;height:100svh;display:flex}.toolbar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.toolbar .project-name{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:5px;min-width:120px;padding:4px 6px;font-family:ui-serif,Georgia,Hiragino Mincho ProN,serif;font-size:16px;font-weight:600}.toolbar .project-name:hover,.toolbar .project-name:focus{border-color:var(--line);outline:none}.spacer{flex:1}.workspace{flex:1;min-height:0;display:flex}.page-list{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;width:170px;padding:8px;display:flex;overflow-y:auto}.page-list-header{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px;padding:4px;font-size:11px;font-weight:600}.page-list-items{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.page-thumb{cursor:grab;background:var(--paper);border:2px solid #0000;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden}.page-thumb.active{border-color:var(--furigana)}.page-thumb.dragging{opacity:.4}.page-thumb.drag-over:before{content:"";background:var(--furigana);z-index:2;border-radius:2px;height:3px;position:absolute;top:-3px;left:0;right:0}.page-thumb-img-wrap{cursor:pointer;position:relative}.page-thumb img{object-fit:cover;width:100%;height:100px;display:block}.drag-handle{color:var(--panel);pointer-events:none;background:#00000073;border-radius:4px;padding:1px 3px;font-size:13px;line-height:1;position:absolute;top:4px;left:4px}.status-dot{background:var(--ink-soft);border:1px solid #00000040;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:6px}.status-dot.processing{background:var(--translation);animation:1s ease-in-out infinite pulse}.status-dot.done{background:#3f7d4a}.status-dot.error{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.page-thumb-meta{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:4px 6px;font-size:11px;display:flex}.page-thumb-actions{gap:2px;display:flex}.page-thumb-actions button{background:0 0;border:none;padding:2px 5px;font-size:10px}.add-page-btn{margin-top:8px}.canvas-area{background:var(--paper);flex:1;padding:24px;overflow:auto}.empty-canvas{color:var(--ink-soft);text-align:center;margin-top:80px;max-width:320px;margin-inline:auto}.page-editor{grid-template-columns:minmax(200px,320px) 1fr;align-items:start;gap:24px;max-width:1100px;margin:0 auto;display:grid}.page-editor-source{position:sticky;top:0}.page-editor-source img{border:1px solid var(--line);border-radius:8px;width:100%;display:block}.page-editor-result{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:200px;padding:20px 24px}.page-editor-status-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.status-pill{letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-soft);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600}.status-pill.processing{color:var(--translation);border-color:var(--translation)}.status-pill.done{color:#3f7d4a;border-color:#3f7d4a}.status-pill.error{color:var(--danger);border-color:var(--danger)}.hint-text{color:var(--ink-soft);font-size:13px}.error-text{color:var(--danger);font-size:13px}.blocks-list{flex-direction:column;gap:4px;display:flex}.block-row{border-bottom:1px solid var(--line);padding:16px 0}.block-row:last-of-type{border-bottom:none}.block-japanese{margin:0 0 8px;font-family:Hiragino Mincho ProN,Yu Mincho,ui-serif,serif;font-size:22px;line-height:2.4}.block-japanese ruby{ruby-position:over}.block-japanese.clickable ruby{cursor:pointer;border-radius:3px;transition:background .1s}.block-japanese.clickable ruby:hover{background:color-mix(in srgb, var(--furigana) 16%, transparent)}.block-japanese rt{color:var(--furigana);font-family:-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,sans-serif;font-size:.45em}.block-translation{color:var(--translation);margin:0;font-size:14px;line-height:1.5}.block-actions{gap:6px;margin-top:8px;display:flex}.block-actions button{padding:3px 8px;font-size:12px}.add-block-btn{align-self:flex-start;margin-top:10px}.block-edit-form{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 0;display:flex}.block-edit-form label{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.block-edit-form textarea{border:1px solid var(--line);resize:vertical;background:var(--paper);color:var(--ink);border-radius:5px;padding:8px 10px;font-size:15px;font-weight:400}.block-edit-actions{justify-content:flex-end;gap:8px;display:flex}.modal-backdrop{z-index:50;background:#14120e73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:24px;display:flex}.modal h2{margin:0;font-size:18px}.modal-hint{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.5}.modal-hint a{color:var(--translation)}.modal label{color:var(--ink-soft);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.modal input,.modal select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:5px;padding:8px 10px;font-size:14px;font-weight:400}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.checkbox-row{align-items:center;color:var(--ink)!important;flex-direction:row!important;gap:8px!important;font-size:13px!important;font-weight:400!important}.checkbox-row input{width:auto;accent-color:var(--furigana)}.word-modal-headword{color:var(--furigana);margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,ui-serif,serif;font-size:28px;line-height:2.2}.word-modal-headword rt{color:var(--ink-soft);font-family:-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,sans-serif}.word-modal-example{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.word-modal-example .block-japanese{margin:0 0 4px;font-size:17px;line-height:2}.saved-words-screen{max-width:820px;margin:0 auto;padding:40px 24px 64px}.saved-words-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.saved-words-header .home-eyebrow{margin-bottom:0}.saved-words-screen h1{margin:4px 0 8px;font-size:30px}.home-topbar{justify-content:flex-end;padding:16px 24px 0;display:flex}.account-bar{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:10px;margin-top:20px;padding:10px 14px;font-size:13px;display:flex}.account-bar.compact{border-radius:99px;margin-top:0;padding:6px 8px 6px 6px;position:relative}.account-bar.compact .error-text{background:var(--panel);border:1px solid var(--danger);border-radius:6px;width:max-content;max-width:220px;margin-top:4px;padding:4px 8px;position:absolute;top:100%;right:0}.account-avatar{border-radius:50%;width:26px;height:26px;display:block}.account-name{font-weight:600}.account-sync-note{color:var(--ink-soft);flex:1}.account-bar .error-text{flex-basis:100%}.folder-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin:24px 0;padding-bottom:20px;display:flex}.folder-bar>button{font-size:13px}.folder-chip{border:1px solid var(--line);border-radius:99px;align-items:center;display:inline-flex;overflow:hidden}.folder-chip.active button:first-child{color:var(--furigana);font-weight:600}.folder-chip button{border:none;border-radius:0;padding:5px 8px;font-size:13px}.folder-chip-icon{color:var(--ink-soft);padding:5px 6px;font-size:11px}.folder-rename-input,.new-folder-input{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:99px;width:140px;padding:5px 12px;font-size:13px}.saved-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.saved-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative}.saved-card-delete{color:var(--ink-soft);background:0 0;border:none;padding:4px 6px;font-size:12px;position:absolute;top:10px;right:10px}.saved-card-delete:hover{color:var(--danger)}.saved-card-headword{color:var(--furigana);margin:0;padding-right:20px;font-family:Hiragino Mincho ProN,Yu Mincho,ui-serif,serif;font-size:26px;line-height:2.2}.saved-card-headword rt{color:var(--ink-soft);font-family:-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,sans-serif}.saved-card-meaning{color:var(--ink);margin:0;font-size:14px}.saved-card-example{background:var(--paper);border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.saved-card-example-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:700}.saved-card-example .block-japanese{margin:0;font-size:15px;line-height:1.9}.saved-card-example .block-translation{font-size:12.5px}.saved-card-footer{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;display:flex}.saved-card-footer select{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);border-radius:5px;padding:2px 4px;font-size:11px}.print-only{display:none}@media print{body>#root>.app-shell>.toolbar,body>#root>.app-shell>.workspace{display:none!important}.print-only{display:block}.print-page{page-break-after:always;padding:.4in .1in}.print-page:last-child{page-break-after:auto}.print-page-title{margin:0 0 20px;font-family:ui-serif,Georgia,Hiragino Mincho ProN,serif;font-size:20px}.block-japanese,.block-translation{color:#000!important}.block-japanese rt{color:#444!important}}