:root{--bg:#0c0b09;--panel:#12110e;--card:#181612;--ink:#f3efe4;--muted:#aaa293;--line:#302c25;--accent:#d77659;--color-on-accent:#fff8ee;--serif:'Songti SC','Noto Serif SC',serif;--sans:'PingFang SC',system-ui,sans-serif}body.light{--bg:#f2eee7;--panel:#faf8f3;--card:#fffdf9;--ink:#292620;--muted:#746e64;--line:#ddd5c9;--accent:#a84533;--color-on-accent:#fff8ee;color-scheme:light}body{color-scheme:dark}.site-header{flex:0 0 60px;min-height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:var(--bg);gap:16px}.site-header .brand{display:flex;align-items:center;gap:10px;min-width:0}.site-header .brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--color-on-accent);font:20px var(--serif);width:30px;height:32px;border-radius:3px}.site-header .brand-name{font:500 15px var(--sans);letter-spacing:.12em;white-space:nowrap}.site-nav{display:flex;gap:8px;align-items:center;font:14px var(--sans)}.site-nav a{display:grid;place-items:center;min-height:44px;padding:0 20px;border-radius:6px;border:1px solid transparent;white-space:nowrap}.site-nav a[aria-current=page]{background:var(--panel);border-color:var(--line);color:var(--accent)}.site-header .header-tools,.site-header .chrome-right{justify-self:end;display:flex;align-items:center;gap:8px}.site-header #theme,.site-header #themeToggle{width:44px;height:44px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font-size:18px}.site-header .site-more>summary{min-height:44px;display:grid;place-items:center;padding:8px;font-size:12px}body:not(.reader-app) .work{margin:16px;border:1px solid var(--line);border-radius:8px;overflow:hidden}body:not(.reader-app) .preview-stage{background:var(--panel)}body:not(.reader-app) .preview{background:var(--panel)}
@media(min-width:761px) and (max-width:1279px){body:not(.reader-app) .work{margin:12px}body .library .font-grid:not(.list){grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}body .library .font-grid:not(.list) .font-card{width:auto}body .library .tab{min-height:40px}}
@media(max-width:600px){.site-header{padding:0 12px;gap:6px;grid-template-columns:auto 1fr auto;min-height:56px;flex-basis:56px}.site-header .brand-mark{display:none}.site-header .brand-name{font-size:12px;letter-spacing:0}.site-nav{justify-content:center;gap:0;font-size:13px}.site-nav a{padding:0 10px}.site-header .chrome-right{gap:0}.site-header .site-more>summary{padding:4px}.site-header #themeToggle,.site-header #theme{width:36px}.site-header .brand{gap:0}body:not(.reader-app) .work{margin:8px}}