:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111827;background:#f6f7fb;line-height:1.6;font-weight:400;--bg-soft: #f6f7fb;--bg-card: #ffffff;--text-heading: #111827;--text-body: #374151;--text-muted: #6b7280;--primary: #4f46e5;--primary-hover: #4338ca;--info-bg: #eef2ff;--code-bg: #f7f8fb;--shadow-soft: 0 6px 20px rgba(0, 0, 0, .06)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;background:radial-gradient(circle at top,#ffffff 0%,var(--bg-soft) 45%);color:var(--text-body);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-wrapper{width:100%;min-height:100vh;padding:32px 20px}.page-container{width:100%;max-width:780px;margin:0 auto;padding:40px;border-radius:16px;background:#f9faff;border:1px solid #eceff7}.content-card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-soft);padding:32px;margin-bottom:24px}h1,h2,h3{color:var(--text-heading);margin:0}h1{font-size:2rem;font-weight:700;margin-bottom:16px}h2{font-size:1.3rem;font-weight:650;margin-top:28px;margin-bottom:12px}h3{font-size:1.05rem;font-weight:650;margin-bottom:10px}p{margin:0 0 12px;color:var(--text-body)}.muted{color:var(--text-muted)}.section-spacer{margin-top:32px}ul,ol{margin:12px 0;padding-left:22px}li{margin-bottom:10px}li p{margin-top:6px}a{color:var(--primary)}button{font:inherit}.btn-primary,.btn-secondary,.btn-link{border-radius:10px;border:1px solid transparent;padding:11px 18px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:#fff;color:var(--text-body);border-color:#d1d5db}.btn-secondary:hover{background:#f3f4f6}.btn-link{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}.btn-link:hover{background:#e0e7ff}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.callout,.rule-box{background:var(--info-bg);border-left:4px solid var(--primary);padding:18px;border-radius:8px;margin-bottom:24px}.transcript-block{background:var(--code-bg);border-left:4px solid var(--primary);padding:18px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap;line-height:1.55;color:#1f2937;margin:0}.rule-box pre{margin:0;white-space:pre-wrap;font-family:inherit}.splash-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#f6f7fb;opacity:1;transition:opacity .3s ease}.splash-overlay.fade-out{opacity:0;pointer-events:none}.splash-content{text-align:center;padding:16px}.splash-content h1{font-size:clamp(2rem,5vw,2.6rem);margin-bottom:10px}.splash-version{margin-bottom:14px;color:#4b5563;font-weight:500}.splash-tagline{color:#6b7280}@media(max-width:768px){.page-wrapper{padding:16px}.page-container,.content-card{padding:22px}h1{font-size:1.7rem}}