:root{font-family:system-ui,sans-serif;color:#251b33;background:#f8f7fb;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;padding:24px;margin:auto}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd5e8;padding:12px 0 24px}header a:first-child{font-size:12px;font-weight:800;letter-spacing:1.5px}a{color:#5510b0}h1{font-size:clamp(34px,6vw,54px);letter-spacing:-2px;line-height:1.1;margin:8px 0 16px}h2{font-size:21px;line-height:1.3}h3{font-size:19px;line-height:1.4}.eyebrow{font-size:11px;letter-spacing:2px;color:#692bb5;margin-top:34px}.intro{color:#6d6576}.controls{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.controls>*,article,details{background:white;border:1px solid #e4dfec;border-radius:12px;padding:22px;margin:16px 0}label{display:block;font-size:13px;font-weight:600;margin:12px 0}input,select,textarea,button{font:inherit;max-width:100%}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #cfc5de;border-radius:7px;background:white;padding:11px;margin-top:6px;color:#251b33}textarea{resize:vertical}button{background:#5713aa;color:white;border:0;border-radius:7px;padding:11px 15px;min-height:44px;cursor:pointer;margin:5px 6px 5px 0}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#eee8f6;color:#52139a}nav{display:flex;gap:8px;border-bottom:1px solid #ddd;padding:12px 0}nav button{background:transparent;color:#5e4b76}nav button[aria-pressed=true]{background:#5713aa;color:white}fieldset{border:0;padding:0}fieldset label{display:inline-flex;gap:8px;margin-right:14px;font-weight:400}.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 9px;border-radius:4px;background:#f0e8fc;color:#5510a5}.meta{font-size:12px;color:#72657e}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;background:#f8f6fb;padding:14px;border-radius:8px}#message:empty{display:none}#message{padding:14px;background:#eee5fa;border-radius:8px}dialog{border:1px solid #d5c8e7;border-radius:16px;max-width:700px;width:calc(100% - 24px);max-height:90vh;padding:24px}dialog::backdrop{background:#140b2380}[hidden]{display:none!important}:focus-visible{outline:3px solid #bd87fa;outline-offset:3px}summary{cursor:pointer;font-weight:600}.actions{display:flex;flex-wrap:wrap}#login{max-width:450px}.error{color:#9a2445}small{color:#74687d}@media(max-width:650px){main{padding:16px}.controls{grid-template-columns:1fr;gap:0}header{flex-direction:column;gap:8px}article,details,.controls>*{padding:16px}.actions button{flex:1 1 40%}nav{position:sticky;top:0;background:#f8f7fb;z-index:2}dialog{padding:18px}}