:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f5;background:#18191d}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.app{min-height:100vh;display:grid;place-items:start center;padding:24px}.card{width:min(900px,100%);padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#22242a}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#aaa}h1{margin:0 0 24px;font-size:clamp(2rem,5vw,3.5rem)}.field{display:grid;gap:8px;margin-bottom:20px}label,legend{font-weight:700}input[type=date],input[type=password],textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#f5f5f5;background:#18191d}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:1;cursor:pointer}textarea{resize:vertical}.scoreBox{margin:24px 0;padding:18px;border-radius:14px;background:#ffffff14;text-align:center;font-size:1.35rem}.questions{display:grid;gap:14px;margin-bottom:24px}.question{display:grid;gap:12px;margin:0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.options label{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:10px 8px;border-radius:999px;background:#ffffff14;font-weight:700;white-space:nowrap}button{cursor:pointer;border:0}button[type=button]{width:100%;margin:0 0 16px;padding:14px 18px;border-radius:12px;background:#f5f5f5;color:#18191d;font-weight:800}button[type=button]:disabled{cursor:not-allowed;opacity:.65}.status{margin:-4px 0 20px;font-weight:700}.status-success{color:#9be49b}.status-error{color:#ff9b9b}.button-secondary{background:#ffffff1f!important;color:#f5f5f5!important;border:1px solid rgba(255,255,255,.18)!important}.card-narrow{width:min(480px,100%)}.topBar{width:min(900px,100%);margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:.9rem}.button-small{width:auto!important;margin:0!important;padding:8px 12px!important;border-radius:999px!important;font-size:.85rem}.dateControl{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.button-compact{width:auto!important;margin:0!important;padding:12px 14px!important;white-space:nowrap}.examplesPanel{padding-top:0}.examplesPanel h2{margin:0 0 16px}.exampleGroups{display:grid;gap:18px}.exampleGroup{display:grid;gap:8px}.exampleGroup h3{margin:0}.exampleLinks{display:flex;flex-wrap:wrap;gap:8px}.markdownCard{margin-top:24px;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#0000002e}.markdownHeader{display:grid;gap:4px;margin-bottom:20px}.markdownHeader h3{margin:0}.markdownHeader span{color:#aaa;font-size:.85rem;word-break:break-word}.markdownViewer{line-height:1.65}.markdownViewer>:first-child{margin-top:0}.markdownViewer>:last-child{margin-bottom:0}.markdownViewer h1,.markdownViewer h2,.markdownViewer h3,.markdownViewer h4{margin-top:1.4em;margin-bottom:.55em}.markdownViewer p{margin:.75em 0}.markdownViewer ul,.markdownViewer ol{padding-left:1.4rem}.markdownViewer li{margin:.35em 0}.markdownViewer table{width:100%;border-collapse:collapse;margin:1rem 0}.markdownViewer th,.markdownViewer td{padding:10px;border:1px solid rgba(255,255,255,.18);vertical-align:top}.markdownViewer th{background:#ffffff14;text-align:left}.markdownViewer code{padding:.15em .35em;border-radius:6px;background:#ffffff1f}.markdownViewer pre{overflow-x:auto;padding:14px;border-radius:12px;background:#00000059}.markdownViewer pre code{padding:0;background:transparent}.markdownViewer blockquote{margin:1rem 0;padding-left:1rem;border-left:4px solid rgba(255,255,255,.28);color:#d0d0d0}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:6px;border-radius:14px;background:#ffffff14}.tab{width:100%!important;margin:0!important;padding:12px 14px!important;border-radius:10px!important;background:transparent!important;color:#d0d0d0!important;font-weight:800}.tab-active{background:#f5f5f5!important;color:#18191d!important}