:root{color-scheme:dark;font:17px/1.6 system-ui,sans-serif;background:#15171d;color:#ecebe7}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:32px 24px 80px}header{margin:20px 0 40px}a{color:#ffb322}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem)}h2,h3{font-size:1.5rem}p{color:#b9bbc3}strong,.brand{color:#ffb322}.preview{border:1px solid #50535d;border-radius:14px;padding:16px}section{margin:28px 0;padding:28px;border:1px solid #30333c;border-radius:24px;background:#1d2027}button{font:inherit;cursor:pointer;color:#ecebe7;background:#2b2f39;border:1px solid #555b68;border-radius:12px;padding:10px 16px;margin:5px 8px 5px 0;min-height:44px}button:hover{background:#383e4c}button:disabled{opacity:.55;cursor:default}input{accent-color:#ffb322;width:20px;height:20px;flex-shrink:0}label{display:flex;align-items:center;gap:10px;padding:8px 0}fieldset{border:1px solid #444955;border-radius:16px;padding:16px;min-width:0}legend{font-weight:700;padding:0 8px}[data-email-topics]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}[role=group]{display:flex;flex-wrap:wrap;gap:8px 24px}[role=status]{min-height:2em;color:#e2e3e7}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffb322;outline-offset:4px}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}output{display:block;color:#c7c9d1}.brand{font-weight:750;font-size:1.5rem}@media(max-width:650px){main{padding:20px 16px}section{padding:20px}[data-email-topics]{grid-template-columns:1fr}button{width:100%;margin:5px 0}.controls{display:block}}

[hidden]{display:none!important}input[type=email],input[inputmode=numeric]{width:min(100%,28rem);height:48px;padding:10px;background:#15171d;color:#ecebe7;border:1px solid #626977;border-radius:10px}form label{display:grid;gap:8px}.notice{border-left:3px solid #ffb322;padding-left:16px}

#interests [role=group]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:4px 20px}label{overflow-wrap:anywhere}.requested-topic{outline:2px solid #ffb322;border-radius:8px;padding:8px}html{scroll-behavior:smooth}

#interests [role=group]{display:grid;grid-template-columns:1fr;gap:20px}#interests fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:4px 20px}.sync-actions{position:sticky;top:0;background:#1d2027;z-index:2;padding:8px 0}

#interests input[type=search]{grid-column:1/-1;width:100%;height:48px;min-width:0;margin:0 0 12px;padding:10px 12px;background:#15171d;color:#ecebe7;border:1px solid #626977;border-radius:10px;font:inherit}