:root{--bg: #faf3e0;--panel: #fff9ed;--panel-2: #fff3d6;--text: #2a2a2a;--muted: #6f6a60;--border: #e5dec9;--left-accent: #8b5e34;--right-accent: #6f8a5b;--ring: #b08968;--radius-xl: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(54, 40, 24, .12)}:root a,:root a:visited{color:var(--text);text-decoration:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}.container{max-width:960px;margin:0 auto;padding:24px}.h1{font-size:28px;font-weight:800;margin:0;opacity:.9}.h2{font-size:18px;font-weight:700;margin:0 0 8px;opacity:.9}.muted{color:var(--muted)}.controls{display:flex;align-items:center;gap:8px}.badge,.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:6px 12px;border-radius:var(--radius-full);font-size:14px}.btn{cursor:pointer}.btn:hover{background:var(--panel-2);box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.pair{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:720px){.pair{grid-template-columns:1fr 1fr}}.card{width:100%;text-align:left;padding:24px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--panel);transition:box-shadow .15s ease,transform .06s ease,background .15s ease}.card:hover{background:var(--panel-2);box-shadow:var(--shadow-sm)}.card:active{transform:translateY(1px)}.card:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.card-head{display:flex;gap:12px;align-items:center}.card-icon{height:56px;width:56px;border-radius:12px;display:grid;place-items:center;font-size:24px;border:1px solid var(--border);overflow:hidden;background:#fffdf7}.card-left{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--left-accent),white 70%)}.card-right{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--right-accent),white 70%)}.list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel)}.list li{display:flex;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--border)}.list li:first-child{border-top:none}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel);border:1px solid var(--border);padding:2px 6px;border-radius:6px;font-size:12px}nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8f3e6;border-bottom:1px solid var(--border)}main{padding-top:8px}.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 24px;background:#fffaf0e6;border-bottom:1px solid #e2d6c5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-nav a{text-decoration:none;color:#2d261e;font-weight:500}.site-nav a.active:not(.brand){text-decoration:underline}.brand{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";font-weight:900;font-size:32px;letter-spacing:-.3px;color:#1f160d;line-height:1.1;-webkit-font-smoothing:antialiased;font-synthesis-weight:none;text-shadow:0 1px 0 #fff4e0}.chip{border:1px solid #d1b892;border-radius:999px;padding:6px 14px;font-weight:600;font-size:15px;color:#3e2d1a;background-color:#f9e9cc;transition:all .15s ease}.chip:hover{background-color:#f7dba6;border-color:#c89f5b;transform:translateY(-1px)}