:root{color-scheme:light;--op-ink:#0f172a;--op-ink-muted:#475569;--op-surface:#f8fafc;--op-card:#ffffff;--op-border:#e2e8f0;--op-primary:#0d9488;--op-primary-hover:#0f766e;--op-danger:#b91c1c;--op-success:#15803d;--op-radius:10px;--op-shadow:0 1px 3px rgb(15 23 42/8%);--op-space-1:4px;--op-space-2:8px;--op-space-3:12px;--op-space-4:16px;--op-space-5:24px;--op-space-6:32px;--op-max:42rem}body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--op-surface);color:var(--op-ink);line-height:1.5}.op-main{max-width:56rem;margin:0 auto;padding:var(--op-space-5)}.op-main--narrow{max-width:var(--op-max)}.op-back{font-size:.875rem;margin-bottom:var(--op-space-4)}.op-back a{color:var(--op-primary);text-decoration:none}.op-back a:hover{text-decoration:underline}.op-title{font-size:1.5rem;font-weight:600;margin:0 0 var(--op-space-3);color:var(--op-ink)}.op-subtitle{font-size:.8125rem;margin:0 0 var(--op-space-4)}.op-muted,.op-subtitle{color:var(--op-ink-muted)}.op-muted{font-size:.875rem}.op-card{background:var(--op-card);border:1px solid var(--op-border);border-radius:var(--op-radius);padding:var(--op-space-3);margin-bottom:var(--op-space-3);box-shadow:var(--op-shadow)}.op-list{list-style:none;padding:0;margin:0}.op-nav{display:flex;flex-direction:column;gap:var(--op-space-2);margin-top:var(--op-space-4)}.op-nav a{color:var(--op-primary);text-decoration:none;font-weight:500}.op-nav a:hover{text-decoration:underline}.op-section-title{font-size:1rem;font-weight:600;margin:var(--op-space-5) 0 var(--op-space-2)}.op-form{display:grid;grid-gap:var(--op-space-2);gap:var(--op-space-2);max-width:var(--op-max)}.op-label{display:block;font-size:.875rem;font-weight:500}.op-input,.op-select{width:100%;margin-top:var(--op-space-1);padding:var(--op-space-2) var(--op-space-3);border:1px solid var(--op-border);box-sizing:border-box}.op-btn,.op-input,.op-select{border-radius:var(--op-radius);font:inherit}.op-btn{padding:var(--op-space-2) var(--op-space-4);border:1px solid var(--op-border);background:var(--op-card);cursor:pointer}.op-btn:disabled{opacity:.55;cursor:not-allowed}.op-btn--primary{background:var(--op-primary);border-color:var(--op-primary);color:#fff}.op-btn--primary:hover:not(:disabled){background:var(--op-primary-hover);border-color:var(--op-primary-hover)}a.op-btn{display:inline-block;text-align:center;text-decoration:none;color:var(--op-ink);line-height:1.25;box-sizing:border-box}a.op-btn--primary{color:#fff}.op-btn-row{display:flex;flex-wrap:wrap;gap:var(--op-space-2);margin-top:var(--op-space-2)}.op-error{color:var(--op-danger);font-size:.875rem}.op-success{color:var(--op-success);font-size:.875rem}.op-code{font-size:.75rem;word-break:break-all}.op-callout{font-size:.6875rem;max-width:18rem;border:1px solid #c9a227;padding:var(--op-space-2);border-radius:var(--op-radius);background:#fffbeb}.op-callout p{margin:0 0 var(--op-space-2);color:#5c4a00}