:root{font-family:system-ui,sans-serif;color:#e8ecf2;background:#11151b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:64px auto;padding:0 24px 64px}.eyebrow{color:#ffa94d;letter-spacing:.14em;font-size:12px;font-weight:700}h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.04em;line-height:1.1}h2{font-size:21px}p{color:#abb5c3;line-height:1.6}section{padding:24px;background:#1b222c;border:1px solid #313c4b;border-radius:14px;margin:24px 0}form{margin:20px 0}label{display:block;margin:16px 0;font-size:14px}input{width:100%;padding:13px;border:1px solid #455365;background:#11151b;border-radius:8px;margin-top:8px;font:inherit}button{padding:12px 18px;border:0;border-radius:8px;background:#ffa94d;color:#11151b;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:default}.secondary{background:#303c4c;color:#e8ecf2}code,pre{font-family:ui-monospace,monospace;overflow-wrap:anywhere;white-space:pre-wrap;color:#b9dfca}ul{padding:0;list-style:none}li{padding:14px 0;border-bottom:1px solid #394352;display:flex;gap:20px;justify-content:space-between;align-items:center}#feedback{color:#ffb3ac}#new-secret{padding:18px;border:1px solid #ffa94d;border-radius:8px}.actions{display:flex;gap:8px;flex-shrink:0}