:root{--bg: #ffffff;--surface: #f5f5f4;--text: #1c1c1a;--muted: #52524e;--faint: #6e6e69;--border: #e4e4e1;--border-strong: #c9c9c4;--accent: #1c1c1a;--accent-text: #ffffff;--focus: #2563eb;--error: #b42318;--error-bg: #fef3f2;--radius: 6px;--measure: 40rem;--bar: 3rem;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #141413;--surface: #1d1d1b;--text: #ecece9;--muted: #a3a39e;--faint: #908f8a;--border: #2c2c2a;--border-strong: #45453f;--accent: #ecece9;--accent-text: #141413;--focus: #7aa7ff;--error: #ff8a7a;--error-bg: #2a1714}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration-color:var(--border-strong);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:600;letter-spacing:-.01em}h1{font-size:clamp(1.75rem,5vw,2.25rem);letter-spacing:-.02em}p{margin:0 0 1em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--measure);margin:0 auto;padding:0 16px}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.site-name{font-weight:600;text-decoration:none}.header-link{font-size:.9375rem;color:var(--muted);text-decoration:none;padding:.5rem 0}.header-link:hover{color:var(--text)}.site-main{flex:1;padding-top:clamp(2.5rem,9vw,5rem);padding-bottom:4rem}.site-footer{color:var(--faint);font-size:.8125rem;padding:2rem 0}.intro{margin-bottom:clamp(3rem,10vw,5rem)}.lead{font-size:1.125rem;color:var(--muted);max-width:34rem;margin:0}.section-label{font-size:.8125rem;font-weight:500;color:var(--faint);letter-spacing:0;margin-bottom:.75rem}.case-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.case-list li{border-bottom:1px solid var(--border)}.case-row{display:grid;grid-template-columns:2rem 1fr auto;gap:.75rem;align-items:start;padding:1.25rem 0;text-decoration:none}.case-row__index{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--faint);padding-top:.2rem}.case-row__text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.case-row__title{font-size:1.125rem;font-weight:500;line-height:1.35;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em;transition:text-decoration-color .15s}.case-row__descriptor{color:var(--muted)}.case-row__access{display:inline-flex;align-items:center;gap:.375rem;margin-top:.25rem;font-size:.8125rem;color:var(--faint)}.case-row__arrow{color:var(--faint);margin-top:.15rem;transition:transform .15s,color .15s}.case-row:hover .case-row__title{text-decoration-color:currentColor}.case-row:hover .case-row__arrow{color:var(--text);transform:translate(3px)}.case-row:focus-visible{outline-offset:4px}@media(max-width:480px){.case-row{grid-template-columns:1fr auto}.case-row__index{display:none}}.code-page{max-width:28rem}.code-page__intro{color:var(--muted)}.code-page__case{display:flex;flex-direction:column;gap:.125rem;margin:1.5rem 0 0;padding:.875rem 1rem;background:var(--surface);border-radius:var(--radius);font-weight:500;line-height:1.4}.code-page__case-label{font-size:.8125rem;font-weight:400;color:var(--faint)}.code-form{margin:1.75rem 0 2rem}.code-form label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.code-form__row{display:flex;gap:.5rem}.code-form input{flex:1;min-width:0;height:3rem;font:inherit;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.0625rem;letter-spacing:.08em;text-transform:uppercase;padding:0 .875rem;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius)}.code-form input:focus-visible{outline-offset:0;border-color:var(--focus)}.code-form input[aria-invalid=true]{border-color:var(--error)}.code-form button{height:3rem;font:inherit;font-weight:500;padding:0 1.5rem;color:var(--accent-text);background:var(--accent);border:0;border-radius:var(--radius);cursor:pointer}.code-form button:disabled{opacity:.4;cursor:default}.code-form__error{margin:.75rem 0 0;padding:.75rem .875rem;font-size:.9375rem;line-height:1.5;color:var(--error);background:var(--error-bg);border-radius:var(--radius)}.fine-print{color:var(--faint);font-size:.8125rem;margin:0}@media(max-width:480px){.code-form__row{flex-direction:column}.code-form input{flex:none}}.frame{height:100vh;height:100dvh;display:flex;flex-direction:column}.frame__bar{flex:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;height:var(--bar);padding:0 16px;border-bottom:1px solid var(--border);font-size:.875rem}.frame__back{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);text-decoration:none;padding:.5rem 0}.frame__back:hover{color:var(--text)}.frame__title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:500}.frame__owner{color:var(--muted);text-decoration:none}.frame__owner:hover{color:var(--text)}.frame__body{flex:1;min-height:0;display:flex}.frame__placeholder{flex:1;display:grid;place-items:center;padding:2rem 16px;background:var(--surface);color:var(--faint);text-align:center}.frame__page{flex:1;width:100%;min-height:0;border:0;background:#fff}.frame__loading{margin:0}.frame__message{max-width:24rem;color:var(--muted)}.button{height:2.75rem;font:inherit;font-weight:500;padding:0 1.25rem;color:var(--accent-text);background:var(--accent);border:0;border-radius:var(--radius);cursor:pointer}@media(max-width:600px){.frame__bar{grid-template-columns:auto 1fr}.frame__owner{display:none}.frame__back-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.frame__back{padding:.5rem;margin-left:-.5rem}.frame__title{text-align:left}}