:root{--bg: #f3efe6;--bg-2: #fbf9f4;--card: rgba(255, 255, 255, .88);--ink: #1d1a12;--muted: #625d52;--line: rgba(30, 24, 16, .12);--accent: #0f7b68;--accent-2: #d98b2b;--danger: #c93f3f;--shadow: 0 18px 50px rgba(25, 20, 14, .12);--radius: 22px}:root[data-theme=dark]{--bg: #141311;--bg-2: #1c1b18;--card: rgba(36, 35, 32, .92);--ink: #f3efe7;--muted: #c7c0b3;--line: rgba(255, 255, 255, .12);--accent: #46d1b2;--accent-2: #f0b451;--danger: #ff7c7c;--shadow: 0 20px 60px rgba(0, 0, 0, .32)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #141311;--bg-2: #1c1b18;--card: rgba(36, 35, 32, .92);--ink: #f3efe7;--muted: #c7c0b3;--line: rgba(255, 255, 255, .12);--accent: #46d1b2;--accent-2: #f0b451;--danger: #ff7c7c;--shadow: 0 20px 60px rgba(0, 0, 0, .32)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 5%,rgba(15,123,104,.12),transparent 35%),radial-gradient(circle at 90% 10%,rgba(217,139,43,.12),transparent 40%),linear-gradient(180deg,var(--bg-2),var(--bg));min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 .75rem;line-height:1.15}p{margin:0 0 1rem;color:var(--muted)}.chrome{position:sticky;top:0;z-index:30;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg-2) 82%,transparent);border-bottom:1px solid var(--line)}.chrome-inner{width:min(1120px,94vw);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.85rem 0}.brand{font-weight:800;letter-spacing:.02em;white-space:nowrap}.site-nav{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.site-nav a{padding:.45rem .8rem;border-radius:999px;border:1px solid transparent;color:var(--muted);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.site-nav a:hover{background:color-mix(in srgb,var(--card) 85%,transparent);border-color:var(--line);color:var(--ink)}.site-nav a.active{background:color-mix(in srgb,var(--accent) 14%,var(--card));color:var(--ink);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.top-controls{display:flex;align-items:center;gap:.55rem}.control-button,.control-select{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 86%,transparent);color:var(--ink);border-radius:999px;min-height:2.3rem;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.control-button{padding:.45rem .85rem;font-weight:600;cursor:pointer}.control-select{position:relative;display:inline-flex;align-items:center;padding:.45rem 2rem .45rem .85rem;min-width:7rem;font-weight:600}.control-select select{position:absolute;inset:0;opacity:0;cursor:pointer}.control-select:after{content:"";position:absolute;right:.9rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-65%) rotate(45deg);pointer-events:none;opacity:.8}.control-label{pointer-events:none}.menu-toggle{display:none;justify-self:start;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--card) 86%,transparent);color:var(--ink);padding:.45rem .75rem;font-weight:600;cursor:pointer}.page-shell{width:min(1120px,94vw);margin:1.25rem auto 0;padding-bottom:1.5rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem}.panel+.panel{margin-top:1rem}.page-title{font-size:clamp(1.35rem,2vw + .9rem,2rem);margin-bottom:.5rem}.muted{color:var(--muted)}.site-footer{width:min(1120px,94vw);margin:0 auto 2rem}.footer-inner{border-top:1px solid var(--line);padding:1rem 0 0;color:var(--muted);font-size:.95rem}.footer-inner strong{color:var(--ink)}.footer-feedback{white-space:pre-line}.footer-links{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.footer-links a{text-decoration:underline}.footer-copy{margin-bottom:0}.btn{border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--ink);padding:.65rem .95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,white 8%),var(--accent));border-color:color-mix(in srgb,var(--accent) 65%,var(--line));color:#fff}.btn.subtle{background:transparent}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.icon-btn{width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0}.field{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 90%,transparent);color:var(--ink);padding:.55rem .65rem}.field[type=number]{width:4.25rem}.switch-row{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;background:color-mix(in srgb,var(--card) 86%,transparent)}.switch-row input{margin:0}@media(max-width:860px){.chrome-inner{grid-template-columns:auto auto 1fr;align-items:start}.menu-toggle{display:inline-flex}.site-nav{display:none;grid-column:1 / -1;padding-top:.25rem}.site-nav.open{display:flex}.top-controls{display:none;grid-column:1 / -1;justify-self:stretch;flex-wrap:wrap;justify-content:flex-end;padding-top:.25rem}.site-nav.open+.top-controls{display:flex}}@media(max-width:560px){.chrome-inner{grid-template-columns:1fr auto;gap:.7rem}.brand{grid-column:1 / 2}.menu-toggle{grid-column:2 / 3;justify-self:end}.top-controls{grid-column:1 / -1;justify-self:stretch;justify-content:space-between}.control-button,.control-select{flex:1;min-width:0;justify-content:center}}