*{box-sizing:border-box}body{margin:0;background:#061522;color:#eef7f7;font-family:'Noto Sans JP',sans-serif;letter-spacing:.01em}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(32,217,210,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(32,217,210,.06) 1px,transparent 1px);background-size:44px 44px}.shell{position:relative;max-width:1220px;margin:0 auto;padding:28px 34px 22px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #20d9d2;color:#20d9d2;border-radius:12px;font-weight:800;letter-spacing:-.06em;box-shadow:0 0 22px #20d9d233}.eyebrow{display:block;color:#7f9ba5;font-size:10px;letter-spacing:.17em;font-weight:800}.eyebrow.cyan{color:#20d9d2}.brand h1{font-size:15px;margin:3px 0 0;font-weight:700}.connection-pill{border:1px solid #274454;background:#0b2233;border-radius:30px;padding:9px 14px;color:#a7bfc3;font-size:12px;display:flex;align-items:center;gap:8px}.dot,.pulse{width:7px;height:7px;border-radius:50%;background:#627882}.connection-pill.connected{border-color:#20d9d2;color:#dff;box-shadow:0 0 18px #20d9d222}.connected .dot,.pulse{background:#20d9d2;box-shadow:0 0 12px #20d9d2;animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.45}}.panel{border:1px solid #1c3a4a;background:linear-gradient(135deg,#0b2435dd,#0a1c2ae8);border-radius:18px;box-shadow:0 18px 60px #0000001c}.hero{display:flex;align-items:center;justify-content:space-between;min-height:265px;padding:38px 55px;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:340px;height:340px;right:190px;top:-170px;background:#20d9d20b;border-radius:50%;filter:blur(8px)}.hero h2{font-size:36px;line-height:1.22;margin:12px 0 14px;letter-spacing:-.05em}.hero h2 em{font-style:normal;color:#20d9d2}.hero p{max-width:450px;color:#92adb2;font-size:13px;line-height:1.8;margin:0}.device-orbit{width:250px;height:180px;position:relative;display:grid;place-items:center;margin-right:25px}.orbit-ring{position:absolute;width:174px;height:174px;border:1px solid #20d9d266;border-radius:50%;box-shadow:0 0 35px #20d9d21c}.orbit-ring:before,.orbit-ring:after{content:'';position:absolute;border:1px solid #20d9d222;border-radius:50%;inset:18px}.orbit-ring:after{inset:-12px;border-color:#20d9d211}.earbud-shape{width:82px;height:108px;border-radius:42px 42px 22px 22px;background:linear-gradient(145deg,#49eee4,#0e827f 54%,#092e40);display:grid;place-items:center;color:#042a34;font-weight:800;box-shadow:15px 18px 40px #0008;transform:rotate(21deg);z-index:1}.orbit-label{position:absolute;color:#6e9aa1;font-size:9px;letter-spacing:.16em}.label-top{top:3px;right:9px}.label-bottom{bottom:1px;left:3px}.action-row{display:flex;gap:12px;margin:18px 0}.primary-btn,.ghost-btn,.apply-btn,.details-btn{border:0;font:inherit;cursor:pointer;border-radius:10px;transition:.2s}.primary-btn{background:#20d9d2;color:#042632;padding:13px 18px;font-weight:800;box-shadow:0 10px 30px #20d9d233}.primary-btn:hover{transform:translateY(-1px);background:#52eee5}.primary-btn:disabled,.apply-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-icon{font-size:18px;margin-right:7px}.ghost-btn{padding:12px 17px;color:#9ebac0;background:#0c2434;border:1px solid #315060}.ghost-btn:disabled{opacity:.42;cursor:not-allowed}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px 17px;border-radius:12px;margin-bottom:18px;font-size:12px}.notice p{margin:4px 0 0;color:#91aeb3;line-height:1.6}.notice strong{font-size:12px}.notice.info{background:#0a2732;border:1px solid #17636a}.notice.warning{background:#302817;border:1px solid #9d7627;color:#ffe7a1}.notice-icon{display:grid;place-items:center;border:1px solid #20d9d2;color:#20d9d2;width:19px;height:19px;border-radius:50%;font-weight:800}.hidden{display:none}.grid-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);gap:18px}.main-column,.side-column{display:flex;flex-direction:column;gap:18px}.section-card,.telemetry,.compatibility{padding:23px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.section-heading h3,.compatibility h3{font-size:18px;margin:6px 0 0;letter-spacing:-.03em}.state-tag{font-size:10px;border-radius:20px;padding:6px 9px;font-weight:700}.state-tag.pending{color:#9fb7bd;background:#112e3a;border:1px solid #2a4a57}.state-tag.ready{color:#20d9d2;border-color:#20d9d2}.preset-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.preset{background:#0b2030;border:1px solid #224254;color:#d9eeee;border-radius:10px;padding:12px;text-align:left;cursor:pointer;min-height:65px;position:relative}.preset:hover,.preset.selected{border-color:#20d9d2;background:#0d303b}.preset-name{display:block;font-size:11px;font-weight:700}.preset-meta{display:block;color:#75959d;font-size:10px;margin-top:6px}.preset.locked{opacity:.58}.lock{position:absolute;right:10px;top:10px;color:#20d9d2}.eq-sliders{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0 20px}.eq-sliders label{color:#88a8ae;font-size:11px}.eq-sliders input{display:block;width:100%;accent-color:#20d9d2;margin:14px 0 8px}.eq-sliders output{color:#d9f5f2;font-size:11px}.apply-btn{padding:11px 15px;background:#113643;border:1px solid #20d9d2;color:#20d9d2;font-size:11px;font-weight:800}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:15px 13px;background:#0a1f2f;border:1px solid #244252;color:#dcefed;border-radius:11px;cursor:pointer;text-align:left;min-height:100px}.mode-card.active,.mode-card:hover{border-color:#20d9d2;background:#0b3038}.mode-card:disabled{cursor:not-allowed;opacity:.58}.mode-card:disabled:hover{border-color:#244252;background:#0a1f2f}.mode-icon{font-size:21px;color:#20d9d2}.mode-card strong{font-size:11px}.mode-card small,.setting small{color:#76969e;font-size:10px}.intensity-row{display:flex;align-items:center;gap:12px;margin-top:19px;color:#91adb2;font-size:11px}.intensity-bars{display:flex;gap:4px}.intensity-bars i{display:block;width:25px;height:5px;border-radius:4px;background:#234554}.intensity-bars i:first-child{background:#20d9d2}.muted{color:#637f88;font-size:10px}.settings-list{border-top:1px solid #1b3b4a}.setting{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #163342}.setting strong{display:block;font-size:12px;margin-bottom:4px}.value{font-size:10px}.unavailable{color:#6c8d94}.telemetry{background:#081b29}.telemetry .section-heading{margin-bottom:21px}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;border-bottom:1px solid #1b3b4a;padding-bottom:20px}.metric-label{display:block;color:#668791;font-size:10px;margin-bottom:6px}.telemetry-grid strong{font-size:13px;color:#d9eeee}.log-box{margin-top:18px;color:#86a9b0;font:10px/2 monospace;min-height:84px}.log-box span{color:#47737e;margin-right:9px}.muted-line{color:#46656d;margin-top:3px}.compatibility h3{margin-bottom:20px}.compat-row{display:flex;gap:11px;align-items:flex-start;margin:15px 0}.compat-row .check{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#164f52;color:#20d9d2;font-weight:800;font-size:11px}.compat-row .pending-check{background:#26363d;color:#82969b}.compat-row strong{display:block;font-size:11px}.compat-row small{display:block;color:#76969e;font-size:10px;margin-top:4px}.details-btn{width:100%;margin-top:16px;padding:11px;background:#0b2535;border:1px solid #294a59;color:#a6c1c5;font-size:11px;text-align:left}.details-btn span{float:right;color:#20d9d2}footer{display:flex;justify-content:space-between;color:#54737b;font-size:9px;letter-spacing:.12em;padding:25px 2px 0}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{background:none;border:0;color:#9ab5ba;font-size:25px;cursor:pointer}dialog{max-width:440px;border:1px solid #20d9d2;background:#092030;color:#e8f7f5;border-radius:16px;padding:24px;box-shadow:0 20px 80px #000b}dialog::backdrop{background:#031018cc}.dialog h3{margin:12px 0}.dialog p,.dialog li{color:#a3bec2;font-size:12px;line-height:1.8}.dialog ul{padding-left:18px}@media(max-width:800px){.shell{padding:20px 16px}.hero{padding:28px 24px;min-height:240px}.hero h2{font-size:28px}.device-orbit{transform:scale(.78);margin-right:-20px}.grid-layout{grid-template-columns:1fr}.preset-list{grid-template-columns:repeat(2,1fr)}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:auto}.eq-sliders{gap:14px}}@media(max-width:500px){.hero{display:block}.device-orbit{margin:4px auto -15px}.topbar{align-items:flex-start}.connection-pill{font-size:10px;padding:8px 10px}.brand h1{font-size:13px}.section-card,.telemetry,.compatibility{padding:18px}.hero p{font-size:12px}.action-row{margin:15px 0}.primary-btn{flex:1}.ghost-btn{padding-left:14px;padding-right:14px}}