:root{color:#2f2b25;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#fffaf0;--ink-muted:#695f50;--line:#dfd2bc;--green:#377f71;--coral:#d65f4c;--blue:#466e95;--yellow:#e5ad35;--shadow:0 16px 40px #48372324;background:#f7f2e8;font-family:ui-rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#fffaf0e6,#f7f2e8),#f7f2e8;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 44px}.status-region{z-index:10;gap:6px;display:grid;position:sticky;top:0}.status-banner{color:#fff;text-align:center;padding:10px 18px;font-size:15px}.status-banner.offline{background:#9a4938}.status-banner.webview{background:#335f7e}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.shelf-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:var(--blue);letter-spacing:0;margin:0 0 4px;font-size:14px;font-weight:800}h1{letter-spacing:0;margin:0;font-size:34px;line-height:1.12}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.story-card{min-height:100%;color:inherit;text-align:left;background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow);cursor:pointer;border-radius:8px;gap:12px;padding:0;display:grid;overflow:hidden}.story-card:focus-visible,.story-card:hover{border-color:var(--green);outline:none;transform:translateY(-1px)}.story-cover{aspect-ratio:4/3;object-fit:cover;background:#e8dfd1;width:100%;display:block}.story-card-body{gap:12px;padding:0 16px 18px;display:grid}.story-title{min-height:56px;font-size:25px;font-weight:850;line-height:1.12}.story-meta{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.theme-pill{color:#24554c;align-items:center;gap:7px;font-weight:800;display:inline-flex}.theme-glyph{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.cache-control{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cache-control.compact{justify-content:flex-end}.secondary-button,.back-button{color:#203b36;border:2px solid var(--line);cursor:pointer;background:#fdf8ec;border-radius:8px;min-height:46px;padding:10px 14px;font-weight:850}.secondary-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button:focus-visible,.secondary-button:hover,.back-button:focus-visible,.back-button:hover{border-color:var(--green);outline:none}.cache-state{color:var(--ink-muted);font-size:14px;font-weight:750}.cache-state.cached{color:var(--green)}.cache-state.error{color:#a33b30}.player-page{gap:18px;display:grid}.back-button{justify-self:start}.back-button span{margin-right:4px;font-size:26px;line-height:0}.player-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:20px;display:grid}.page-art-wrap{border:2px solid var(--line);background:#ebe0ce;border-radius:8px;min-height:430px;overflow:hidden}.page-art{object-fit:cover;width:100%;height:100%;min-height:430px;display:block}.media-error{min-height:430px;color:var(--ink-muted);text-align:center;place-items:center;padding:24px;font-size:20px;font-weight:800;display:grid}.player-panel{background:var(--paper);border:2px solid var(--line);min-height:430px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:18px;padding:22px;display:flex}.story-heading{gap:6px;display:grid}.story-heading p{color:var(--ink-muted);margin:0;font-weight:750}.story-text{color:#3b342b;min-height:86px;margin:0;font-size:22px;font-weight:700;line-height:1.5}.progress-track{background:#eadcc6;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-track span{background:var(--green);height:100%;display:block}.player-controls{grid-template-columns:64px minmax(130px,1fr) 64px minmax(96px,.75fr);align-items:center;gap:10px;margin-top:auto;display:grid}.icon-button,.play-button,.replay-button{color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:64px;font-weight:900}.icon-button{background:var(--blue);font-size:40px;line-height:1}.play-button{background:var(--coral);justify-content:center;align-items:center;gap:10px;font-size:22px;display:inline-flex}.replay-button{background:var(--green);justify-content:center;align-items:center;gap:8px;display:inline-flex}.icon-button:disabled{cursor:not-allowed;background:#c2b7a7}.icon-button:focus-visible,.play-button:focus-visible,.replay-button:focus-visible{outline-offset:2px;outline:3px solid #1f3f38}.error-text,.cache-hint,.form-status{margin:0;font-size:15px;font-weight:800}.error-text{color:#a33b30}.cache-hint,.form-status{color:var(--green)}.parent-tools{grid-template-columns:1fr 1fr;gap:16px;display:grid}.parent-note,.feedback-panel{border:2px solid var(--line);background:#fffdf6;border-radius:8px}.parent-note summary,.feedback-panel summary{cursor:pointer;padding:16px 18px;font-size:18px;font-weight:900}.parent-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;padding:0 18px 18px;display:grid}.note-list h3{color:var(--blue);margin:0 0 6px;font-size:15px}.note-list ul{color:var(--ink-muted);margin:0;padding-left:20px}.feedback-panel form{gap:12px;padding:0 18px 18px;display:grid}.segmented-control{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.segmented-control button{color:#43382d;background:#f6ecd9;border:2px solid #0000;border-radius:8px;min-height:44px;font-weight:850}.segmented-control button.selected{color:#fff;background:var(--blue)}.feedback-note{color:var(--ink-muted);gap:6px;font-weight:800;display:grid}.feedback-note textarea{resize:vertical;width:100%;color:inherit;border:2px solid var(--line);background:#fffaf0;border-radius:8px;padding:10px 12px}.centered-state{text-align:center;place-items:center;min-height:70vh;display:grid}.centered-state p{color:var(--ink-muted);font-size:18px}@media (width<=860px){.app-shell{width:min(100% - 20px,680px);padding-top:18px}.shelf-header,.parent-tools,.player-layout{grid-template-columns:1fr}.shelf-header{align-items:start;display:grid}.cache-control.compact{justify-content:start}.story-grid{grid-template-columns:1fr}.story-card{grid-template-columns:44% 1fr;align-items:stretch}.story-cover{height:100%;min-height:150px}.story-card-body{align-content:center;padding:14px}.story-title{min-height:0;font-size:22px}.story-meta{justify-content:start;display:grid}.page-art-wrap,.page-art,.media-error{min-height:280px}.player-layout{display:grid}.player-panel{min-height:auto;padding:16px}.player-controls{grid-template-columns:58px 1fr 58px}.replay-button{grid-column:1/-1}.parent-note-grid{grid-template-columns:1fr}}@media (width<=480px){h1{font-size:29px}.story-card{grid-template-columns:1fr}.story-cover{min-height:0}.story-text{font-size:19px}.segmented-control{grid-template-columns:1fr}}