:root{color-scheme:light;--bg:#f5f0e4;--paper:#fffaf0;--paper-strong:#f6efe0;--ink:#1e2835;--ink-soft:#3a4759;--muted:#5d6878;--line:rgba(31,47,77,0.12);--line-strong:rgba(31,47,77,0.2);--accent:#244c87;--accent-soft:rgba(36,76,135,0.12);--accent-warm:#e45e3c;--danger:#b33a30;--danger-soft:rgba(179,58,48,0.12);--success:#2f7a44;--success-soft:rgba(47,122,68,0.12);--shadow:0 18px 45px rgba(32,42,64,0.12);--shadow-soft:0 12px 24px rgba(32,42,64,0.08);font-family:"Source Han Serif SC","Noto Serif SC",Songti SC,serif}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(255,255,255,.55),transparent 38%),linear-gradient(135deg,#efe4cd,#f5f1e9 48%,#ebe3d3)}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(transparent,transparent 23px,rgba(30,40,53,.035) 24px),linear-gradient(90deg,rgba(201,185,152,.32),rgba(201,185,152,.32) 70px,transparent 0),linear-gradient(135deg,#f4ead6,#f8f3e9);background-size:100% 24px,100% 100%,100% 100%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block}audio,img{max-width:100%}audio{width:100%}.page-shell{width:min(1320px,calc(100vw - 32px));margin:0 auto;padding:28px 0 56px}.page-shell--compact{width:min(980px,calc(100vw - 32px))}.reading-page{width:min(980px,calc(100vw - 28px))}h1,h2,h3{margin:0;font-weight:700;line-height:1.15}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:1.5rem}p{margin:0;line-height:1.7}code{padding:.14rem .4rem;border-radius:999px;background:rgba(18,35,60,.08);font-family:SFMono-Regular,Cascadia Code,Consolas,monospace}.card,.hero-card,.panel{border:1px solid var(--line);background:rgba(255,250,240,.88);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-card{display:grid;gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);border-radius:30px;padding:28px;margin-bottom:24px}.eyebrow{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.muted{color:var(--muted)}.card-grid,.stat-grid{display:grid;gap:16px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{display:grid;gap:6px;align-content:center;justify-items:center;min-height:112px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(36,76,135,.1),rgba(255,255,255,.7))}.stat-card strong{font-size:2.2rem;color:var(--accent)}.stat-card span{color:var(--muted)}.admin-grid{display:grid;gap:20px;grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}.admin-grid--wide{grid-template-columns:minmax(320px,460px) minmax(0,1fr)}.panel{border-radius:28px;padding:22px}.panel__header,.reading-hero,.timing-editor__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.editor-stack,.nested-stack,.reading-shell,.sentence-editor,.sentence-editor-list,.sentence-stack,.share-card-list,.share-card__body,.stack-form,.tree-stack{display:grid;gap:14px}.card,.nested-card,.sentence-card,.sentence-editor,.sentence-picker__item,.share-card,.stack-form--card,.stack-form--soft,.tree-card{border-radius:20px;border:1px solid var(--line)}.card,.stack-form--card,.tree-card{padding:18px}.nested-card,.sentence-editor,.share-card,.stack-form--soft{padding:16px;background:rgba(255,255,255,.72)}.card{padding:20px}.card-empty{justify-items:start}.card-warning{border-color:rgba(228,94,60,.22);background:rgba(228,94,60,.08)}.card-danger{border-color:rgba(179,58,48,.3);background:rgba(179,58,48,.1)}.notice-banner{margin-bottom:18px;padding:14px 18px;border-radius:18px;border:1px solid transparent}.notice-banner.is-success{color:var(--success);border-color:rgba(47,122,68,.22);background:var(--success-soft)}.notice-banner.is-error{color:var(--danger);border-color:rgba(179,58,48,.22);background:var(--danger-soft)}.field-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:8px}.timing-summary strong,label span{font-size:.9rem;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:14px;padding:11px 13px;background:rgba(255,255,255,.88);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(36,76,135,.18);border-color:var(--accent)}.button-link,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--accent);color:#fffaf2;cursor:pointer;box-shadow:0 10px 24px rgba(36,76,135,.24)}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.button-ghost,.button-link--ghost{background:rgba(36,76,135,.08);color:var(--accent);box-shadow:none}.button-danger{background:var(--danger);box-shadow:0 10px 24px rgba(179,58,48,.24)}.button-row{display:flex;flex-wrap:wrap;gap:10px}.account-actions,.account-list,.account-meta{display:grid;gap:12px}.account-list__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.account-meta{color:var(--muted)}.account-inline-note,.account-meta{font-size:.95rem}.account-inline-note,.account-meta span,.muted,.practice-checkbox-item span,.sentence-picker__item span{overflow-wrap:anywhere}.report-range-switcher{margin-bottom:16px}.report-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72)}.report-table{width:100%;border-collapse:collapse;min-width:640px}.report-table td,.report-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.report-table th{background:rgba(36,76,135,.08);color:var(--ink-soft);font-weight:600}.report-table tbody tr:last-child td{border-bottom:none}.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(228,94,60,.12);color:var(--accent-warm);font-size:.85rem;white-space:nowrap}.status-pill.is-success{background:var(--success-soft);color:var(--success)}.status-pill.is-warning{background:rgba(228,94,60,.12);color:var(--accent-warm)}.status-pill.is-muted{background:rgba(58,71,89,.12);color:var(--ink-soft)}.checkbox-row{display:flex;gap:10px;align-items:center}.checkbox-row input{width:auto}.practice-checkbox-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.practice-checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.64)}.practice-checkbox-item input{width:auto}.practice-edit-panel{margin-top:8px;padding:10px 12px;border-radius:14px;border:1px dashed var(--line);background:rgba(255,255,255,.66)}.practice-edit-panel summary{cursor:pointer;color:var(--accent);font-weight:600;-webkit-user-select:none;user-select:none}.practice-edit-form{margin-top:10px}.practice-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-link-list,.practice-edit-grid{display:grid;gap:10px}.page-link{display:grid;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.7)}.page-link small{color:var(--muted)}.page-link.is-active{border-color:rgba(36,76,135,.32);background:var(--accent-soft)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-list{display:grid;gap:10px}.metadata-list div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.metadata-list strong{color:var(--muted);font-size:.9rem}.metadata-list span,.share-card a{overflow-wrap:anywhere}.audio-preview{width:100%;margin-top:8px}.share-card{display:grid;gap:16px;grid-template-columns:180px minmax(0,1fr);align-items:start}.share-card img{border-radius:18px;border:1px solid var(--line);background:white}.share-card__status{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.share-card a,.share-card__status strong{color:var(--accent)}.share-card a{text-decoration:underline;text-decoration-thickness:1px}.timing-summary{display:grid;align-content:end}.timing-summary span{font-size:.95rem}.timing-editor{display:grid;gap:18px}.timing-editor__wave{min-height:240px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.9);padding:12px}.timing-editor__meta{display:grid;gap:6px}.zoom-control{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.zoom-control input{width:180px}.timing-editor__layout{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.sentence-picker{display:grid;gap:10px;max-height:360px;overflow:auto;padding-right:6px}.sentence-picker__item{width:100%;text-align:left;display:grid;gap:6px;padding:14px;background:rgba(255,255,255,.72);color:var(--ink);box-shadow:none}.sentence-picker__item small{color:var(--muted)}.sentence-picker__item.is-active{border-color:rgba(36,76,135,.32);background:var(--accent-soft)}.sentence-controls{display:grid;gap:16px;align-content:start;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.72)}.sentence-controls__header{display:grid;gap:6px}.timing-editor__save{justify-self:end}.error-text{color:var(--danger)}.reading-hero{margin-bottom:22px;padding:26px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,244,224,.9));box-shadow:var(--shadow)}.subtitle-text{margin-top:10px;font-size:1.05rem;color:var(--accent)}.reading-description{margin-top:14px;max-width:56ch}.reading-summary{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.reading-summary div{display:grid;gap:4px;padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.74);text-align:center}.reading-summary strong{font-size:1.6rem;color:var(--accent)}.reading-shell{gap:18px}.sentence-stack{gap:14px}.sentence-card{width:100%;display:grid;gap:12px;padding:18px;text-align:left;background:rgba(255,250,240,.86);color:var(--ink);box-shadow:var(--shadow-soft)}.sentence-card.is-playing{border-color:rgba(228,94,60,.34);background:rgba(228,94,60,.1)}.sentence-card.is-disabled{cursor:not-allowed;background:rgba(93,104,120,.08);color:var(--muted);box-shadow:none}.sentence-card__meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.92rem}.sentence-card__text{display:grid;gap:8px}.sentence-card__text p:first-child{font-size:1.3rem}.translation-text{font-size:1.02rem;color:var(--accent)}.sentence-note{font-size:.92rem}@media (max-width:1024px){.admin-grid,.admin-grid--wide,.card-grid,.hero-card,.reading-hero,.share-card,.timing-editor__layout{grid-template-columns:1fr}.account-list__header,.panel__header,.timing-editor__toolbar{flex-direction:column}}@media (max-width:720px){.page-shell{width:min(100vw - 20px,100%);padding:18px 0 36px}.card,.hero-card,.panel,.reading-hero{border-radius:22px;padding:18px}.card-grid,.field-grid,.practice-edit-grid,.reading-summary,.stat-grid{grid-template-columns:1fr}.button-row,.button-row .button-link,.button-row button,.button-row form,.button-row form .button-link,.button-row form button{width:100%}.timing-editor__save{justify-self:stretch}.timing-editor__save button{width:100%}.status-pill{white-space:normal}.page-link{padding:10px 12px}.sentence-card__text p:first-child{font-size:1.15rem}}@media (max-width:560px){.page-shell{width:calc(100vw - 14px);padding:12px 0 28px}.card,.hero-card,.nested-card,.panel,.reading-hero,.sentence-card,.stack-form--card,.stack-form--soft{border-radius:16px;padding:14px}h1{font-size:1.6rem}h2{font-size:1.25rem}input,select,textarea{padding:10px 11px}.zoom-control{align-items:flex-start}.zoom-control input{width:100%}.sentence-card__meta{flex-direction:column;align-items:flex-start}.report-table td,.report-table th{padding:8px 10px;font-size:.9rem}}