:root{--color-ink:#111;--color-ink-soft:#454545;--color-ink-muted:#717171;--color-paper:#fff;--color-canvas:#eeeeec;--color-surface:#f7f7f5;--color-surface-strong:#e8e8e5;--color-line:#d3d3cf;--color-line-strong:#9a9a94;--text-primary:var(--color-ink);--text-secondary:var(--color-ink-soft);--text-muted:var(--color-ink-muted);--text-placeholder:var(--color-line-strong);--surface-page:var(--color-paper);--surface-canvas:var(--color-canvas);--surface-subtle:var(--color-surface);--surface-muted:var(--color-surface-strong);--border-width:1px;--border-width-emphasis:2px;--border-subtle:var(--color-line);--border-strong:var(--color-line-strong);--border-emphasis:var(--color-ink);--action-surface:var(--color-ink);--action-text:var(--color-paper);--action-border:var(--color-ink);--action-surface-disabled:var(--color-surface-strong);--action-text-disabled:var(--color-ink-muted);--action-border-disabled:var(--color-line);--status-attention:var(--color-ink);--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-print:Arial, "Helvetica Neue", Helvetica, sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-lg:1.125rem;--font-weight-control:650;--font-weight-strong:700;--font-weight-action:750;--font-weight-title:800;--tracking-wide:.1em;--tracking-tight:-.025em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--shadow-control:0 1px 0 #00000014;--shadow-page:0 1px 2px #00000014, 0 18px 60px #00000024;--transition-fast:.14s ease;--focus-ring-color:var(--color-ink);--focus-ring-width:2px;--focus-ring-offset:3px;--control-height:2.65rem;--control-height-compact:2.35rem;--editor-width:clamp(25rem, 34vw, 34rem);--preview-zoom-readout-width:3.25rem;--print-ink:#000;--print-paper:#fff;--print-page-width:297mm;--print-page-height:210mm;--print-panel-width:99mm;--print-panel-height:210mm;--print-panel-padding-x:8mm;--print-panel-padding-y:8mm;--print-stroke-width:.3mm;--print-date-size:17pt;--print-date-space:7mm;--print-panel-number-size:7pt;--print-panel-number-space:5mm;--print-list-gap:5mm;--print-list-title-size:11pt;--print-task-size:8.5pt;--print-task-gap-x:4mm;--print-task-gap-y:2mm;--print-checkbox-size:3.5mm}*{box-sizing:border-box}html{color:var(--text-primary);background:var(--surface-canvas);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{min-width:20rem;min-height:100vh;margin:0}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}::selection{color:var(--action-text);background:var(--action-surface)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.print-page{break-inside:avoid;width:var(--print-page-width);height:var(--print-page-height);grid-auto-flow:column;grid-auto-columns:var(--print-panel-width);color:var(--print-ink);background:var(--print-paper);box-shadow:var(--shadow-page);font-family:var(--font-print);display:grid;overflow:hidden}.print-panel{break-inside:avoid;width:var(--print-panel-width);height:var(--print-panel-height);min-width:0;padding:var(--print-panel-padding-y) var(--print-panel-padding-x);background:var(--print-paper);flex-direction:column;display:flex;position:relative;overflow:visible}.print-page>.print-panel:not(:last-child):after{width:var(--print-stroke-width);content:"";background:var(--print-ink);height:100%;position:absolute;top:0;right:0}.print-page>.print-panel--filler:after{content:none}.print-page>.print-panel:has(+.print-panel--filler):after{content:none}.print-panel--filler{background:var(--print-paper)}.print-panel__header:empty{display:none}.print-date{min-height:var(--print-date-space);font-size:var(--print-date-size);font-weight:var(--font-weight-title);letter-spacing:-.045em;margin:0;line-height:1}.print-panel-number{min-height:var(--print-panel-number-space);font-family:var(--font-mono);font-size:var(--print-panel-number-size);font-weight:var(--font-weight-strong);letter-spacing:.08em;text-transform:uppercase;margin:0;line-height:1}.print-date+.print-panel-number{margin-top:2mm}.print-panel__lists{flex:1;min-height:0}.print-list{break-inside:avoid}.print-list+.print-list{margin-top:var(--print-list-gap)}.print-list--overflow{outline:.5mm dashed var(--print-ink);outline-offset:1mm}.print-list__title{overflow-wrap:anywhere;font-size:var(--print-list-title-size);font-weight:var(--font-weight-title);letter-spacing:var(--tracking-tight);margin:0;line-height:1.12}.print-list__rule{height:var(--print-stroke-width);background:var(--print-ink);margin:2mm 0 3mm}.print-task-grid{column-gap:var(--print-task-gap-x);row-gap:var(--print-task-gap-y);grid-template-columns:minmax(0,1fr);display:grid}.print-task{break-inside:avoid;grid-template-columns:var(--print-checkbox-size) minmax(0, 1fr);align-items:start;gap:1.8mm;min-width:0;display:grid}.print-checkbox{width:var(--print-checkbox-size);height:var(--print-checkbox-size);box-shadow:inset 0 0 0 var(--print-stroke-width) var(--print-ink);place-items:center;font-family:Arial,sans-serif;font-size:7pt;font-weight:900;line-height:1;display:grid}.print-checkbox--checked{color:var(--print-paper);background:var(--print-ink)}.print-task__text{overflow-wrap:anywhere;min-width:0;font-size:var(--print-task-size);font-weight:500;line-height:1.22}.moon-text,.moon-text__glyphs{display:inline}.moon-text{line-height:1.24}.moon-text__glyphs{word-spacing:.16em}.moon-word{vertical-align:-.08em;display:inline-block;overflow:visible}.print-task__text--checked{text-decoration:line-through;text-decoration-thickness:.25mm}.print-task__text--checked.print-task__text--moon{text-decoration:none}.print-task__text--checked.print-task__text--moon .moon-text__glyphs{background-image:linear-gradient(currentColor,currentColor);background-position:0;background-repeat:no-repeat;background-size:100% .25mm}.measurement-layer{z-index:-1;grid-template-columns:var(--print-panel-width) var(--print-panel-width);visibility:hidden;pointer-events:none;width:max-content;display:grid;position:fixed;top:0;left:-200vw}.measurement-layer>.print-panel{break-inside:avoid;grid-row:1}.measurement-gap{width:var(--print-list-gap);height:1px}.measurement-lists{width:calc(var(--print-panel-width) - (2 * var(--print-panel-padding-x)));grid-column:1}.measurement-lists>div+div{margin-top:var(--print-list-gap)}@page{size:A4 landscape;margin:0}@media print{html,body,#root,.app-shell{min-width:var(--print-page-width)!important;min-height:0!important;color:var(--print-ink)!important;background:var(--print-paper)!important;margin:0!important;padding:0!important;overflow:visible!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.screen-only,.measurement-layer{display:none!important}.workspace,.preview-pane,.preview-stage,.print-pages{background:var(--print-paper)!important;width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.preview-page-shell{break-after:page;page-break-after:always;height:auto!important;margin:0!important}.preview-page-shell:last-child{break-after:auto;page-break-after:auto}.print-panel{height:auto!important;min-height:209mm!important;max-height:210mm!important;display:block!important}.print-panel__lists{display:block!important}.print-page{break-inside:avoid;height:auto!important;box-shadow:none!important;overflow:hidden!important;transform:none!important}.print-rotated .preview-page-shell{width:var(--print-page-height)!important;height:var(--print-page-width)!important;overflow:hidden!important}.print-rotated .print-page{transform-origin:0 0!important;transform:rotate(90deg)translateY(-100%)!important}.app-shell--print-blocked .workspace{display:none!important}.app-shell--print-blocked .print-blocker{width:var(--print-page-width);height:var(--print-page-height);text-align:center;place-content:center;padding:30mm;display:grid!important}.print-blocker h1{font:var(--font-weight-title) 24pt/1 var(--font-print);margin:0 0 5mm}.print-blocker p{max-width:150mm;font:12pt/1.5 var(--font-print);margin:0}}html,body,#root{height:100vh;margin:0;padding:0;overflow:hidden}.app-shell{background:var(--surface-page);flex-direction:column;height:100vh;display:flex}.print-blocker{display:none}.toolbar-group,.toggle-control,.primary-button,.secondary-button,.text-button,.mode-switcher__button{align-items:center;display:flex}.document-toolbar{z-index:35;align-items:stretch;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--surface-page);border-bottom:var(--border-width) solid var(--border-subtle);flex-direction:column;display:flex}.toolbar-group{gap:var(--space-3);flex-wrap:wrap}.toolbar-group--end{padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-surface-strong)}.print-dialog-hint{max-width:44rem;color:var(--text-secondary);font-size:var(--text-xs);text-wrap:pretty;flex-basis:100%;margin:0;line-height:1.5}.file-input-control{gap:var(--space-2);cursor:pointer;position:relative}.file-input-control input{opacity:0;width:1px;height:1px;position:absolute}.file-input-control:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.import-status{align-items:center;gap:var(--space-2);max-width:44rem;color:var(--status-attention);font-size:var(--text-xs);flex-basis:100%;margin:0;line-height:1.5;display:flex}.toggle-control{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-control);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.toggle-control input{opacity:0;width:1px;height:1px;position:absolute}.toggle-control__track{background:var(--surface-muted);border:var(--border-width) solid var(--border-strong);width:2rem;height:1.15rem;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:999px;position:relative}.toggle-control__track:after{content:"";background:var(--surface-page);border:var(--border-width) solid var(--border-strong);width:.69rem;height:.69rem;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:.17rem;left:.18rem}.toggle-control input:checked+.toggle-control__track{background:var(--action-surface);border-color:var(--action-border)}.toggle-control input:checked+.toggle-control__track:after{background:var(--action-text);border-color:var(--action-text);transform:translate(.82rem)}.toggle-control input:focus-visible+.toggle-control__track{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.date-control input{height:var(--control-height-compact);padding:0 var(--space-3);color:var(--text-primary);background:var(--surface-page);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-control);box-shadow:var(--shadow-control)}.date-control--disabled{opacity:.38}.primary-button,.secondary-button,.text-button,.icon-button,.mode-switcher__button{transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:0;justify-content:center}.primary-button{min-height:var(--control-height);gap:var(--space-2);padding:0 var(--space-4);color:var(--action-text);background:var(--action-surface);border:var(--border-width) solid var(--action-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-action);box-shadow:var(--shadow-control)}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled{color:var(--action-text-disabled);background:var(--action-surface-disabled);border-color:var(--action-border-disabled)}.workspace{grid-template-columns:var(--editor-width) minmax(0, 1fr);flex:1;min-height:0;display:grid}.editor-pane{z-index:10;background:var(--surface-page);border-right:var(--border-width) solid var(--border-subtle);flex-direction:column;min-width:0;min-height:0;display:flex}.preview-pane{background-color:var(--surface-canvas);background-image:radial-gradient(var(--color-line) .7px, transparent .7px);background-size:12px 12px;min-width:0;overflow-y:auto}.eyebrow{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-strong);letter-spacing:var(--tracking-wide);text-transform:uppercase}.mode-switcher{background:var(--surface-muted);border-radius:var(--radius-md);flex:none;grid-template-columns:1fr 1fr;padding:.2rem;display:inline-grid}.mode-switcher__button{gap:var(--space-2);min-height:2.15rem;padding:0 var(--space-3);color:var(--text-muted);border-radius:calc(var(--radius-md) - .2rem);font-size:var(--text-xs);font-weight:var(--font-weight-action);background:0 0}.mode-switcher__button.is-active{color:var(--text-primary);background:var(--surface-page);box-shadow:var(--shadow-control)}.editor-scroll-region{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.visual-editor,.markdown-editor{padding:var(--space-5) var(--space-6) var(--space-10)}.block-stack{gap:var(--space-4);display:grid}.list-card{padding:var(--space-4);background:var(--surface-page);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-control);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.list-card:focus-within{border-color:var(--border-emphasis);box-shadow:0 0 0 var(--border-width) var(--border-emphasis)}.list-card--overflow{border:var(--border-width-emphasis) dashed var(--status-attention)}.list-card:focus-visible{outline:var(--border-width-emphasis) solid var(--border-emphasis);outline-offset:2px}.list-card__overflow-note{align-items:flex-start;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5;display:flex}.narrow-only{display:none}.list-card__header,.list-card__actions,.task-editor-row,.panel-break-card__content,.editor-add-actions,.inline-message,.overflow-banner{align-items:center;display:flex}.removal-status{align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-6) 0;padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:var(--surface-page);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.removal-status .text-button{margin-left:auto}.list-card__header{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.list-card__actions{gap:var(--space-1)}.icon-button{width:2rem;height:2rem;color:var(--text-secondary);background:var(--surface-subtle);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--action-text);background:var(--action-surface);border-color:var(--action-border)}.icon-button:disabled{opacity:.3}.confirm-action{align-items:center;gap:var(--space-2);display:flex}.confirm-action__question{color:var(--text-secondary);font-size:var(--text-xs)}.confirm-action__accept,.confirm-action__decline{min-height:var(--control-height-compact);padding:0 var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-action)}.confirm-action__accept{color:var(--action-text);background:var(--action-surface);border-color:var(--action-border)}.confirm-action__decline{color:var(--text-secondary);background:var(--surface-subtle)}.icon-button--quiet{width:1.8rem;height:1.8rem;color:var(--text-muted);opacity:0;background:0 0;border-color:#0000}.task-editor-row:hover .icon-button--quiet,.task-editor-row:focus-within .icon-button--quiet{opacity:1}.list-card__title-input,.task-editor-row__input{background:0 0;border:0;outline:0;width:100%;padding:0}.list-card__title-input{padding-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--border-strong);font-size:var(--text-lg);font-weight:var(--font-weight-action);letter-spacing:var(--tracking-tight)}.task-editor-list{gap:var(--space-1);margin-top:var(--space-3);display:grid}.task-editor-row{min-height:var(--control-height-compact);gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.task-editor-row:hover,.task-editor-row:focus-within{background:var(--surface-subtle)}.task-editor-row__checkbox-label{min-height:var(--control-height-compact);margin-block:calc(var(--space-1) * -1);padding-block:var(--space-1);padding-inline:var(--space-1);cursor:pointer;align-self:stretch;align-items:center;display:flex}.task-editor-row__checkbox{width:1rem;height:1rem;accent-color:var(--action-surface);margin:0}.task-editor-row__input{min-width:0;font-size:var(--text-sm);flex:1}.task-editor-row__input::placeholder,.list-card__title-input::placeholder{color:var(--text-placeholder)}.text-button{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-action);background:0 0}.text-button:hover{color:var(--text-primary)}.panel-break-card{gap:var(--space-2);padding:var(--space-1) 0;display:grid}.panel-break-card__rule{background:repeating-linear-gradient(to right, var(--border-strong) 0 5px, transparent 5px 10px);height:1px}.panel-break-card__content{gap:var(--space-3);color:var(--text-secondary)}.panel-break-card__content>div{flex:1;gap:.1rem;display:grid}.panel-break-card__content strong{font-size:var(--text-sm)}.panel-break-card__content span{color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}.editor-add-actions{gap:var(--space-3);margin-top:var(--space-5)}.secondary-button{min-height:var(--control-height);gap:var(--space-2);padding:0 var(--space-4);color:var(--text-primary);background:var(--surface-page);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-action);box-shadow:var(--shadow-control);flex:1}.secondary-button:hover{color:var(--action-text);background:var(--action-surface);border-color:var(--action-border)}.markdown-editor__textarea{width:100%;min-height:calc(100vh - 22rem);padding:var(--space-5);resize:none;color:var(--text-primary);background:var(--surface-subtle);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-sm);tab-size:2;line-height:1.75;overflow:hidden}.markdown-editor__textarea[aria-invalid=true]{border:var(--border-width-emphasis) dashed var(--status-attention)}.markdown-editor__help{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);line-height:1.45}.inline-message,.overflow-banner{align-items:flex-start;gap:var(--space-3);color:var(--text-primary);background:var(--surface-page);border:var(--border-width) solid var(--border-emphasis);border-radius:var(--radius-md)}.inline-message{margin-top:var(--space-4);padding:var(--space-3);font-size:var(--text-xs);line-height:1.5}.inline-message strong,.overflow-banner strong{display:block}.inline-message ul{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.storage-status{gap:var(--space-2);padding:var(--space-3) var(--space-6) 0;display:grid}.storage-status__state{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);margin:0;display:flex}.storage-status__state--failed{color:var(--status-attention);font-weight:600}.storage-status__detail{max-width:44rem;color:var(--text-secondary);font-size:var(--text-xs);margin:0;line-height:1.45}.storage-status__recovery{align-items:flex-start;gap:var(--space-3);max-width:44rem;padding:var(--space-3) var(--space-4);color:var(--text-primary);background:var(--surface-page);border:var(--border-width-emphasis) solid var(--border-emphasis);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.storage-status__recovery div{justify-items:start;gap:var(--space-2);display:grid}.storage-status__recovery span{color:var(--text-muted);font-size:var(--text-xs);line-height:1.45}.overflow-banner{margin:var(--space-5) var(--space-6) 0;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-style:dashed}.overflow-banner div{gap:var(--space-1);display:grid}.overflow-banner span{color:var(--text-muted);font-size:var(--text-xs)}.preview-zoom{z-index:1;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background-color:var(--surface-canvas);display:flex;position:sticky;top:0}.preview-zoom__level{min-width:var(--preview-zoom-readout-width);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-control);text-align:center;font-variant-numeric:tabular-nums}.preview-zoom__reset{min-height:var(--control-height-compact);padding:0 var(--space-3);color:var(--text-secondary);background:var(--surface-subtle);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-action)}.preview-zoom__reset:hover:not(:disabled){color:var(--action-text);background:var(--action-surface);border-color:var(--action-border)}.preview-zoom__reset:disabled{opacity:.3}.preview-stage{min-width:0;padding:var(--space-8) var(--space-6);overflow:auto}.print-pages{justify-items:center;gap:var(--space-8);width:max-content;min-width:100%;margin-inline:auto;display:grid}.preview-page-shell{flex:none;position:relative}.print-page{transform-origin:0 0}@media (width<=1080px){.document-toolbar{padding-inline:var(--space-4)}.workspace{grid-template-columns:minmax(22rem,26rem) minmax(0,1fr)}.visual-editor,.markdown-editor{padding-inline:var(--space-4)}.mode-switcher{width:100%}}@media (width<=820px){.document-toolbar{flex-direction:column;align-items:flex-start;position:static}.toolbar-group,.toolbar-group--end{justify-content:space-between;width:100%}html,body,#root,.app-shell{height:auto;overflow:visible}.workspace{display:block}.editor-pane{border-right:0;height:auto;max-height:none}.editor-scroll-region{overflow:visible}.markdown-editor__textarea{min-height:28rem}.preview-pane{border-top:var(--border-width) solid var(--border-subtle)}.narrow-only{display:inline-flex}.preview-pane__return{margin:var(--space-4) var(--space-4) 0}}@media (width<=520px){.document-toolbar,.visual-editor,.markdown-editor{padding-inline:var(--space-3)}.toolbar-group,.toolbar-group--end,.editor-add-actions{flex-direction:column;align-items:stretch}.date-control,.date-control input,.primary-button{width:100%}.preview-stage{padding:var(--space-5) var(--space-3)}.preview-zoom{padding-inline:var(--space-3)}}