:root{color:#263432;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f3f8f7;--surface:#fbfdfd;--surface-soft:#eef5f4;--text:#263432;--text-muted:#52635f;--accent:#6e9994;--accent-soft:#ddeae8;--hairline:#2634321a;background:#f3f8f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}body.dialog-open{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;min-height:44px}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,dialog:focus-visible,a:focus-visible{outline:2px solid var(--text);outline-offset:3px}.shell{min-height:100vh;padding:20px;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom))}.app-frame{width:min(100%,42rem);margin:0 auto}.app-header{padding:12px 0 24px}.wordmark{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:14px}h1,h2{margin:0;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.1rem}.status-message{color:var(--text-muted);margin:12px 0 0;font-size:14px;line-height:1.5}.status-warning{color:#6b5540}.status-error{color:#7a4038}.murli-card,.english-original,.practice-panel{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;padding:24px}.card-text,.context-prose p,.english-original p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1.65}.translation-note{color:var(--text-muted);margin:12px 0 0;font-size:14px;line-height:1.5}.text-button,.secondary-button,.primary-button,.icon-button,.language-switch button{border:1px solid var(--hairline);color:var(--text);background:var(--surface-soft);overflow-wrap:anywhere;border-radius:10px;padding:8px 14px}.text-button{color:#3f6864;text-underline-offset:3px;background:0 0;border:0;margin-top:18px;padding-left:0;padding-right:0;text-decoration:underline}.primary-button{color:var(--surface);background:#3f6864;border-color:#3f6864}.secondary-button,.icon-button,.language-switch button{border-color:var(--text-muted)}.progress{color:var(--text-muted);margin:16px 0 24px;font-size:14px}.practice-panel{background:var(--surface-soft);margin-top:16px}.practice-panel h2{font-size:1rem}.practice-panel .secondary-button{margin-top:16px}.actions{gap:12px;margin-top:16px;display:flex}.completion{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;padding:24px}.completion h2{font-size:1.35rem}.completion .primary-button{margin-top:20px}.english-original{margin-top:16px}.english-original h2{margin-bottom:12px}dialog{width:min(100% - 24px,42rem);max-height:90dvh;color:var(--text);background:var(--surface);border:1px solid var(--hairline);border-radius:16px 16px 0 0;margin:auto auto 0;padding:0}dialog::backdrop{background:#26343247}.dialog-content{max-height:90dvh;padding:24px;overflow-y:auto}.dialog-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.icon-button{width:44px;padding:0;font-size:28px;line-height:1}.language-switch{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.language-switch button{min-height:44px}.language-switch .language-active{background:var(--accent-soft);border-color:#3f6864}.context-prose{gap:16px;display:grid}.context-prose p{font-size:18px;line-height:1.65}.context-current{background:var(--accent-soft);border-radius:12px;padding:16px}@media (width>=768px){.shell{padding:32px}h1{font-size:2rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
