:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9edf3;background:#0c0e12;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0c0e12}button,input{font:inherit}button,.button{border:0;border-radius:8px;padding:.72rem 1rem;background:#f4f6f8;color:#101216;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:#e9edf3;background:#242933}button.danger{color:#ffb5ba;background:#3b171b}button.small{padding:.45rem .7rem}input{width:100%;border:1px solid #343a46;border-radius:8px;padding:.72rem .8rem;background:#12151b;color:inherit}header{max-width:1180px;margin:1rem auto;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid #282d36;border-radius:10px;background:#11141a}header nav{display:flex;align-items:center;gap:1rem}.brand{color:inherit;text-decoration:none;font-weight:800}.brand span{color:#8d97a6;font-weight:500}main,.debug{width:min(100% - 2rem,1100px);margin:1rem auto}.hero,.panel{border:1px solid #282d36;border-radius:10px;background:#11141a;padding:1.5rem;margin-bottom:1rem}.hero h1,.panel h1{font-size:clamp(2rem,5vw,3.5rem);margin:.2rem 0}.hero p{max-width:700px;color:#aeb6c2}.eyebrow{color:#8ca9ff;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800}.narrow{max-width:680px;margin-inline:auto}.section-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-head h2,.section-head h3{margin:0}.profile-header{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(300px,.8fr);align-items:center;gap:1.2rem;margin-top:1.2rem;padding:1.2rem;border:1px solid #2d333e;border-radius:16px;background:#151920}.profile-avatar{width:76px;height:76px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;background:#f4f6f8;color:#101216;font-size:1.6rem;font-weight:800}.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile-identity{min-width:0}.profile-identity h2{margin:.15rem 0;overflow-wrap:anywhere}.profile-identity p{margin:.25rem 0}.profile-username{color:#aeb6c2;overflow-wrap:anywhere}.profile-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0}.profile-contacts div{min-width:0;padding:.8rem;border-radius:12px;background:#101319}.profile-contacts dt{color:#8f99a8;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.profile-contacts dd{margin:.25rem 0;overflow-wrap:anywhere;font-weight:700}.profile-contacts small{color:#8f99a8}.inline,.form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:.7rem;margin:1rem 0}.list{display:grid;gap:.6rem;margin-top:1rem}.list-item,.subpanel{display:grid;gap:.3rem;padding:1rem;color:inherit;text-decoration:none;border:1px solid #2d333e;border-radius:8px;background:#151920}.list-item span,.muted{color:#9da6b4}.subpanel{margin-top:.8rem}.badge{font-size:.75rem;background:#273043;border-radius:99px;padding:.3rem .6rem}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem;margin:1rem 0}.checks label{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem;border:1px solid #2c323c;border-radius:8px}.checks input{width:auto;margin-top:.2rem}.checks span{display:grid}.checks small{color:#8f99a8}.checks.compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.one-time{border:1px solid #6d5925;background:#282212;border-radius:8px;padding:1rem;margin:1rem 0;display:grid;gap:.7rem}.one-time code{overflow-wrap:anywhere}.error{display:grid;gap:.3rem;border:1px solid #72343a;background:#2c1619;color:#ffc4c8;border-radius:8px;padding:1rem;margin:1rem 0}.debug{border:1px solid #282d36;border-radius:8px;padding:1rem;color:#b7bfcb}.debug dl{display:grid;grid-template-columns:140px 1fr;gap:.4rem}.debug dd{margin:0;overflow-wrap:anywhere}@media(max-width:720px){header{margin:.6rem;align-items:flex-start}header,header nav{flex-direction:column}main,.debug{width:calc(100% - 1.2rem)}.inline,.form-grid,.profile-header,.profile-contacts{grid-template-columns:1fr}.profile-avatar{width:64px;height:64px}.section-head{align-items:flex-start}.debug dl{grid-template-columns:1fr}.debug dt{font-weight:700}}
