:root{--ink:#1f2a37;--ink-soft:#5b6573;--paper:#fbfaf7;--card:#fff;--line:#e7e3da;--accent:#e0a526;--accent-ink:#1f2a37;--danger:#b42318;--shadow:#1f2a3714;--radius:16px;--tab-height:64px;--font-sans:system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-serif:ui-serif, "Iowan Old Style", "AppleMyungjo", "Noto Serif KR", serif;--font-mono:ui-monospace, "SF Mono", Menlo, "D2Coding", monospace;--font:var(--font-sans);font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e6e9ee;--ink-soft:#9aa4b2;--paper:#141a22;--card:#1e2631;--line:#2e3846;--accent:#e0a526;--accent-ink:#1f2a37;--danger:#f97066;--shadow:#0006}@media (prefers-color-scheme:dark){:root:not([data-theme=paper],[data-theme=night],[data-theme=forest],[data-theme=ocean]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e6e9ee;--ink-soft:#9aa4b2;--paper:#141a22;--card:#1e2631;--line:#2e3846;--accent:#e0a526;--accent-ink:#1f2a37;--danger:#f97066;--shadow:#0006}}:root[data-theme=forest]{--ink:#1d2b22;--ink-soft:#56645b;--paper:#f6f8f4;--card:#fff;--line:#dfe5dc;--accent:#2f7a4a;--accent-ink:#fff;--danger:#b42318;--shadow:#1d2b2214}:root[data-theme=ocean]{--ink:#1c2733;--ink-soft:#566270;--paper:#f5f8fb;--card:#fff;--line:#dde4ec;--accent:#2f6fb0;--accent-ink:#fff;--danger:#b42318;--shadow:#1c273314}:root[data-font=serif]{--font:var(--font-serif)}:root[data-font=mono]{--font:var(--font-mono)}:root[data-text-size="90"]{font-size:90%}:root[data-text-size="115"]{font-size:115%}:root[data-text-size="130"]{font-size:130%}*{box-sizing:border-box}body{min-height:100dvh;margin:0}main{max-width:560px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(var(--tab-height) + 24px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:.5rem 0 1rem;font-size:1.5rem}h2{font-size:1.15rem}a{color:inherit}button,.button{background:var(--accent);min-height:44px;color:var(--accent-ink);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5}button.secondary,.button.secondary{border-color:var(--line);color:var(--ink);background:0 0}button.danger{border-color:var(--line);color:var(--danger);background:0 0}button.small{min-height:44px;padding:0 12px;font-size:.9rem;font-weight:500}input,textarea,select{border:1px solid var(--line);background:var(--card);width:100%;min-height:44px;font:inherit;color:inherit;border-radius:12px;padding:10px 12px}textarea{resize:vertical;min-height:160px}.meta{color:var(--ink-soft);font-size:.9rem}.error{color:var(--danger)}.empty{color:var(--ink-soft);padding:24px 0}.banner{background:var(--ink);color:var(--paper);text-align:center;margin:0;padding:8px 16px;font-size:.9rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.back{color:var(--ink-soft);padding:8px 0;text-decoration:none;display:inline-block}.prose{line-height:1.65}.prose a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.tabs{height:calc(var(--tab-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tabs a{color:var(--ink-soft);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.tabs a.active{color:var(--ink);box-shadow:inset 0 3px 0 var(--accent)}
