:root{--accent:#7840a7;--ink:#30213f;--bg:#fbf8ff;--soft:#eee3f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,sans-serif}header{max-width:1080px;margin:auto;padding:28px;display:flex;justify-content:space-between;align-items:center}header a{font-weight:850;font-size:28px;text-decoration:none}a{color:var(--accent)}select,button{font:inherit;border:1px solid #cfc5d9;border-radius:14px;padding:12px 22px;background:white;color:var(--ink);cursor:pointer}main{max-width:780px;padding:25px 24px 60px;margin:auto}.eyebrow{letter-spacing:.18em;font-size:12px;font-weight:800;text-align:center}h1{font-size:clamp(48px,8vw,82px);letter-spacing:-.06em;line-height:1.05;text-align:center;margin:24px 0}h1 em{color:var(--accent);font-style:normal}.intro{text-align:center;color:#746980}.tabs{display:flex;gap:8px;padding:8px;background:var(--soft);border-radius:20px;margin:36px 0 20px}.tabs button{flex:1;border:0}.tabs [aria-selected=true],.primary{background:var(--accent);color:white}section{background:white;border:1px solid #e2dce7;border-radius:28px;padding:24px 34px;box-shadow:0 20px 60px #30213f08}#compatibility{font-size:14px;color:#746980}ol{padding-left:26px}li{padding:0 0 22px 12px}li::marker{color:var(--accent);font-weight:800}h2{font-size:22px;letter-spacing:-.025em;margin-bottom:12px}p{margin:12px 0}.primary{border:0;font-weight:700;transition:transform .2s}.primary:hover{transform:translateY(-2px)}summary{cursor:pointer;font-weight:650}details, .note{font-size:14px}.note{color:#746980;padding:16px}.manual{border-top:1px solid #ddd;padding:20px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);padding:15px;border-radius:12px}footer{text-align:center;font-size:14px;margin-top:30px}#copy-status{color:var(--accent)}@media(max-width:500px){section{padding:18px}header{padding:18px}.primary{width:100%}h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
