/*
Theme Name: Totò Stark
Description: Tema per totostark.it — offerte con Deal Score (ADAMP) e consigli tech. Direzione "Officina".
Version: 1.4.0
Author: Totò Stark
Text Domain: totostark
*/
@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/Sora-800-latin.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500 800;font-display:swap;src:url(assets/fonts/BricolageGrotesque-500-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500 800;font-display:swap;src:url(assets/fonts/BricolageGrotesque-500-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexMono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/IBMPlexMono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/IBMPlexMono-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/IBMPlexMono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/InstrumentSans-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/InstrumentSans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/InstrumentSans-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/InstrumentSans-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/InstrumentSans-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/InstrumentSans-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{color-scheme:light;--bg:#f6f3ee;--ink:#17161a;--muted:#4a463f;--soft:#6f6a62;--faint:var(--faint);--line:#e4dfd6;--pale:#eeeae3;--card:var(--card)fff;--accent:#e0491f;--ok:#1f9d55;--inv-bg:#17161a;--inv-fg:#f6f3ee;--inv-muted:var(--inv-muted)}
@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg:#141317;--ink:#f3efe8;--muted:#cdc7bd;--soft:#9d978d;--faint:var(--faint);--line:#2c2a31;--pale:#232127;--card:#1c1b20;--ok:#3fbf75;--inv-bg:#f3efe8;--inv-fg:#17161a;--inv-muted:#5d5852}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none}a:hover{color:var(--accent)}
img{max-width:100%;height:auto}
h1,h2,h3,.display{font-family:"Bricolage Grotesque","Arial Black",Impact,sans-serif;letter-spacing:-.02em;line-height:1.05;margin:0}
.mono{font-family:"IBM Plex Mono",Menlo,Consolas,monospace}
.wrap{max-width:1312px;margin:0 auto;padding:0 24px}
@media(min-width:1000px){.wrap{padding:0 64px}}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.tick{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:10px;font-weight:600;font-size:16px;border:1.5px solid transparent;cursor:pointer}
.btn-dark{background:var(--inv-bg);color:var(--inv-fg)!important}.btn-dark:hover{background:var(--accent)}
.btn-accent{background:var(--accent);color:#fff!important}.btn-accent:hover{background:var(--ink)}
.btn-ghost{border-color:var(--ink);color:var(--ink)!important}.btn-ghost:hover{background:var(--inv-bg);color:var(--inv-fg)!important}
/* header */
.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Sora','Arial Black',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.05em;line-height:1}
.brand svg{width:34px;height:34px;flex-shrink:0}
.brand .dot{color:var(--accent)}
.brand-mark{width:36px;height:36px;border-radius:8px;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand em{font-style:normal;color:var(--accent)}
.site-nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0;font-weight:500}
.site-nav li.current-menu-item a,.site-nav li.current_page_item a{color:var(--accent)}
.nav-toggle{display:none;width:44px;height:44px;border:0;background:none;color:var(--ink);cursor:pointer}
@media(max-width:900px){.site-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 24px 24px}.site-nav.open{display:block}.site-nav ul{flex-direction:column;gap:18px;font-size:18px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.header-cta{display:none}}
/* hero */
.hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;padding:72px 0 56px;align-items:end}
.hero-copy{grid-column:span 7;display:flex;flex-direction:column;gap:26px}
.hero-copy h1{font-size:clamp(42px,6vw,84px);font-weight:800;line-height:.98;text-wrap:balance}
.hero-copy h1 em{font-style:normal;color:var(--accent)}
.hero-copy p{margin:0;max-width:620px;font-size:21px;line-height:1.45;color:var(--muted)}
.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hero-note{font-size:14px;color:var(--soft)}
.hero-deal{grid-column:span 5}
@media(max-width:900px){.hero{padding:40px 0 32px}.hero-copy,.hero-deal{grid-column:span 12}}
/* strip */
.strip{padding:28px 32px;background:var(--inv-bg);color:var(--inv-fg);border-radius:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;align-items:center}
.strip h3{font-size:24px;font-weight:700;line-height:1.15;margin-top:6px}
.strip .f{display:flex;gap:14px;align-items:flex-start}.strip .f svg{flex-shrink:0;color:var(--accent)}
.strip .f b{display:block;font-size:16px}.strip .f span{font-size:14px;color:var(--inv-muted);line-height:1.4}
.strip .eyebrow{color:var(--inv-muted)}
@media(max-width:900px){.strip{grid-template-columns:1fr;gap:20px}}
/* sections */
.section{padding:72px 0 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.section-head h2{font-size:clamp(30px,3.5vw,44px);font-weight:700}
.section-head .eyebrow{margin-bottom:8px}
.more{font-weight:600;display:inline-flex;align-items:center;gap:6px}
/* kit */
.kit{margin-top:96px;padding:72px 0;background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kit-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}
.kit-intro{grid-column:span 4;display:flex;flex-direction:column;gap:18px}
.kit-intro h2{font-size:clamp(30px,3.5vw,44px);font-weight:700}
.kit-intro p{margin:0;color:var(--muted)}
.kit-cards{grid-column:span 8;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:900px){.kit-intro,.kit-cards{grid-column:span 12}.kit{margin-top:56px;padding:48px 0}}
@media(max-width:560px){.kit-cards{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}
.card:hover{border-color:var(--ink)}
.card.pale{background:var(--bg)}
.card .cat{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.card h3{font-size:26px;font-weight:700}
.card p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.card .go{font-weight:600;font-size:15px;color:var(--accent)}
.card.dark{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg);justify-content:space-between}
.card.dark .cat{color:var(--inv-muted)}.card.dark p{color:var(--inv-muted)}.card.dark h3{font-size:24px}
/* guide list */
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr}}
.guide{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:2px solid var(--ink)}
.guide .meta{font-size:13px;color:var(--soft)}
.guide h3{font-size:24px;font-weight:700;line-height:1.2}
.guide p{margin:0;font-size:15px;color:var(--muted)}
/* telegram */
.tg{margin:80px 0;padding:48px 56px;border-radius:20px;background:var(--accent);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.tg h2{font-size:clamp(26px,3vw,38px);font-weight:800;max-width:640px}
.tg p{margin:8px 0 0;font-size:17px;opacity:.9}
@media(max-width:700px){.tg{padding:28px 24px;margin:48px 0}}
/* footer */
.site-footer{padding:32px 0 40px;border-top:1px solid var(--line)}
.site-footer .row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:15px}
.site-footer .row ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;color:var(--muted)}
.disclosure{font-size:13px;color:var(--faint);line-height:1.5;max-width:900px;margin-top:18px}
/* article */
.article{max-width:760px;margin:0 auto;padding:56px 0 80px}
.article .meta{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--soft);margin-bottom:18px;flex-wrap:wrap}
.article h1{font-size:clamp(34px,4.5vw,56px);font-weight:800;text-wrap:balance}
.article .lead{font-size:20px;color:var(--muted);margin:18px 0 0}
.article .thumb{margin:32px 0 0;border-radius:14px;overflow:hidden}
.entry{margin-top:36px;font-size:18px;line-height:1.65}
.entry h2{font-size:30px;margin:44px 0 12px}.entry h3{font-size:23px;margin:32px 0 10px}
.entry a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.entry img{border-radius:12px}
.entry blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:var(--muted)}
.entry pre{background:var(--inv-bg);color:var(--inv-fg);padding:18px;border-radius:10px;overflow-x:auto;font-size:15px}
.entry .wp-block-button__link{background:var(--ink);color:var(--bg);border-radius:10px;font-weight:600;text-decoration:none}
.honesty{margin-top:48px;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:15px;color:var(--muted)}
.honesty b{color:var(--ink)}
.archive-head{padding:56px 0 8px}
.archive-head h1{font-size:clamp(34px,4.5vw,56px);font-weight:800}
.archive-head p{color:var(--muted);font-size:19px;margin:12px 0 0;max-width:640px}
.pagination{display:flex;gap:8px;justify-content:center;padding:40px 0}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);font-weight:600}
.pagination .current{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
.page-content{max-width:760px;margin:0 auto;padding:56px 0 80px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.author-box{display:flex;gap:16px;align-items:flex-start;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.author-box img{border-radius:50%;flex-shrink:0}
.author-box p{margin:6px 0 0;font-size:15px;color:var(--muted)}
.author-box a{color:var(--accent);font-weight:600}
.form{display:flex;flex-direction:column;gap:14px;max-width:560px}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}
.form input,.form textarea,.form select{font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
.form input:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.form .consent{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:14px;color:var(--muted)}
.form .consent input{width:20px;height:20px;margin-top:2px}
.notice{padding:14px 18px;border-radius:10px;background:var(--card);border:1.5px solid var(--ok);color:var(--ink);font-size:15px}
.notice.err{border-color:var(--accent)}
.hp{position:absolute;left:-9999px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;background:var(--inv-bg);color:var(--inv-fg);border-radius:10px;font-weight:600}
.skip:focus{left:16px}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.share-label{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-right:6px}
.share a,.share button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--ink);padding:0;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.share a:hover,.share button:hover,.share a:focus-visible,.share button:focus-visible{background:var(--inv-bg);border-color:var(--inv-bg);color:var(--inv-fg)}
.share [data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--inv-bg);color:var(--inv-fg);font-size:12px;font-weight:600;padding:5px 9px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.share [data-tip]:hover::after,.share [data-tip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}
.share .copy.done{background:var(--ok);border-color:var(--ok);color:var(--card)}

/* Cursore: sopra le cose cliccabili la freccia diventa il marchio; sul testo resta la freccia di sistema. */
a,button,.btn,[role="button"],input[type="submit"],label[for],summary{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 100 100'%3E%3Crect x='40' y='26' width='20' height='62' rx='4' fill='%2317161a' stroke='%23f6f3ee' stroke-width='6'/%3E%3Crect x='12' y='12' width='76' height='20' rx='4' fill='%2317161a' stroke='%23f6f3ee' stroke-width='6'/%3E%3Cpath d='M70 40 L96 52 L82 58 L76 72 Z' fill='%23e0491f' stroke='%23f6f3ee' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") 29 16, pointer}
a:active,button:active,.btn:active,[role="button"]:active,input[type="submit"]:active{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 100 100'%3E%3Crect x='40' y='26' width='20' height='62' rx='4' fill='%2317161a' stroke='%23f6f3ee' stroke-width='6'/%3E%3Crect x='12' y='12' width='76' height='20' rx='4' fill='%2317161a' stroke='%23f6f3ee' stroke-width='6'/%3E%3Cpath d='M70 40 L96 52 L82 58 L76 72 Z' fill='%23e0491f' stroke='%23f6f3ee' stroke-width='5' stroke-linejoin='round'/%3E%3Ccircle cx='96' cy='52' r='14' fill='none' stroke='%23e0491f' stroke-width='5'/%3E%3C/svg%3E") 29 16, pointer}

/* Offerte ADAMP: allineo il CSS del plugin ai token del tema, così segue chiaro/scuro */
body .adamp-card,body .adamp-top{background:var(--card);border-color:var(--line);color:var(--ink)}
body .adamp-card:hover{border-color:var(--ink)}
body .adamp-top{border-color:var(--ink);box-shadow:8px 8px 0 var(--ink)}
body .adamp-market{background:var(--pale);color:var(--muted)}
body .adamp-img,body .adamp-top-img{background:#fff}
body .adamp-min{color:var(--muted)} body .adamp-old,body .adamp-note,body .adamp-empty{color:var(--faint)}
body .adamp-btn{border-color:var(--ink);color:var(--ink)!important}
body .adamp-btn:hover{background:var(--inv-bg);color:var(--inv-fg)!important}
body .adamp-btn-dark{background:var(--inv-bg);color:var(--inv-fg)!important;border-color:var(--inv-bg)}
body .adamp-btn-dark:hover{background:var(--accent);border-color:var(--accent);color:#fff!important}
body .adamp-ring circle:first-child{stroke:var(--pale)}
body .adamp-ring-val small{color:var(--soft)}
.tg-box{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:44px;padding:22px 26px;border-radius:14px;background:var(--pale)}
.tg-box b{display:block;font-size:17px}.tg-box span{display:block;font-size:14px;color:var(--muted);margin-top:4px}
.site-search{display:flex;gap:10px;margin-top:22px;max-width:520px}
.site-search input{flex:1;font:inherit;padding:0 14px;height:44px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
.site-search input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.related .guide-grid{padding-top:8px}
.listen{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:26px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:14px}
.listen-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.listen-btn[aria-pressed="true"]{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
.listen-stop{height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;cursor:pointer}
.listen label{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.listen select{font:inherit;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}
.listen-state{font-family:"IBM Plex Mono",Menlo,monospace;color:var(--soft);min-width:3ch}
.listen-note{width:100%;font-size:12px;color:var(--faint)}