:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7e1d6;--paper:#f7f4ee;--ink:#1c1915;--muted:#5c564c;--line:#e4ddd0;--green:#215c45;--green-press:#1a4a37;--green-ink:#f7f4ee;--card:#fffcf7;--danger:#8a3d32;--warn-bg:#fff6dd;--warn-ink:#5c4810;--warn-line:#e6d39a;--pad:16px;--section:24px;--label-gap:8px;--radius:14px;--shadow:0 8px 24px #1c191514}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);caret-color:var(--green);accent-color:var(--green);margin:0;font-family:PingFang HK,PingFang TC,Noto Sans TC,Noto Sans CJK TC,Microsoft JhengHei,sans-serif;font-size:17px;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}::placeholder{color:var(--muted);opacity:1}::selection{background:var(--green);color:var(--green-ink)}.shell{width:100%;min-height:100dvh;padding-top:calc(var(--pad) + env(safe-area-inset-top));padding-right:calc(var(--pad) + env(safe-area-inset-right));padding-bottom:calc(var(--pad) + env(safe-area-inset-bottom));padding-left:calc(var(--pad) + env(safe-area-inset-left));gap:var(--section);background:var(--paper);flex-direction:column;margin-inline:auto;display:flex}h1,h2,p{margin:0}h1{letter-spacing:.02em;font-size:32px;line-height:1.2}h2{letter-spacing:.02em;color:var(--muted);font-size:15px}.hint,.empty,.note,.status,.cloud-note{color:var(--muted);font-size:15px}.status:empty,.cloud-note:empty{display:none}.primary,.choice,.item,.text-button,.title-input,.lesson,.pin-input,.secondary,.empty,.dialog{border-radius:var(--radius)}.primary,.choice,.text-button,.secondary,.danger{min-height:48px;padding:var(--pad)}.primary,.secondary,.text-button,.choice,.danger{border:1px solid #0000}.primary{border-color:var(--green);background:var(--green);width:100%;color:var(--green-ink);font-weight:600}.primary:disabled,.choice:disabled,.danger:disabled{opacity:.55;cursor:wait}.choice,.item,.text-button,.secondary{border-color:var(--line);background:var(--card)}.secondary{width:100%;color:var(--green);background:0 0;font-weight:600}.choices{gap:var(--pad);display:flex}.choices .primary{flex:1;width:auto}.choice{flex:1;font-weight:600}.choice.is-selected{border-color:var(--green);background:var(--green);color:var(--green-ink)}.collection,.list,.editor-head,.editor-work,.editor-visual,.pin-form,.gate,.settings-body{gap:var(--pad);flex-direction:column;min-width:0;display:flex}.list{gap:var(--pad)}.item{width:100%;padding:var(--pad);align-items:center;column-gap:var(--pad);row-gap:var(--label-gap);text-align:left;grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.item-title,.item-preview,.item-meta{overflow-wrap:anywhere;grid-column:1;min-width:0}.item-title{font-weight:600}.item-preview,.item-meta{color:var(--muted)}.item-preview{font-size:15px}.item-preview.is-empty{color:var(--muted)}.item-meta{font-size:13px}.item:after{content:"";border-right:2px solid var(--green);border-bottom:2px solid var(--green);grid-area:1/2/span 3;justify-self:center;width:8px;height:8px;transform:rotate(-45deg)}.empty{padding:var(--pad);border:1px solid var(--line);background:var(--card)}.topbar{align-items:center;gap:var(--pad);min-width:0;display:flex}.back{min-width:44px;min-height:44px;margin:0 0 0 calc(var(--pad) * -1);padding:var(--pad);color:var(--green);background:0 0;border:0;border-radius:999px;font-weight:600}.brand{letter-spacing:.02em;font-size:20px;font-weight:700}.field{gap:var(--label-gap);flex-direction:column;min-width:0;display:flex}.label{font-size:14px;font-weight:600}.title-input,.lesson,.pin-input{border:1px solid var(--line);width:100%;padding:var(--pad);background:#fff}.title-input{min-height:48px;font-size:18px}.lesson{resize:vertical;min-height:240px;font-size:18px;line-height:1.7}.voice-note,.note.warning,.cloud-note[data-tone=warn]{padding:var(--pad);border:1px solid var(--warn-line);border-radius:var(--radius);background:var(--warn-bg);color:var(--warn-ink);font-size:15px}.photo-caption{color:var(--green);font-size:15px;font-weight:600}.photo-stage,.crop-frame{border:1px solid var(--line);border-radius:var(--radius);touch-action:pan-y;background:#fff;width:100%;overflow:hidden}.crop-stage,.dictation-panel,.dictation-fields{gap:var(--pad);flex-direction:column;min-width:0;display:flex}.crop-frame{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.crop-box{border:2px solid var(--green);touch-action:none;position:absolute;box-shadow:0 0 0 9999px #1c191573}.crop-handle{background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute}.crop-handle:after{content:"";background:var(--green);border:2px solid var(--paper);border-radius:99px;width:14px;height:14px;position:absolute;top:15px;left:15px}.crop-handle-nw{top:0;left:0}.crop-handle-n{top:0;left:calc(50% - 22px)}.crop-handle-ne{top:0;right:0}.crop-handle-e{top:calc(50% - 22px);right:0}.crop-handle-se{bottom:0;right:0}.crop-handle-s{bottom:0;left:calc(50% - 22px)}.crop-handle-sw{bottom:0;left:0}.crop-handle-w{top:calc(50% - 22px);left:0}.number-input{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:48px;padding:var(--pad);background:#fff}.follow{min-height:48px;padding:var(--pad);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);font-size:18px;line-height:1.7}.follow-done{box-shadow:inset 0 -3px 0 var(--green);background:#215c4529}.follow-rest{color:var(--muted)}.follow-meta{color:var(--green);font-size:15px;font-weight:600;display:block}.photo-frame{min-width:100%;position:relative}.photo{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.ocr-box{touch-action:manipulation;background:#215c4529;border:2px solid #215c45f2;border-radius:6px;margin:0;padding:0;position:absolute;box-shadow:inset 0 0 0 1px #fffcf766}.ocr-box.is-speaking{z-index:1;background:#c47b1266;border-color:#c47b12;outline:2px solid #c47b12}.editor-split{gap:var(--section);flex-direction:column;min-width:0;display:flex}.editor-visual,.editor-work{min-width:0}.read-board{gap:var(--pad);flex-direction:column;display:flex}.read-line{gap:var(--label-gap);flex-direction:column;display:flex}.read-sentence,.read-char{border:1px solid var(--line);background:#fff}.read-sentence{min-height:48px;padding:var(--pad);border-color:var(--green);color:var(--ink);text-align:left;background:#fff;border-radius:12px;font-size:18px;font-weight:600}.read-chars{gap:var(--label-gap);flex-wrap:wrap;display:flex}.read-char{border-radius:10px;min-width:44px;min-height:44px;padding:0;font-size:20px}.read-sentence.is-speaking,.read-char.is-speaking,.ocr-box.is-paused,.read-sentence.is-paused{outline-offset:1px;outline:3px solid #c47b12}.ocr-box.is-paused,.read-sentence.is-paused{outline-style:dashed}.text-button{width:100%;color:var(--danger);background:0 0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--green);outline-offset:2px}.pin-input{letter-spacing:.28em;text-align:center;min-height:56px;font-size:24px}.settings-title{font-size:28px;line-height:1.2}.dialog-backdrop{z-index:5;padding-top:calc(var(--pad) + env(safe-area-inset-top));padding-right:calc(var(--pad) + env(safe-area-inset-right));padding-bottom:calc(var(--pad) + env(safe-area-inset-bottom));padding-left:calc(var(--pad) + env(safe-area-inset-left));background:#1c191559;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{width:min(100%,28rem);padding:var(--pad);gap:var(--pad);background:var(--paper);box-shadow:var(--shadow);flex-direction:column;display:flex}.dialog-title{font-size:20px;font-weight:700}.dialog-actions{gap:var(--pad);display:flex}.danger{border-color:var(--danger);background:var(--danger);color:var(--green-ink);flex:1;font-weight:600}@media (hover:hover){.primary:hover:not(:disabled){background:var(--green-press);border-color:var(--green-press)}.choice:hover:not(:disabled):not(.is-selected),.item:hover,.secondary:hover,.text-button:hover,.read-char:hover{border-color:var(--green)}}.primary:active:not(:disabled),.choice.is-selected:active{background:var(--green-press);border-color:var(--green-press)}.item:active,.choice:active:not(:disabled):not(.is-selected),.secondary:active,.read-char:active{background:#efeae1}@media (width>=768px){:root{--pad:24px;--section:32px}.shell[data-screen=pin] .gate,.shell[data-screen=loading] .gate,.shell[data-screen=settings] .settings-body{width:min(100%,32rem);margin-inline:auto}.list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.dialog-backdrop{align-items:center}}@media (width>=900px){.shell[data-screen=editor] .editor-split{gap:var(--section);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;display:grid}.shell[data-screen=editor] .editor-split:not(:has(.photo-stage:not([hidden]),.crop-stage)){grid-template-columns:minmax(0,1fr)}}.editor-visual:not(:has(.photo-stage:not([hidden]),.crop-stage)){display:none}@media (width>=1280px){body{padding:var(--section)}.shell{width:min(1120px,100%);min-height:calc(100dvh - (var(--section) * 2));box-shadow:var(--shadow);border-radius:16px}}