html[data-theme=story]{--paper:#eceff1;--paper-2:#e4ebf0;--surface:#f9fbfc;--ink:#2b4253;--ink-2:#607b8e;--ink-3:#7c94a5;--line:#cbd7df;--line-2:#dbe3e9;--primary:#516d83;--accent:#587b95;--accent-2:#40647e;--jade:#678575;--amber:#9b875d;--serif:var(--sans);--radius:6px;--radius-lg:8px;--shadow-sm:0 2px 12px #3f60720a;--shadow:0 7px 28px #3f607215;--shadow-lg:0 18px 60px #3f607220}
html[data-theme=story] .topbar{background:#eceff1ee}html[data-theme=story] .bottom-tabs{background:#f7fafbed}html[data-theme=story] .modal-mask{background:#334e6266;backdrop-filter:blur(5px)}html[data-theme=story] .brand-logo{border-radius:7px}html[data-theme=story] .story-back{font-size:12px;color:#516d83;padding:9px 12px;border:1px solid #c5d3de;background:#f8fbfc;border-radius:6px;white-space:nowrap}html[data-theme=story] .page-title,html[data-theme=story] .hello h1{letter-spacing:-.035em}html[data-theme=story] .brand-logo::after{background:#9eb8c9;box-shadow:none}html[data-theme=story] .topright{gap:10px}
html[data-theme=story] .avatar-btn{max-width:160px}html[data-theme=story] .avatar-btn span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:520px){html[data-theme=story] .story-back{font-size:10px;padding:7px 9px;max-width:96px;overflow:hidden;text-overflow:ellipsis}html[data-theme=story] .topbar{padding-inline:14px;gap:8px}html[data-theme=story] .brand-name{font-size:14px}html[data-theme=story] .topright{gap:6px}html[data-theme=story] .avatar-btn{max-width:96px}}