:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f4f7fb;background:#06121d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 75% 20%,#133248 0,transparent 55%),#06121d;display:flex;flex-direction:column}header,footer{padding:24px clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #203748}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:27px;font-weight:750;letter-spacing:.02em}.brand img{width:56px;height:56px;object-fit:contain}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.13em;color:#b2c7d5;margin-top:4px}button{font:inherit;cursor:pointer}.quiet{padding:12px 18px;border:1px solid #34536a;border-radius:9px;background:#102334;color:#e8f2f8}.quiet:hover{border-color:#ffd24b}main{width:min(1120px,100%);margin:auto;padding:52px 24px 60px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.13em;color:#ffd24b}h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.035em;line-height:1.15;margin:16px 0}p{line-height:1.6;color:#adc3d3;margin:8px 0}#identity{color:#edf3f7;overflow-wrap:anywhere}.modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.mode{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:20px;row-gap:10px;align-content:start;text-align:left;padding:28px;border:1px solid #2c4b61;border-radius:16px;background:linear-gradient(130deg,#132b3d,#091b29);color:#f3f7fa;min-height:210px;transition:border-color .15s,background .15s}.mode:hover{border-color:#ffd24b;background:#183349}.mode:focus-visible,.quiet:focus-visible{outline:3px solid #ffda58;outline-offset:4px}.mode-icon{grid-row:1 / 4;display:grid;place-items:center;width:54px;height:54px;background:#ffd149;border-radius:50%;color:#091522;box-shadow:0 0 24px #ffd24b20}.mode-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mode strong{font-size:21px;line-height:1.3}.mode .description{color:#b8ccd9;line-height:1.55;font-size:14px}.mode .enter{color:#ffda58;font-size:14px;margin-top:12px;align-self:end}.mode.active{border-color:#b29238}.mode:disabled,.quiet:disabled{opacity:.55;cursor:wait}.footnote{font-size:13px;margin-top:22px}#message{margin-top:18px;color:#c4d9e7}#message.error{padding:14px;border:1px solid #aa5460;background:#41252d;border-radius:9px;color:#ffd0d5}[hidden]{display:none!important}footer{border-top:1px solid #203748;border-bottom:0;font-size:12px;color:#7d9aaf}@media(max-width:600px){header{padding:16px}.brand{font-size:22px}.brand img{width:44px;height:44px}.brand small{font-size:8px}.quiet{padding:10px 12px}main{padding:32px 18px}.modes{grid-template-columns:1fr;gap:12px;margin-top:24px}.mode{min-height:165px;padding:22px;column-gap:15px;grid-template-columns:46px minmax(0,1fr)}.mode-icon{width:44px;height:44px}.mode strong{font-size:19px}.mode .enter{margin-top:4px}footer{padding:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}