*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}:root{--on-teal:#0d9488;--on-teal-deep:#0a6b62;--on-teal-ink:#0e3a35;--on-teal-tint:#e6f1ef;--on-clay:oklch(0.62 0.1 55);--on-clay-tint:oklch(0.95 0.025 70);--on-clay-ink:oklch(0.45 0.1 55);--on-paper:#faf8f4;--on-card:#fff;--on-ink:#20302c;--on-ink-2:#5c6b66;--on-ink-3:#93a09b;--on-line:#e7e2d8;--on-ok:#2e7d4f;--on-warn:oklch(0.62 0.1 75);--on-bad:oklch(0.55 0.12 25);--f-ui:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--f-display:"Newsreader",Georgia,serif;--f-mono:"IBM Plex Mono",ui-monospace,monospace;--r-card:12px;--r-btn:8px;--r-chip:999px;--shadow-card:0 1px 2px rgba(32,48,44,.05),0 4px 16px rgba(32,48,44,.06);--on-maxw:1240px}.on-root,body{font-family:var(--f-ui);background:var(--on-paper);color:var(--on-ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}.on-root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.on-display{font-family:var(--f-display);font-style:italic;font-weight:500;letter-spacing:-.01em;line-height:1.08;text-wrap:pretty;margin:0}.on-eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-teal);font-weight:500}.on-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-ui);font-weight:600;font-size:15px;border-radius:var(--r-btn);border:1px solid transparent;padding:12px 20px;cursor:pointer;min-height:44px;transition:background .15s ease;text-align:center}.on-btn-primary{background:var(--on-teal);color:#fff}.on-btn-primary:hover{background:var(--on-teal-deep)}.on-btn-secondary{background:transparent;color:var(--on-ink);border-color:var(--on-line)}.on-btn-secondary:hover{background:#fff}.on-btn-ghost{background:transparent;color:var(--on-teal);padding:12px 8px}.on-btn-sm{min-height:36px;padding:7px 14px;font-size:13.5px}.on-btn-block{width:100%}.on-card{background:var(--on-card);border:1px solid var(--on-line);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.on-card-flat{box-shadow:none}.on-field{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--on-line);border-radius:var(--r-btn);padding:9px 14px;min-height:56px;justify-content:center;text-align:left;width:100%}.on-field>label{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-ink-3)}.on-field .val{font-weight:600;font-size:15px;color:var(--on-ink)}.on-field .val.placeholder{color:var(--on-ink-3);font-weight:500}.on-field input,.on-field select{border:0;background:transparent;font-family:var(--f-ui);font-weight:600;font-size:15px;color:var(--on-ink);padding:0;width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.on-field input::placeholder{color:var(--on-ink-3);font-weight:500}.on-chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-chip);font-size:13px;font-weight:500;padding:6px 13px;border:1px solid var(--on-line);background:#fff;color:var(--on-ink-2);cursor:pointer;white-space:nowrap}.on-chip.active{background:var(--on-teal-ink);border-color:var(--on-teal-ink);color:#fff}.on-badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;padding:4px 8px}.on-badge.teal{background:var(--on-teal-tint);color:var(--on-teal-deep)}.on-badge.clay{background:var(--on-clay-tint);color:var(--on-clay-ink)}.on-badge.ink{background:var(--on-ink);color:var(--on-paper)}.on-img{position:relative;overflow:hidden;background:repeating-linear-gradient(-45deg,#ede9e0,#ede9e0 10px,#e4dfd4 0,#e4dfd4 20px);display:flex;align-items:center;justify-content:center}.on-img>span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#8b857a;background:hsla(40,37%,97%,.88);padding:4px 9px;border-radius:4px}.on-img.dark{background:repeating-linear-gradient(-45deg,#11433d,#11433d 10px,#0e3a35 0,#0e3a35 20px)}.on-img.dark>span{background:rgba(14,58,53,.85);color:#9fc4be}.on-hr{border:0;border-top:1px solid var(--on-line);margin:0}.on-sample{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-3);display:inline-flex;align-items:center;gap:5px}.on-sample:before{content:"";width:6px;height:6px;border:1px solid var(--on-ink-3);border-radius:50%}.on-container{width:100%;max-width:var(--on-maxw);margin:0 auto}.on-main{flex:1 1}.on-show-mobile{display:block}.on-show-desktop{display:none!important}@media (min-width:900px){.on-show-mobile{display:none!important}.on-show-desktop{display:block!important}}.on-screen{padding-left:20px;padding-right:20px}.on-results-grid{display:grid;grid-gap:14px;gap:14px}@media (min-width:900px){.on-results-grid{grid-template-columns:1fr 340px;gap:28px;align-items:start}.on-results-list{order:1}.on-results-rail{order:2;position:-webkit-sticky;position:sticky;top:16px}}