.apptnst{--ink:#102238;--muted:#627187;--line:#e1e8f0;--blue:#1268e8;max-width:820px!important;margin:8px auto 42px!important;padding:0 12px!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;color:var(--ink)!important;line-height:1.45!important}.apptnst *{box-sizing:border-box!important}.apptnst button{appearance:none!important;-webkit-appearance:none!important;font:inherit!important;text-transform:none!important;letter-spacing:normal!important;text-decoration:none!important;cursor:pointer!important}.apptnst header{text-align:center!important;padding:4px 3px 13px!important}.apptnst .tag{display:inline-block!important;padding:5px 9px!important;border-radius:999px!important;background:#eaf3ff!important;color:#075bc8!important;font-size:10px!important;font-weight:850!important;letter-spacing:.1em!important}.apptnst header h1{margin:8px 0 5px!important;color:#0d1c30!important;font-size:clamp(27px,6.5vw,43px)!important;line-height:1.08!important;letter-spacing:-.035em!important}.apptnst header>p{max-width:620px!important;margin:0 auto!important;color:var(--muted)!important;font-size:14px!important}.apptnst header aside{max-width:680px!important;margin:11px auto 0!important;padding:9px 11px!important;border:1px solid #eed28c!important;border-radius:12px!important;background:#fff9e9!important;color:#28384c!important;text-align:left!important;font-size:12px!important}.apptnst .console{padding:16px!important;border-radius:22px!important;background:#0e1b2c!important;color:#fff!important;box-shadow:0 14px 32px rgba(11,31,58,.13)!important}.apptnst .state{display:flex!important;align-items:center!important;gap:12px!important}.apptnst .state>i{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;flex:0 0 58px!important;border-radius:50%!important;background:#1b3150!important;color:#fff!important;font-size:23px!important;font-style:normal!important}.apptnst .state small,.apptnst .state strong,.apptnst .state em{display:block!important;color:#fff!important}.apptnst .state small{opacity:.62!important;font-size:9px!important;font-weight:850!important;letter-spacing:.12em!important}.apptnst .state strong{font-size:19px!important;line-height:1.15!important}.apptnst .state em{margin-top:2px!important;opacity:.74!important;font-size:12px!important;font-style:normal!important}.apptnst .progress{height:6px!important;margin:13px 0 6px!important;border-radius:99px!important;overflow:hidden!important;background:#2a3d56!important}.apptnst .progress b{display:block!important;width:0;height:100%!important;background:#63a9ff!important}.apptnst .meta{display:flex!important;justify-content:space-between!important;color:#d7e1ed!important;font-size:11px!important}.apptnst .hero-start{width:100%!important;margin-top:13px!important;padding:12px 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#1877ef,#0757c8)!important;color:#fff!important}.apptnst .hero-start span{font-size:20px!important}.apptnst .hero-start b,.apptnst .hero-start small{display:block!important;color:#fff!important;text-align:left!important}.apptnst .hero-start b{font-size:15px!important}.apptnst .hero-start small{opacity:.82!important;font-size:10px!important}.apptnst .stop{width:100%!important;margin-top:13px!important;padding:12px!important;border:1px solid #41536a!important;border-radius:14px!important;background:#14243a!important;color:#fff!important;font-weight:800!important}.apptnst .stop[hidden]{display:none!important}.apptnst .volume-tip{display:flex!important;gap:9px!important;align-items:flex-start!important;margin:10px 2px 0!important;padding:9px 11px!important;border-radius:12px!important;background:#f1f7ff!important;color:#33465d!important;font-size:11px!important}.apptnst .volume-tip p{margin:0!important}.apptnst>h2{margin:22px 0 10px!important;color:#102238!important;text-align:left!important;font-size:18px!important}.apptnst .modes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.apptnst .modes button{min-height:80px!important;padding:11px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;color:#102238!important;text-align:left!important}.apptnst .modes button.primary{border:1.5px solid #75adf2!important;background:#f4f9ff!important}.apptnst .modes button span{display:block!important;color:#102238!important;font-size:19px!important;line-height:1!important}.apptnst .modes button b{display:block!important;margin:5px 0 2px!important;color:#102238!important;font-size:13px!important;line-height:1.2!important}.apptnst .modes button small{display:block!important;color:#607086!important;font-size:10px!important;line-height:1.25!important}.apptnst details{margin-top:12px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:#fff!important;overflow:hidden!important}.apptnst summary{display:flex!important;justify-content:space-between!important;padding:13px 14px!important;color:#102238!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important}.apptnst .tests{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;padding:0 10px 10px!important}.apptnst .tests button{min-height:56px!important;padding:8px 4px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#f5f8fc!important;color:#102238!important}.apptnst .tests button b{display:block!important;margin-top:3px!important;color:#102238!important;font-size:9px!important}.apptnst .manual{padding:11px!important;border-top:1px solid var(--line)!important}.apptnst .manual label{display:flex!important;justify-content:space-between!important;color:#102238!important;font-size:12px!important;font-weight:800!important}.apptnst .manual output{color:#102238!important}.apptnst .manual input{width:100%!important;margin:11px 0!important;accent-color:#1268e8!important}.apptnst .manual button{width:100%!important;padding:10px!important;border:0!important;border-radius:11px!important;background:#1268e8!important;color:#fff!important;font-size:12px!important;font-weight:800!important}.apptnst .result{margin-top:14px!important;padding:16px!important;border-radius:14px!important;background:#eef9f2!important;text-align:center!important}.apptnst .result h2,.apptnst .result p{color:#153525!important}.apptnst .result button{margin:4px!important;padding:9px 11px!important;border:1px solid #cbded1!important;border-radius:10px!important;background:#fff!important;color:#153525!important}.apptnst .guide{margin-top:22px!important}.apptnst .guide h2{color:#102238!important;font-size:18px!important}.apptnst .guide ol{padding:0!important;list-style:none!important;counter-reset:n}.apptnst .guide li{counter-increment:n;position:relative!important;padding:9px 6px 9px 38px!important;border-bottom:1px solid var(--line)!important}.apptnst .guide li:before{content:counter(n);position:absolute;left:2px;top:9px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:#075bc8;font-weight:850;font-size:11px}.apptnst .guide li b{color:#102238!important;font-size:12px!important}.apptnst .guide li span{display:block!important;color:#66768a!important;font-size:10px!important}.apptnst .guide>p{padding:11px!important;border-radius:11px!important;background:#f5f7fa!important;color:#435268!important;font-size:10px!important}@media(max-width:560px){.apptnst{padding:0 8px!important}.apptnst header{padding-top:0!important}.apptnst header h1{font-size:28px!important}.apptnst header>p{font-size:12px!important}.apptnst .console{padding:14px!important;border-radius:18px!important}.apptnst .modes{grid-template-columns:repeat(2,minmax(0,1fr))!important}.apptnst .modes button{min-height:76px!important}.apptnst .tests{grid-template-columns:repeat(4,minmax(0,1fr))!important}.apptnst .tests button{min-width:0!important}.apptnst .tests button b{font-size:8px!important}}@media(max-width:370px){.apptnst .tests{grid-template-columns:repeat(2,1fr)!important}}@media(prefers-reduced-motion:reduce){.apptnst *{scroll-behavior:auto!important;animation:none!important}}
/* v2.1 interaction polish */
.apptnst .modes button,.apptnst .tests button{position:relative!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important}
.apptnst .modes button.selected{border:2px solid #1268e8!important;background:linear-gradient(145deg,#eaf4ff,#f7fbff)!important;box-shadow:0 0 0 3px rgba(18,104,232,.10),0 8px 22px rgba(18,104,232,.10)!important;transform:translateY(-1px)!important}
.apptnst .modes button.selected:after{content:'✓ SELECTED';position:absolute!important;top:8px!important;right:8px!important;padding:3px 6px!important;border-radius:999px!important;background:#1268e8!important;color:#fff!important;font-size:7px!important;font-weight:900!important;letter-spacing:.06em!important}
.apptnst .tests button.selected{border:2px solid #1268e8!important;background:#eaf4ff!important;box-shadow:0 0 0 2px rgba(18,104,232,.08)!important}
.apptnst .modes button:active,.apptnst .tests button:active{transform:scale(.985)!important}
.apptnst .strength{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:10px 2px 0!important;padding:8px 10px!important;border:1px solid #dfe8f5!important;border-radius:12px!important;background:#fff!important;color:#263a52!important;font-size:10px!important;font-weight:800!important}
.apptnst .strength>div{display:flex!important;gap:4px!important;padding:3px!important;border-radius:9px!important;background:#eef3f9!important}
.apptnst .strength button{min-width:54px!important;padding:6px 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#53667d!important;font-size:9px!important;font-weight:850!important}
.apptnst .strength button.active{background:#1268e8!important;color:#fff!important;box-shadow:0 3px 8px rgba(18,104,232,.22)!important}
.apptnst.running .modes button.selected:after{content:'● PLAYING';background:#0d9b62!important}
.apptnst .hero-start[hidden]{display:none!important}
@media(max-width:560px){.apptnst .strength{position:sticky!important;bottom:8px!important;z-index:5!important;box-shadow:0 7px 22px rgba(18,39,67,.10)!important}.apptnst .strength button{min-width:48px!important;padding:6px!important}.apptnst .modes button.selected:after{font-size:6px!important}}

/* v2.2 — clear navigation states + genuinely separated output levels */
.apptnst{--mode:#1268e8;--mode-rgb:18,104,232;--mode-soft:#eef6ff!important}
.apptnst[data-selected="water"]{--mode:#1478e8;--mode-rgb:20,120,232;--mode-soft:#edf7ff}
.apptnst[data-selected="smart"]{--mode:#8b5cf6;--mode-rgb:139,92,246;--mode-soft:#f5f1ff}
.apptnst[data-selected="deep"]{--mode:#d97706;--mode-rgb:217,119,6;--mode-soft:#fff7e8}
.apptnst[data-selected="test"]{--mode:#0f9f8f;--mode-rgb:15,159,143;--mode-soft:#ebfbf8}
.apptnst[data-selected="left"]{--mode:#6d5ce7;--mode-rgb:109,92,231;--mode-soft:#f2f0ff}
.apptnst[data-selected="right"]{--mode:#e14d72;--mode-rgb:225,77,114;--mode-soft:#fff0f4}
.apptnst[data-selected="stereo"]{--mode:#008f9c;--mode-rgb:0,143,156;--mode-soft:#eafafb}
.apptnst[data-selected="sweep"]{--mode:#4f63d8;--mode-rgb:79,99,216;--mode-soft:#eef0ff}
.apptnst[data-selected="manual"]{--mode:#596b82;--mode-rgb:89,107,130;--mode-soft:#f1f4f7}
.apptnst .hero-start{background:linear-gradient(135deg,var(--mode),color-mix(in srgb,var(--mode) 76%,#061d43))!important;box-shadow:0 8px 22px rgba(var(--mode-rgb),.20)!important;transition:background .2s ease,box-shadow .2s ease!important}
.apptnst .progress b{background:var(--mode)!important}
.apptnst .state>i{box-shadow:inset 0 0 0 1px rgba(var(--mode-rgb),.22)!important}
.apptnst .modes button.primary{border-color:var(--line)!important;background:#fff!important}
.apptnst .modes button[data-mode="water"]{--card:#1478e8;--card-rgb:20,120,232;--card-soft:#edf7ff}
.apptnst .modes button[data-mode="smart"]{--card:#8b5cf6;--card-rgb:139,92,246;--card-soft:#f5f1ff}
.apptnst .modes button[data-mode="deep"]{--card:#d97706;--card-rgb:217,119,6;--card-soft:#fff7e8}
.apptnst .modes button[data-mode="test"]{--card:#0f9f8f;--card-rgb:15,159,143;--card-soft:#ebfbf8}
.apptnst .modes button span{color:var(--card)!important}
.apptnst .modes button.selected{border:2px solid var(--card)!important;background:linear-gradient(145deg,var(--card-soft),#fff)!important;box-shadow:0 0 0 3px rgba(var(--card-rgb),.10),0 9px 24px rgba(var(--card-rgb),.12)!important}
.apptnst .modes button.selected:after{content:'✓ SELECTED';background:var(--card)!important;color:#fff!important}
.apptnst.running .modes button.selected:after{content:'● PLAYING';background:var(--card)!important}
.apptnst .tests button[data-mode="left"]{--card:#6d5ce7;--card-soft:#f2f0ff}.apptnst .tests button[data-mode="right"]{--card:#e14d72;--card-soft:#fff0f4}.apptnst .tests button[data-mode="stereo"]{--card:#008f9c;--card-soft:#eafafb}.apptnst .tests button[data-mode="sweep"]{--card:#4f63d8;--card-soft:#eef0ff}
.apptnst .tests button{border:1px solid var(--line)!important;background:#f7f9fc!important;color:#102238!important}
.apptnst .tests button.selected{border:2px solid var(--card)!important;background:var(--card-soft)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--card) 10%,transparent)!important;color:var(--card)!important;transform:translateY(-1px)!important}
.apptnst .tests button.selected b{color:var(--card)!important}.apptnst .tests button.selected:after{content:'✓';position:absolute;right:5px;top:4px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--card)!important;color:#fff!important;font-size:8px;font-weight:900}
.apptnst .strength{display:block!important;margin:12px 0 0!important;padding:10px!important;border:1px solid #dce6f1!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 6px 18px rgba(22,44,73,.05)!important}
.apptnst .strength-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 2px 8px!important}.apptnst .strength-head>span{color:#20344d!important;font-size:11px!important;font-weight:850!important}.apptnst .strength-head>small{padding:3px 7px!important;border-radius:999px!important;background:#e9f3ff!important;color:#0b63cf!important;font-size:8px!important;font-weight:850!important}
.apptnst .strength-segments{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:0!important;background:transparent!important}
.apptnst .strength-segments button{position:relative!important;min-width:0!important;padding:9px 6px 8px!important;border:1px solid #dfe7f0!important;border-radius:11px!important;background:#fff!important;color:#40536a!important;text-align:left!important;box-shadow:none!important;transition:.16s ease!important}
.apptnst .strength-segments button i{display:block!important;width:100%!important;height:4px!important;margin-bottom:7px!important;border-radius:99px!important;background:#dce4ed!important;overflow:hidden!important}.apptnst .strength-segments button i:after{content:'';display:block;height:100%;border-radius:inherit;background:currentColor}.apptnst .strength-segments button[data-strength="normal"] i:after{width:34%}.apptnst .strength-segments button[data-strength="strong"] i:after{width:67%}.apptnst .strength-segments button[data-strength="max"] i:after{width:100%}
.apptnst .strength-segments button b,.apptnst .strength-segments button small{display:block!important}.apptnst .strength-segments button b{color:#24384f!important;font-size:10px!important;line-height:1.15!important}.apptnst .strength-segments button small{margin-top:2px!important;color:#7a899b!important;font-size:7px!important;line-height:1.1!important}
.apptnst .strength-segments button.active{border-color:#1268e8!important;background:#eef6ff!important;color:#1268e8!important;box-shadow:0 0 0 2px rgba(18,104,232,.09)!important;transform:translateY(-1px)!important}.apptnst .strength-segments button.active b{color:#0b5fc7!important}.apptnst .strength-segments button.active small{color:#3977bd!important}.apptnst .strength-segments button.active:after{content:'✓';position:absolute;right:7px;top:7px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#1268e8;color:#fff;font-size:8px;font-weight:900}
.apptnst .manual button{background:var(--mode)!important}
@media(max-width:560px){.apptnst .strength{position:static!important;bottom:auto!important;z-index:auto!important;margin-top:10px!important;padding:8px!important}.apptnst .strength-head{margin-bottom:6px!important}.apptnst .strength-segments{gap:5px!important}.apptnst .strength-segments button{padding:8px 5px 7px!important}.apptnst .strength-segments button b{font-size:9px!important}.apptnst .strength-segments button small{font-size:6.5px!important}.apptnst .modes button.selected:after{font-size:6px!important}}
/* v2.3.1 state clarity + premium strength selector */
.apptnst .modes button,.apptnst .tests button{overflow:hidden!important}
.apptnst .modes button.selected{transform:translateY(-2px)!important;border-width:2px!important;box-shadow:0 0 0 4px rgba(var(--card-rgb),.13),0 12px 28px rgba(var(--card-rgb),.16)!important}
.apptnst .modes button.selected b{color:var(--card)!important}.apptnst .modes button.selected small{color:#42566d!important}
.apptnst .modes button.selected:before{content:'';position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:5px!important;background:var(--card)!important}
.apptnst .modes button.selected:after{top:7px!important;right:7px!important;padding:4px 7px!important;font-size:7px!important;box-shadow:0 3px 10px rgba(var(--card-rgb),.22)!important}
.apptnst .tests button.selected{transform:translateY(-2px)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--card) 13%,transparent),0 8px 20px color-mix(in srgb,var(--card) 14%,transparent)!important}
.apptnst .strength{padding:12px!important}.apptnst .strength-head{margin-bottom:10px!important}.apptnst .strength-head>span{font-size:12px!important}.apptnst .strength-head>small{font-size:9px!important}
.apptnst .strength-segments button{min-height:68px!important;padding:10px 9px!important;border:1px solid #dce5ef!important;border-radius:13px!important}
.apptnst .strength-segments button b{font-size:12px!important}.apptnst .strength-segments button small{font-size:8px!important}.apptnst .strength-segments button i{height:5px!important;margin-bottom:9px!important}
.apptnst .strength-segments button[data-strength="normal"]{color:#5b7088!important}.apptnst .strength-segments button[data-strength="strong"]{color:#1268e8!important}.apptnst .strength-segments button[data-strength="max"]{color:#e34b4b!important}
.apptnst .strength-segments button[data-strength="normal"].active{border-color:#6b8199!important;background:#f2f6fa!important;box-shadow:0 0 0 3px rgba(107,129,153,.12)!important}.apptnst .strength-segments button[data-strength="normal"].active:after{background:#637a92!important}.apptnst .strength-segments button[data-strength="normal"].active b{color:#40566e!important}
.apptnst .strength-segments button[data-strength="strong"].active{border-color:#1268e8!important;background:#edf6ff!important;box-shadow:0 0 0 3px rgba(18,104,232,.12)!important}.apptnst .strength-segments button[data-strength="strong"].active:after{background:#1268e8!important}
.apptnst .strength-segments button[data-strength="max"].active{border-color:#e34b4b!important;background:#fff1f1!important;box-shadow:0 0 0 3px rgba(227,75,75,.12)!important}.apptnst .strength-segments button[data-strength="max"].active:after{background:#e34b4b!important}.apptnst .strength-segments button[data-strength="max"].active b{color:#c63535!important}.apptnst .strength-segments button[data-strength="max"].active small{color:#b84b4b!important}
.apptnst.running .hero-start{display:none!important}.apptnst.running .stop{display:block!important}
@media(max-width:560px){.apptnst .strength{padding:9px!important}.apptnst .strength-segments button{min-height:58px!important;padding:8px 7px!important}.apptnst .strength-segments button b{font-size:10px!important}.apptnst .strength-segments button small{font-size:7px!important}}

/* v2.4 responsive density + share controls */
.apptnst .strength-segments{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:9px!important}
.apptnst .strength-segments button{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:1fr!important;align-content:center!important}
.apptnst .apptnst-share{margin-top:18px!important;padding:13px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border:1px solid #e1e8f0!important;border-radius:15px!important;background:#fff!important;color:#102238!important}
.apptnst .apptnst-share>div:first-child b,.apptnst .apptnst-share>div:first-child small{display:block!important}.apptnst .apptnst-share>div:first-child b{font-size:13px!important}.apptnst .apptnst-share>div:first-child small{margin-top:2px!important;color:#627187!important;font-size:10px!important}
.apptnst .apptnst-share-actions{display:flex!important;gap:7px!important;flex:0 0 auto!important}.apptnst .apptnst-share-actions button,.apptnst .apptnst-share-actions a{min-height:38px!important;padding:8px 11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid #dce5ef!important;border-radius:11px!important;background:#f7f9fc!important;color:#17314f!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important}.apptnst .apptnst-share-actions [data-apptnst-share="whatsapp"]{border-color:#cdebd6!important;background:#effbf3!important;color:#19763b!important}.apptnst .apptnst-share-actions .copied{border-color:#8cc3ff!important;background:#edf6ff!important;color:#075bc8!important}
@media(min-width:561px){.apptnst .strength-segments button{min-height:72px!important}.apptnst .strength-segments button b{font-size:13px!important}.apptnst .strength-segments button small{font-size:9px!important}}
@media(max-width:560px){.apptnst{padding:0 8px!important}.apptnst .strength-segments{gap:6px!important}.apptnst .strength-segments button{min-height:56px!important;padding:7px 6px!important}.apptnst .strength-segments button i{margin-bottom:6px!important}.apptnst .modes{gap:7px!important}.apptnst .modes button{min-height:70px!important;padding:10px 10px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important;align-content:center!important;align-items:center!important}.apptnst .modes button span{grid-column:1!important;grid-row:1 / span 2!important;margin:0!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#f4f7fb!important;font-size:18px!important}.apptnst .modes button b{grid-column:2!important;grid-row:1!important;margin:0 0 2px!important;font-size:11px!important;align-self:end!important}.apptnst .modes button small{grid-column:2!important;grid-row:2!important;font-size:8px!important;align-self:start!important}.apptnst .modes button.selected:after{top:5px!important;right:5px!important;padding:3px 5px!important;font-size:5.5px!important}.apptnst .apptnst-share{align-items:flex-start!important;flex-direction:column!important;padding:11px!important}.apptnst .apptnst-share-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}.apptnst .apptnst-share-actions button,.apptnst .apptnst-share-actions a{width:100%!important;padding:8px 4px!important}.apptnst .volume-tip{padding-right:10px!important}}

/* v2.5 exact-selector responsive polish */
.apptnst .volume-tip{margin:8px 2px 0!important}
.apptnst>h2{margin:14px 0 8px!important}
.apptnst .modes{margin-bottom:0!important}
.apptnst details{margin-top:10px!important}
.apptnst .apptnst-share{
  margin-top:10px!important;
  margin-bottom:0!important;
  padding:11px 12px!important;
  gap:10px!important
}
.apptnst .apptnst-share-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important
}
.apptnst .apptnst-share-actions button,
.apptnst .apptnst-share-actions a{
  min-height:40px!important;
  padding:8px 10px!important;
  gap:6px!important;
  white-space:nowrap!important
}
.apptnst .apptnst-wa-logo{
  width:17px!important;height:17px!important;display:block!important;
  flex:0 0 17px!important
}
.apptnst .guide{margin-top:14px!important}
.apptnst .guide h2{margin:0 0 10px!important}

@media(max-width:560px){
 .apptnst .volume-tip{margin:7px 2px 0!important;padding:8px 10px!important}
 .apptnst>h2{margin:10px 0 7px!important}
 .apptnst .modes{gap:7px!important}
 .apptnst details{margin-top:8px!important}
 .apptnst .apptnst-share{
   margin-top:8px!important;padding:10px!important;gap:8px!important
 }
 .apptnst .apptnst-share>div:first-child small{margin-top:1px!important}
 .apptnst .apptnst-share-actions{gap:6px!important}
 .apptnst .apptnst-share-actions button,
 .apptnst .apptnst-share-actions a{
   min-height:40px!important;padding:7px 5px!important;font-size:9.5px!important
 }
 .apptnst .apptnst-wa-logo{width:16px!important;height:16px!important;flex-basis:16px!important}
 .apptnst .guide{margin-top:12px!important}
 .apptnst .guide h2{margin:0 0 8px!important}
}

/* v2.6 sticky player + advanced CTA polish */

/* The player sticks only while the tool itself is in view. */
.apptnst .player{
  position:sticky!important;
  top:12px!important;
  z-index:60!important;
  isolation:isolate!important;
  transition:box-shadow .18s ease,transform .18s ease!important;
}
.admin-bar .apptnst .player{top:44px!important}
.apptnst .player.is-stuck{
  box-shadow:0 12px 30px rgba(15,28,48,.22)!important;
}

/* Advanced tests should read as a deliberate CTA, not a plain disclosure row. */
.apptnst details{
  border:1px solid #cfe0ff!important;
  background:linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%)!important;
  box-shadow:0 3px 12px rgba(37,99,235,.055)!important;
}
.apptnst details>summary{
  min-height:54px!important;
  padding:13px 16px!important;
  color:#174ea6!important;
  font-weight:800!important;
  cursor:pointer!important;
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.apptnst details>summary::-webkit-details-marker{display:none!important}
.apptnst details>summary span{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  display:grid!important;place-items:center!important;
  border-radius:10px!important;
  background:#e4eeff!important;
  color:#1557c0!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  transition:transform .18s ease,background .18s ease!important;
}
.apptnst details[open]>summary{
  background:#eaf2ff!important;
  border-bottom:1px solid #d8e5fb!important;
}
.apptnst details[open]>summary span{
  transform:rotate(45deg)!important;
  background:#d8e8ff!important;
}
.apptnst details>summary:hover{background:#eef5ff!important}

/* Keep sticky player compact on phones so it remains useful without hiding the page. */
@media(max-width:600px){
 .apptnst .player{
   top:8px!important;
   border-radius:18px!important;
   padding:14px 16px!important;
 }
 .admin-bar .apptnst .player{top:54px!important}
 .apptnst .player .orb{width:58px!important;height:58px!important}
 .apptnst .player .status strong{font-size:19px!important}
 .apptnst .player .primary-action{min-height:54px!important}
 .apptnst details>summary{min-height:50px!important;padding:11px 14px!important}
 .apptnst details>summary span{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:21px!important}
}
@media(min-width:601px) and (max-width:1024px){
 .apptnst .player{top:10px!important}
 .admin-bar .apptnst .player{top:44px!important}
}

/* v2.7 exact console sticky + advanced CTA spacing */
.apptnst .console{
  position:relative!important;
  z-index:70!important;
}
.apptnst .console.apptnst-console-fixed{
  position:fixed!important;
  top:12px!important;
  margin:0!important;
  z-index:9998!important;
  box-shadow:0 16px 38px rgba(9,25,48,.26)!important;
}
.admin-bar .apptnst .console.apptnst-console-fixed{top:44px!important}
.apptnst .apptnst-console-spacer{display:none}
.apptnst .apptnst-console-spacer.is-active{display:block}

/* Advanced CTA: balanced label and a centered, unmistakable control. */
.apptnst details>summary{
  position:relative!important;
  min-height:58px!important;
  padding:13px 15px!important;
  background:linear-gradient(135deg,#edf4ff,#e5efff)!important;
  color:#174ea6!important;
  border:0!important;
}
.apptnst details>summary span{
  width:32px!important;height:32px!important;flex:0 0 32px!important;
  display:grid!important;place-items:center!important;
  padding:0!important;margin:0!important;
  border:1px solid #c5d9fb!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#1557c0!important;
  font-family:Arial,sans-serif!important;
  font-size:0!important;
  line-height:1!important;
  font-weight:900!important;
  transform:none!important;
  box-shadow:0 2px 7px rgba(21,87,192,.10)!important;
}
.apptnst details>summary span:before{
  content:'+'!important;
  display:block!important;
  font-size:22px!important;
  line-height:30px!important;
  font-weight:900!important;
  text-align:center!important;
  transform:translateY(-1px)!important;
}
.apptnst details[open]>summary span{transform:none!important;background:#fff!important}
.apptnst details[open]>summary span:before{
  content:'−'!important;
  font-size:23px!important;
  transform:translateY(-2px)!important;
}
.apptnst details[open]>summary{
  background:linear-gradient(135deg,#e7f0ff,#dfeaff)!important;
}
/* Give the first test row breathing room below the CTA header. */
.apptnst details .tests{
  padding:12px 10px 11px!important;
  gap:8px!important;
}
.apptnst details .manual{
  padding:13px 11px 11px!important;
}

@media(max-width:600px){
 .apptnst .console.apptnst-console-fixed{
   top:8px!important;
   left:8px!important;
   right:8px!important;
   width:auto!important;
   border-radius:17px!important;
   padding:12px!important;
 }
 .admin-bar .apptnst .console.apptnst-console-fixed{top:54px!important}
 .apptnst .console.apptnst-console-fixed .state>i{
   width:48px!important;height:48px!important;flex-basis:48px!important;font-size:20px!important
 }
 .apptnst .console.apptnst-console-fixed .state strong{font-size:17px!important}
 .apptnst .console.apptnst-console-fixed .state em{font-size:10px!important}
 .apptnst .console.apptnst-console-fixed .progress{margin:9px 0 5px!important}
 .apptnst .console.apptnst-console-fixed .hero-start,
 .apptnst .console.apptnst-console-fixed .stop{
   margin-top:9px!important;padding:10px 11px!important;min-height:46px!important
 }
 .apptnst details>summary{min-height:54px!important;padding:11px 13px!important}
 .apptnst details>summary span{width:30px!important;height:30px!important;flex-basis:30px!important}
 .apptnst details>summary span:before{font-size:21px!important;line-height:28px!important}
 .apptnst details .tests{padding:10px 9px 10px!important;gap:7px!important}
}