.install-banner{max-width:1000px;margin:18px auto 0;padding:12px 18px;background:var(--tint);border:1px solid var(--line);display:flex;align-items:center;gap:16px;border-radius:5px;font-size:16px}.install-banner[hidden]{display:none}.install-banner a{flex:1}.install-banner span{display:block;font-size:14px;color:var(--accent)}.install-banner button{font-size:24px;padding:0 12px}@media(max-width:600px){.install-banner{margin:16px 22px 0}}
.story-view{display:flex;gap:5px;padding:5px;margin:22px 0 8px;background:var(--tint);border:1px solid var(--line);border-radius:7px}.story-view button{flex:1;min-height:48px;padding:9px 8px;border:1px solid transparent;border-radius:4px;font-weight:700;font-size:16px}.story-view button[aria-pressed="true"]{background:var(--accent);color:white;box-shadow:0 2px 6px #233d3518}.full-story .he,.full-story .translit{margin:0}.full-story .en{margin-bottom:0}.hide-translit .translit-block{display:none}@media(max-width:360px){.story-view button{font-size:14px}}
#follow-playback{position:fixed;z-index:21;left:50%;transform:translateX(-50%);bottom:calc(max(16px,env(safe-area-inset-bottom)) + 92px);max-width:calc(100% - 24px);background:var(--paper);color:var(--ink);border:1px solid var(--accent);box-shadow:0 4px 18px #172a3430;font-size:15px;white-space:nowrap}
#follow-playback[hidden]{display:none}
footer nav{margin-bottom:16px;line-height:2}footer a{display:inline-block}footer b{font-weight:600}.paywall{max-width:650px;margin:24px auto;text-align:center;padding:clamp(20px,5vw,48px);border:1px solid var(--accent);border-radius:24px;background:var(--tint)}.paywall-lock{display:block;font-size:40px;margin-bottom:16px}.paywall .eyebrow{display:block}.price{font-size:48px;margin:24px 0}.price small{display:block;font-size:16px}.order-link{display:inline-block;text-decoration:none;padding:14px 22px;border-radius:12px}.primary:disabled{opacity:.55;cursor:not-allowed}.code-form{margin:28px 0;text-align:right}.code-form label{display:block;font-weight:bold;margin-bottom:10px}.code-form>div{display:flex;gap:10px;flex-wrap:wrap}.code-form input{min-width:0;flex:1 1 180px;width:100%;padding:14px;border:1px solid #9aaba3;border-radius:10px;font:inherit}.code-form button{flex:1 1 160px}.code-form [role=status]{min-height:1.6em;color:#8a3428}.info-page{max-width:740px;margin:auto;overflow-wrap:anywhere}.info-page p{line-height:1.9}.draft{padding:12px;background:#fff1cf;border-radius:8px}.story-row>div{min-width:0}.story-row h3,.story-row small{overflow-wrap:anywhere}
dialog{width:calc(100% - 44px);max-width:460px;max-height:85dvh;overflow:auto;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--paper);color:var(--ink)}
dialog::backdrop{background:#19392c88}dialog h2{font-size:30px}dialog p{line-height:1.8}dialog button{width:100%}
#word-popover{position:fixed;z-index:100;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:20px;background:#fffdf8;border:1px solid var(--accent);border-radius:9px;box-shadow:0 8px 35px #172a3440;font-size:18px;text-align:right}
#word-popover[hidden]{display:none}#word-popover p{margin:10px 0}#word-popover .close-word{position:absolute;inset-inline-start:8px;top:8px;min-width:44px;padding:4px}.popover-en{display:block;text-align:left;margin-inline-start:42px;font:25px Source,serif;overflow-wrap:anywhere}.word-pronunciation{color:#087f75;font-size:22px}.word-actions{display:flex;gap:8px;flex-wrap:wrap}.word-actions button{flex:1;font-size:14px;padding:8px;min-height:44px}#word-popover small{color:#627168}
#notice{pointer-events:none}