:root{--washi-50:oklch(98.6% .006 85);--washi-100:oklch(97.2% .009 84);--washi-200:oklch(94.6% .012 83);--washi-300:oklch(90.5% .014 82);--sumi-900:oklch(17.5% .008 70);--sumi-800:oklch(22% .01 68);--sumi-700:oklch(26.5% .011 66);--sumi-600:oklch(32% .012 64);--sumi-400:oklch(52% .014 62);--sumi-300:oklch(64% .014 62);--shu-100:oklch(94% .035 32);--shu-300:oklch(78% .115 32);--shu-500:oklch(58% .175 32);--shu-600:oklch(50.5% .165 31);--shu-700:oklch(42% .14 30);--ai-100:oklch(93.5% .03 250);--ai-300:oklch(76% .095 252);--ai-500:oklch(51% .135 255);--ai-600:oklch(44% .13 256);--mizu-300:oklch(80% .085 215);--mizu-500:oklch(58% .115 218);--moegi-100:oklch(94.5% .045 145);--moegi-300:oklch(78% .11 146);--moegi-500:oklch(56% .125 147);--moegi-700:oklch(42% .1 148);--kohaku-100:oklch(95% .05 80);--kohaku-300:oklch(82% .13 78);--kohaku-500:oklch(66% .15 72);--kohaku-700:oklch(48% .115 68);--enji-300:oklch(74% .13 12);--enji-500:oklch(52% .185 10);--enji-700:oklch(40% .15 9);--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-full:999px;--dur-fast:.12s;--dur-base:.22s;--dur-slow:.4s;--ease-out:cubic-bezier(.22,.61,.36,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);--ink:var(--sumi-900);--ink-soft:var(--sumi-400);--ink-faint:var(--sumi-300);--paper:var(--washi-100);--panel:var(--washi-50);--panel-2:#fff;--sunken:var(--washi-200);--line:color-mix(in oklab, var(--ink) 9%, transparent);--line-strong:color-mix(in oklab, var(--ink) 16%, transparent);--hover:color-mix(in oklab, var(--ink) 4%, transparent);--press:color-mix(in oklab, var(--ink) 8%, transparent);--accent:var(--shu-500);--accent-hover:var(--shu-600);--accent-bg:var(--shu-100);--accent-text:var(--shu-700);--on-accent:var(--washi-50);--ruby:var(--shu-600);--ruby-quiet:color-mix(in oklab, var(--shu-600) 55%, var(--ink-soft));--translation:var(--ai-600);--translation-bg:var(--ai-100);--link:var(--mizu-500);--success:var(--moegi-700);--success-bg:var(--moegi-100);--success-fill:var(--moegi-500);--warning:var(--kohaku-700);--warning-bg:var(--kohaku-100);--warning-fill:var(--kohaku-500);--danger:var(--enji-500);--danger-bg:oklch(94% .03 12);--danger-fill:var(--enji-500);--glass:color-mix(in oklab, var(--panel) 72%, transparent);--shadow-1:0 0 0 .5px color-mix(in oklab, var(--ink) 8%, transparent), 0 1px 2px color-mix(in oklab, var(--ink) 5%, transparent);--shadow-2:0 0 0 .5px color-mix(in oklab, var(--ink) 8%, transparent), 0 2px 4px color-mix(in oklab, var(--ink) 5%, transparent), 0 8px 24px color-mix(in oklab, var(--ink) 7%, transparent);--focus:0 0 0 2px var(--panel), 0 0 0 4px color-mix(in oklab, var(--mizu-500) 60%, transparent);--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}:root:not([data-theme=light]){--ink:var(--washi-100);--ink-soft:var(--sumi-300);--ink-faint:var(--sumi-400);--paper:var(--sumi-900);--panel:var(--sumi-800);--panel-2:var(--sumi-700);--sunken:oklch(13.5% .008 70);--line:color-mix(in oklab, var(--ink) 12%, transparent);--line-strong:color-mix(in oklab, var(--ink) 22%, transparent);--hover:color-mix(in oklab, var(--ink) 7%, transparent);--press:color-mix(in oklab, var(--ink) 12%, transparent);--accent:var(--shu-300);--accent-hover:oklch(84% .105 33);--accent-bg:color-mix(in oklab, var(--shu-500) 22%, var(--panel));--accent-text:var(--shu-300);--on-accent:var(--sumi-900);--ruby:oklch(82% .1 33);--ruby-quiet:color-mix(in oklab, oklch(82% .1 33) 60%, var(--ink-soft));--translation:var(--ai-300);--translation-bg:color-mix(in oklab, var(--ai-500) 24%, var(--panel));--link:var(--mizu-300);--success:var(--moegi-300);--success-bg:color-mix(in oklab, var(--moegi-500) 22%, var(--panel));--success-fill:var(--moegi-300);--warning:var(--kohaku-300);--warning-bg:color-mix(in oklab, var(--kohaku-500) 22%, var(--panel));--warning-fill:var(--kohaku-300);--danger:var(--enji-300);--danger-bg:color-mix(in oklab, var(--enji-500) 26%, var(--panel));--danger-fill:var(--enji-300);--glass:color-mix(in oklab, var(--panel) 66%, transparent);--shadow-1:0 0 0 .5px color-mix(in oklab, var(--ink) 10%, transparent), 0 1px 2px #0006;--shadow-2:0 0 0 .5px color-mix(in oklab, var(--ink) 10%, transparent), 0 2px 6px #0007, 0 12px 32px #00000059}}:root[data-theme=dark]{--ink:var(--washi-100);--ink-soft:var(--sumi-300);--ink-faint:var(--sumi-400);--paper:var(--sumi-900);--panel:var(--sumi-800);--panel-2:var(--sumi-700);--sunken:oklch(13.5% .008 70);--line:color-mix(in oklab, var(--ink) 12%, transparent);--line-strong:color-mix(in oklab, var(--ink) 22%, transparent);--hover:color-mix(in oklab, var(--ink) 7%, transparent);--press:color-mix(in oklab, var(--ink) 12%, transparent);--accent:var(--shu-300);--accent-hover:oklch(84% .105 33);--accent-bg:color-mix(in oklab, var(--shu-500) 22%, var(--panel));--accent-text:var(--shu-300);--on-accent:var(--sumi-900);--ruby:oklch(82% .1 33);--ruby-quiet:color-mix(in oklab, oklch(82% .1 33) 60%, var(--ink-soft));--translation:var(--ai-300);--translation-bg:color-mix(in oklab, var(--ai-500) 24%, var(--panel));--link:var(--mizu-300);--success:var(--moegi-300);--success-bg:color-mix(in oklab, var(--moegi-500) 22%, var(--panel));--success-fill:var(--moegi-300);--warning:var(--kohaku-300);--warning-bg:color-mix(in oklab, var(--kohaku-500) 22%, var(--panel));--warning-fill:var(--kohaku-300);--danger:var(--enji-300);--danger-bg:color-mix(in oklab, var(--enji-500) 26%, var(--panel));--danger-fill:var(--enji-300);--glass:color-mix(in oklab, var(--panel) 66%, transparent);--shadow-1:0 0 0 .5px color-mix(in oklab, var(--ink) 10%, transparent), 0 1px 2px #0006;--shadow-2:0 0 0 .5px color-mix(in oklab, var(--ink) 10%, transparent), 0 2px 6px #0007, 0 12px 32px #00000059}:root[data-theme=light]{--ink:var(--sumi-900);--ink-soft:var(--sumi-400);--ink-faint:var(--sumi-300);--paper:var(--washi-100);--panel:var(--washi-50);--panel-2:#fff;--sunken:var(--washi-200);--line:color-mix(in oklab, var(--ink) 9%, transparent);--line-strong:color-mix(in oklab, var(--ink) 16%, transparent);--hover:color-mix(in oklab, var(--ink) 4%, transparent);--press:color-mix(in oklab, var(--ink) 8%, transparent);--accent:var(--shu-500);--accent-hover:var(--shu-600);--accent-bg:var(--shu-100);--accent-text:var(--shu-700);--on-accent:var(--washi-50);--ruby:var(--shu-600);--ruby-quiet:color-mix(in oklab, var(--shu-600) 55%, var(--ink-soft));--translation:var(--ai-600);--translation-bg:var(--ai-100);--link:var(--mizu-500);--success:var(--moegi-700);--success-bg:var(--moegi-100);--success-fill:var(--moegi-500);--warning:var(--kohaku-700);--warning-bg:var(--kohaku-100);--warning-fill:var(--kohaku-500);--danger:var(--enji-500);--danger-bg:oklch(94% .03 12);--danger-fill:var(--enji-500);--glass:color-mix(in oklab, var(--panel) 72%, transparent);--shadow-1:0 0 0 .5px color-mix(in oklab, var(--ink) 8%, transparent), 0 1px 2px color-mix(in oklab, var(--ink) 5%, transparent);--shadow-2:0 0 0 .5px color-mix(in oklab, var(--ink) 8%, transparent), 0 2px 4px color-mix(in oklab, var(--ink) 5%, transparent), 0 8px 24px color-mix(in oklab, var(--ink) 7%, transparent)}*{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{box-shadow:var(--focus);outline:none}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;justify-content:center;align-items:center;gap:6px;padding:6px 12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}button svg{flex-shrink:0}button:hover:not(:disabled){border-color:var(--ink-soft)}button:active:not(:disabled){background:var(--press)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.secondary{border-color:var(--accent);color:var(--accent);background:0 0}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--hover);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(--accent);margin-bottom:14px;font-size:12px;font-weight:600;display:inline-block}.home-screen h1{margin:0 0 12px;font-size:44px;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;position:relative}.toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar-menu-toggle{display:none}.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;flex-shrink:0;width:170px;padding:8px;transition:width .15s,padding .15s,border-color .15s;display:flex;overflow-y:auto}.page-list.closed{border-right-color:#0000;width:0;padding-left:0;padding-right:0;overflow:hidden}.page-list-header{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px;font-size:11px;font-weight:600;display:flex}.page-list-close{padding:2px 6px;font-size:12px;display:none}.page-list-backdrop{display:none}.page-list-toggle.active{background:var(--ink);color:var(--panel);border-color:var(--ink)}@media (width<=720px){.page-list{z-index:30;width:min(78vw,300px);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #00000040}.page-list.open{transform:translate(0)}.page-list.closed{border-right-color:var(--line);width:min(78vw,300px);padding:8px}.page-list-close{display:block}.page-list-backdrop{z-index:29;background:#0006;display:block;position:fixed;inset:0}}.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(--accent)}.page-thumb.dragging{opacity:.4}.page-thumb.drag-over:before{content:"";background:var(--accent);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,.page-thumb-missing{object-fit:cover;width:100%;height:100px;display:block}.page-thumb-missing{color:var(--ink-soft);background:var(--paper);justify-content:center;align-items:center;font-size:22px;display:flex}.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;gap:4px;padding:4px 6px;font-size:11px;display:flex}.page-name-label{text-overflow:ellipsis;white-space:nowrap;cursor:text;flex:1;min-width:0;overflow:hidden}.page-name-label:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.page-name-input{border:1px solid var(--accent);background:var(--paper);min-width:0;color:var(--ink);border-radius:3px;flex:1;padding:1px 4px;font-size:11px}.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-wrap{max-width:1100px;margin:0 auto}.page-editor-toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.page-editor{grid-template-columns:minmax(200px,320px) 1fr;align-items:start;gap:24px;display:grid}.page-editor.source-hidden{grid-template-columns:1fr}.page-editor-source{position:sticky;top:0}.page-editor-source img{border:1px solid var(--line);border-radius:8px;width:100%;display:block}.page-photo-missing{text-align:center;min-height:160px;color:var(--ink-soft);border:1px dashed var(--line);background:var(--panel);border-radius:8px;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.page-editor-result{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:200px;padding:20px 24px}.page-editor-name{width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:5px;margin:-4px -6px 10px;padding:4px 6px;font-family:ui-serif,Georgia,Hiragino Mincho ProN,serif;font-size:18px;font-weight:600;display:block}.page-editor-name:hover,.page-editor-name:focus{border-color:var(--line);outline:none}.page-editor-name::placeholder{color:var(--ink-soft);font-weight:400}.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}@media (width<=720px){.canvas-area{padding:12px}.page-editor{grid-template-columns:1fr;gap:12px}.page-editor-source{position:static}.page-editor-source img{object-fit:contain;width:auto;max-width:100%;max-height:40vh;margin:0 auto;display:block}.page-editor-result{padding:14px 16px}}.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 oklab, var(--accent) 16%, transparent)}.block-japanese rt{color:var(--ruby);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,.modal textarea{border:1px solid var(--line);background:var(--paper);color:var(--ink);resize:vertical;border-radius:5px;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:400}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal-tabs{gap:4px;margin-bottom:-4px;display:flex}.modal-tabs button{border-radius:6px;flex:1}.guide-modal{max-width:520px;max-height:85vh;overflow-y:auto}.guide-steps{flex-direction:column;gap:14px;display:flex}.guide-step{align-items:flex-start;gap:12px;display:flex}.guide-step-icon{background:var(--paper);border:1px solid var(--line);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-step-title{margin:0 0 2px;font-size:14px;font-weight:600}.guide-step-body{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}.guide-step-image{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:8px;display:block}.app-footer{text-align:center;max-width:640px;color:var(--ink-soft);margin:24px auto 0;padding:16px 24px 32px;font-size:12px}.export-modal{max-width:560px;max-height:85vh}.export-actions-row{gap:8px;display:flex}.export-actions-row button{padding:4px 10px;font-size:12px}.export-page-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;min-height:0;padding:2px;display:grid;overflow-y:auto}.export-page-tile{border:2px solid var(--line);cursor:pointer;background:var(--paper);border-radius:6px;padding:0;position:relative;overflow:hidden}.export-page-tile.selected{border-color:var(--accent)}.export-page-tile img,.export-page-missing{object-fit:cover;width:100%;height:96px;display:block}.export-page-missing{color:var(--ink-soft);justify-content:center;align-items:center;font-size:20px;display:flex}.export-page-tile.selected:after{content:"";background:color-mix(in oklab, var(--accent) 18%, transparent);position:absolute;inset:0}.export-page-check{border:1.5px solid var(--panel);background:var(--accent);width:18px;height:18px;color:var(--on-accent);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.export-page-number{font-variant-numeric:tabular-nums;color:var(--panel);z-index:1;background:#0000008c;border-radius:3px;padding:1px 5px;font-size:10px;position:absolute;bottom:4px;left:4px}.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(--accent)}.word-modal-headword{color:var(--accent);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;align-items:center;gap:8px;padding:16px 24px 0;display:flex;position:relative}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-menu-toggle{display:none}@media (width<=720px){.toolbar-menu-toggle,.topbar-menu-toggle{display:inline-flex}.toolbar-actions,.topbar-actions{background:var(--panel);border:1px solid var(--line);z-index:40;border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;min-width:200px;margin-top:4px;padding:8px;display:none;position:absolute;top:100%;right:8px;box-shadow:0 8px 24px #0000002e}.toolbar-actions.open,.topbar-actions.open{display:flex}.toolbar-actions button,.topbar-actions button{justify-content:flex-start}.btn-label{display:none}}.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(--accent);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(--accent);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}}