@font-face{font-family:Inter;src:url('/prototype/assets/design/v2.0.2/fonts/inter-variable.ttf') format('truetype');font-display:swap}
[hidden]{display:none!important}.view-switch{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px}.view-switch button{border:0;border-radius:7px;padding:7px 10px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.view-switch button[aria-pressed=true]{background:var(--shade);color:var(--ink);font-weight:700}
@font-face{font-family:Fraunces;src:url('/prototype/assets/design/v2.0.2/fonts/fraunces-variable.ttf') format('truetype');font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color-scheme:light;--canvas:#f7ecd3;--surface:rgba(255,250,236,.78);--ink:#3f3024;--muted:#735f4a;--line:#d6bfa1;--accent:#a95730;--shade:#efe0c4}
:root[data-theme=dark]{color-scheme:dark;--canvas:#051310;--surface:rgba(9,35,30,.86);--ink:#f5fdff;--muted:#b8d1d9;--line:#31564c;--accent:#68e0b2;--shade:#102921}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 10%,var(--shade),transparent 45%),var(--canvas);color:var(--ink)}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;background:var(--surface);padding:12px}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;backdrop-filter:blur(26px)}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:20px;letter-spacing:.08em;padding:4px 10px 28px}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.17em;margin-top:4px}.mark{display:grid;place-items:center;background:var(--accent);color:var(--canvas);border-radius:13px;width:40px;height:40px;font-family:Fraunces,Georgia,serif;font-size:25px}.caption,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--accent)}.caption{padding:0 13px}nav{display:grid;gap:2px;overflow:auto}nav button{border:0;background:none;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;padding:11px 13px;display:flex;justify-content:space-between;gap:8px;align-items:center}nav button:hover,nav button[aria-current=page]{background:var(--shade)}nav button[aria-current=page]{font-weight:700;color:var(--accent)}nav .pending{opacity:.58}.dot{font-size:11px;color:var(--muted)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 12px 3px;color:var(--muted);font-size:12px;line-height:1.6}.topbar{height:66px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,42px);gap:12px}.crumb{font-size:13px;color:var(--muted)}.crumb span{margin:0 9px}.crumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:14px}.demo-badge,.status{border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;color:var(--muted)}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:36px;height:36px;border-radius:10px;cursor:pointer}.menu{display:none}main{padding:clamp(20px,3vw,42px)}.heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:28px}h1{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:clamp(34px,4vw,57px);letter-spacing:-.04em;margin:8px 0}h1 em{color:var(--accent)}#page-description{color:var(--muted);line-height:1.5;margin:0}.notice{padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:22px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:20px;text-align:left;color:var(--ink);min-height:135px;cursor:pointer}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card strong{display:block;font-size:17px;margin-bottom:14px}.card small{display:block;color:var(--muted);line-height:1.4}.card.pending{opacity:.64}.preview{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.preview-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.preview-toolbar a{color:var(--accent)}.preview-toolbar #open-page{margin-left:auto}iframe{display:block;width:100%;height:calc(100vh - 235px);min-height:560px;border:0;background:#fff}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;z-index:5;left:0;top:0;width:min(82vw,320px);transform:translateX(-100%);transition:transform .2s;box-shadow:0 20px 45px #0004}.sidebar.open{transform:translateX(0)}.menu{display:block}.topbar{padding:0 17px}.heading{display:block}.status{display:inline-block;margin-top:16px}main{padding:20px 14px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}iframe{height:calc(100vh - 270px)}}