:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#e6edf2;background:#0a0e11}*{box-sizing:border-box}body{margin:0}main{max-width:1480px;padding:48px 36px 60px;margin:auto}header{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #303c43;padding-bottom:30px}h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.04em;margin:8px 0}h2{font-size:19px;margin:0 0 22px}.eyebrow,small{letter-spacing:.13em;font-size:11px;color:#acbecc}.notice{border-left:3px solid #b7d887;padding:12px 18px;background:#151d22;margin:30px 0}p{color:#acbbc5;line-height:1.65}a{color:#c0de99;text-underline-offset:4px}section{background:#10171c;border:1px solid #303c43;border-radius:12px;padding:24px;margin-bottom:20px}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.modes button{display:flex;flex-direction:column;text-align:left;gap:20px;min-height:190px;background:linear-gradient(145deg,#263b39,#111c22);border:1px solid #486157;border-radius:9px;color:#edf4f0;padding:22px;cursor:pointer}.modes button:nth-child(2){background:linear-gradient(145deg,#483a2a,#1d2022)}.modes button:nth-child(3){background:linear-gradient(145deg,#26384d,#131c26)}.modes button:nth-child(4){background:linear-gradient(145deg,#343543,#172327)}strong{font-size:20px;letter-spacing:-.02em}.modes span{font-size:13px;color:#c1ccd0;line-height:1.5}.modes button:hover{border-color:#c0de99;transform:translateY(-2px)}button,select,input,a{outline-offset:5px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}label{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #303c43;font-size:14px}select{background:#0c1115;border:1px solid #46525b;padding:9px;color:#e6edf2;border-radius:5px;max-width:62%}.check{justify-content:flex-start}input{accent-color:#b7d887}code{overflow-wrap:anywhere}footer{font-size:14px;margin-top:20px}@media(max-width:980px){.modes{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}}@media(max-width:540px){main{padding:24px 16px}header{display:block}.modes{grid-template-columns:1fr}}
