/* AZ Class "Clear mode" (redesign preview): bigger, plainer, higher contrast. Loads last. */
:root.cl{--tx-2:#C9C4BA;--tx-3:#A29D93}
.cl body{font-size:16px}
.cl :focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px;border-radius:10px}
.cl .cl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Help button in the top bar */
.cl-help{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 8px;margin-inline-end:8px;border-radius:999px;border:1px solid var(--gold-line);background:var(--gold-tint);color:var(--gold-hi);font:600 15px/1 var(--sans);cursor:pointer}
.cl-help>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold-grad);color:#17120A;font-weight:800}
.cl-help:hover{background:rgba(217,178,106,.16)}
.cl-help[hidden]{display:none}
@media (max-width:520px){.cl-help-l{display:none}.cl-help{padding:0 8px}}

/* 3-step path on the home screen */
.cl-path{margin:22px 0 30px}
.cl-path-head h2{font:400 clamp(28px,4.2vw,38px)/1.1 var(--serif);margin:0 0 6px;color:var(--tx)}
.cl-path-head p{margin:0 0 16px;color:var(--tx-2);font-size:16px}
.cl-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:900px){.cl-steps{grid-template-columns:repeat(3,1fr)}}
.cl-step-a{position:relative;display:flex;gap:16px;align-items:center;min-height:96px;padding:18px 18px;border-radius:var(--r);background:var(--card-bg);border:1px solid var(--line-2);color:var(--tx);text-decoration:none;box-shadow:var(--sh-card);transition:transform .25s var(--ease),border-color .25s,background .25s}
.cl-step-a:hover{transform:translateY(-2px);border-color:var(--line-3)}
.cl-step.is-now .cl-step-a{border:2px solid var(--gold);background:linear-gradient(180deg,rgba(217,178,106,.14),rgba(217,178,106,.04));box-shadow:0 0 0 6px rgba(217,178,106,.08),var(--sh-card)}
.cl-step.is-done .cl-step-a{border-color:rgba(125,211,160,.35)}
.cl-num{position:relative;flex:none;width:58px;height:58px;display:grid;place-items:center}
.cl-num b{position:relative;font:700 22px/1 var(--sans);color:var(--tx)}
.cl-num b svg{width:26px;height:26px;stroke:var(--okc);fill:none;stroke-width:2.4}
.cl-step.is-now .cl-num b{color:var(--gold-hi)}
.cl-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.cl-ring circle{fill:none;stroke-width:3.5}
.cl-ring-t{stroke:rgba(255,255,255,.12)}
.cl-ring-a{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease)}
.cl-step.is-done .cl-ring-a{stroke:var(--okc)}
.cl-step-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cl-step-t{font-size:18px;line-height:1.25}
.cl-step-d{color:var(--tx-2);font-size:14.5px;line-height:1.4}
.cl-step-p{display:inline-flex;align-items:center;gap:6px;color:var(--tx-3);font-size:13px;margin-top:2px;font-variant-numeric:tabular-nums}
.cl-mini-ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.cl-now,.cl-done{align-self:flex-start;font:700 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px}
.cl-now{background:var(--gold-grad);color:#17120A;animation:cl-pulse 2.4s ease-in-out infinite}
.cl-done{background:rgba(125,211,160,.14);color:var(--okc)}
.cl-go{flex:none;display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:14.5px;color:var(--gold-hi)}
.cl-go svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
[dir=rtl] .cl-go svg{transform:scaleX(-1)}
@media (max-width:899px){.cl-step:not(.is-now) .cl-go{display:none}}
@keyframes cl-pulse{0%,100%{box-shadow:0 0 0 0 rgba(217,178,106,.45)}50%{box-shadow:0 0 0 7px rgba(217,178,106,0)}}
.cl-parts-p{margin:-6px 0 14px;color:var(--tx-2)}
.cl-mod-line{display:block;color:var(--tx-2);font-size:14px;line-height:1.4;margin:2px 0 8px}

/* Lesson: how-to strip */
.cl-how{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px;padding:0}
.cl-how li{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line-2);font-size:14px;color:var(--tx)}
.cl-how li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gold-grad);color:#17120A;font-weight:800;font-size:13px}
/* Lesson: words to know */
.cl-words summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;min-height:36px}
.cl-words summary::-webkit-details-marker{display:none}
.cl-words summary>svg,.cl-words summary .ic{width:22px;height:22px;stroke:var(--gold);fill:none}
.cl-count{min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--gold-tint);color:var(--gold-hi);font-size:13px;font-weight:700}
.cl-words dl{margin:12px 0 0;display:grid;gap:10px}
.cl-words dl>div{padding:12px 14px;border-radius:var(--r-sm);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.cl-words dt{font-weight:700;color:var(--gold-hi);margin-bottom:3px}
.cl-words dd{margin:0;color:var(--tx-2);line-height:1.45}
.cl-words[open] .faq-ic{transform:rotate(180deg)}

/* Bigger, friendlier checklist rows */
.cl ul.check label{min-height:60px;padding:16px 6px;font-size:16.5px;align-items:center}
.cl ul.check input[type=checkbox]{flex:none;width:28px;height:28px;margin:0}
.cl ul.check label:hover{background:rgba(255,255,255,.025)}
.cl ul.check input:checked+span{color:var(--tx-2);text-decoration:line-through;text-decoration-color:rgba(125,211,160,.6)}
.cl .section-h{font-size:14px;letter-spacing:.06em;color:var(--gold-hi)}

/* Quiz */
.cl-quiz-how{display:flex;gap:10px;align-items:flex-start;margin:-4px 0 14px;color:var(--tx-2);font-size:14.5px}
.cl-quiz-how svg{flex:none;width:20px;height:20px;stroke:var(--gold);fill:none}
.cl .choice{min-height:60px;font-size:16.5px}

/* Sign-up / pay stepper */
.cl-stepper{list-style:none;display:flex;gap:6px;margin:0 0 20px;padding:0;counter-reset:s}
.cl-stepper li{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative;font-size:12.5px;color:var(--tx-3)}
.cl-stepper li:not(:last-child)::after{content:"";position:absolute;top:15px;inset-inline-start:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--line-2)}
.cl-stepper li.is-done:not(:last-child)::after{background:var(--okc)}
.cl-sn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--line-3);font-weight:800;color:var(--tx-2);background:var(--bk-2)}
.cl-sn svg{width:16px;height:16px;stroke:#0B0E14;fill:none;stroke-width:3}
.cl-stepper li.is-now{color:var(--tx);font-weight:600}
.cl-stepper li.is-now .cl-sn{border-color:var(--gold);background:var(--gold-grad);color:#17120A}
.cl-stepper li.is-done .cl-sn{border-color:var(--okc);background:var(--okc)}

/* Error state */
[data-cl-error]{text-align:center;padding:36px 22px;max-width:520px;margin:30px auto}
[data-cl-error] h2{font:400 30px/1.15 var(--serif);margin:10px 0 6px}
.cl-err-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--gold-tint);border:1px solid var(--gold-line)}
.cl-err-ic svg{width:30px;height:30px;stroke:var(--gold-hi);fill:none}

/* First-visit tour */
.cl-tour{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:rgba(5,5,7,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:cl-fade .25s var(--ease)}
.cl-tour.out{opacity:0;transition:opacity .2s}
.cl-tour-card{width:min(440px,100%);padding:30px 26px 22px;border-radius:var(--r-lg);background:linear-gradient(180deg,#1C1B20,#111114);border:1px solid var(--gold-line);box-shadow:0 30px 80px -20px rgba(0,0,0,.9);text-align:center}
.cl-tour-card.swap>*:not(.cl-tour-btns):not(.cl-dots){animation:cl-up .35s var(--ease)}
.cl-tour-art span{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:26px;background:var(--gold-grad);box-shadow:0 14px 40px -12px rgba(217,178,106,.6)}
.cl-tour-art svg{width:44px;height:44px;stroke:#17120A;fill:none;stroke-width:1.7}
.cl-tour-of{margin:18px 0 4px;color:var(--gold);font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.cl-tour h2{font:400 32px/1.1 var(--serif);margin:6px 0 10px;color:var(--tx)}
.cl-tour-p{margin:0 auto;max-width:34ch;color:var(--tx-2);font-size:16.5px;line-height:1.55}
.cl-dots{display:flex;justify-content:center;gap:6px;margin:20px 0 18px}
.cl-dots i{width:26px;height:5px;border-radius:9px;background:rgba(255,255,255,.14);transition:background .3s}
.cl-dots i.on{background:var(--gold)}
.cl-tour-btns{display:flex;gap:10px;justify-content:center}
.cl-tour-btns .cl-next{flex:1;max-width:260px}
.cl-tour-btns [hidden]{display:none}
@keyframes cl-fade{from{opacity:0}}
@keyframes cl-up{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.cl-now{animation:none}.cl-tour,.cl-tour-card.swap>*{animation:none!important}.cl-step-a{transition:none}}
@media (prefers-contrast:more){:root.cl{--tx-2:#E6E1D8;--tx-3:#CFCAC0;--line-2:rgba(255,255,255,.35)}}
.cl-land-steps{margin:18px 0 0}.cl-land-steps li{background:rgba(10,10,12,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
/* One main action per screen: the 3-step path replaces the hero's duplicate button; hero gets shorter. */
.cl .dash-hello>a.btn{display:none}
.cl .dash-hello{min-height:230px;margin-bottom:8px}
@media (min-width:700px){.cl .dash-hello{min-height:260px;padding:36px 40px 32px}}
@media (max-width:699px){.cl .dash-hello{min-height:200px;padding:20px 18px 18px;gap:14px}.cl .dash-hello h2.display{font-size:2.2rem}.cl-path{margin-top:16px}}
/* Keep the top bar roomy on phones: Help lives on the home screen there. */
@media (max-width:520px){body:not(.pg-home) .cl-help{display:none}.cl-help{width:44px;justify-content:center;padding:0;margin-inline-end:6px}.cl-help>span:first-child{width:30px;height:30px}}
.cl-walk-of{display:flex;align-items:center;gap:12px;margin:4px 0 10px;font-size:16px}
.cl-walk-of b{white-space:nowrap;color:var(--gold-hi)}
.cl-walk-bar{flex:1;height:8px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.cl-walk-bar i{display:block;height:100%;background:var(--gold-grad);transform-origin:0 50%;transform:scaleX(0);transition:transform .6s var(--ease)}
[dir=rtl] .cl-walk-bar i{transform-origin:100% 50%}

/* ===== v2: Practice the real test ===== */
.cl-practice{display:flex;align-items:center;gap:14px;margin-top:12px;padding:16px 18px;min-height:78px;border-radius:var(--r);text-decoration:none;color:var(--tx);background:linear-gradient(120deg,rgba(217,178,106,.22),rgba(217,178,106,.05) 60%);border:1px solid var(--gold-line);box-shadow:var(--sh-card);transition:transform .25s var(--ease)}
.cl-practice:hover{transform:translateY(-2px)}
.cl-practice .grow{display:flex;flex-direction:column;gap:2px}
.cl-practice b{font-size:18px}.cl-practice .grow>span{color:var(--tx-2);font-size:14px}
.cl-practice-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--gold-grad)}
.cl-practice-ic svg{width:28px;height:28px;stroke:#17120A}
.cl-practice-best{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;color:var(--gold-hi);font-size:18px}
.cl-practice-best small,.pr-best small{font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3);margin-bottom:3px}
.cl-practice>svg{width:20px;height:20px;stroke:var(--gold-hi);fill:none;flex:none}
[dir=rtl] .cl-practice>svg{transform:scaleX(-1)}
.pr-wrap{max-width:760px;margin:0 auto}
.pr-intro{text-align:center;margin:10px 0 18px}
.pr-ic{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:24px;background:var(--gold-grad);box-shadow:0 14px 40px -14px rgba(217,178,106,.6)}
.pr-ic svg{width:40px;height:40px;stroke:#17120A}
.pr-intro h2{margin:14px 0 6px;font-size:clamp(32px,6vw,44px)}
.pr-intro p{margin:0 auto;max-width:44ch;color:var(--tx-2);font-size:16.5px;line-height:1.5}
.pr-how{justify-content:center;margin:0 0 20px}
.pr-modes{display:grid;gap:12px;margin-bottom:18px}
.pr-mode{display:flex;align-items:center;gap:14px;width:100%;min-height:84px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line-2);background:var(--card-bg);color:var(--tx);text-align:start;font:inherit;cursor:pointer;transition:transform .2s var(--ease),border-color .2s}
.pr-mode:hover{transform:translateY(-2px);border-color:var(--line-3)}
.pr-mode.is-main{border:2px solid var(--gold);background:linear-gradient(180deg,rgba(217,178,106,.14),rgba(217,178,106,.04))}
.pr-mode .grow{display:flex;flex-direction:column;gap:3px}.pr-mode b{font-size:18px}.pr-mode .grow>span{color:var(--tx-2);font-size:14px}
.pr-mode-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.06)}
.pr-mode-ic svg{width:26px;height:26px;stroke:var(--gold-hi);fill:none}
.pr-best{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;color:var(--gold-hi);white-space:nowrap}
.pr-hist h3,.pr-missed h3{margin:0 0 10px;font-size:17px}
.pr-hist ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pr-hist li{display:flex;align-items:center;gap:12px}
.pr-hist li .grow{display:flex;flex-direction:column}
.pr-h-pct{min-width:58px;text-align:center;padding:6px 8px;border-radius:10px;background:rgba(240,138,128,.12);color:var(--badc);font-weight:800}
.pr-h-pct.ok{background:rgba(125,211,160,.12);color:var(--okc)}
.pr-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px}
.pr-timer{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line-2);font-variant-numeric:tabular-nums;font-size:18px}
.pr-timer svg{width:20px;height:20px;stroke:var(--gold-hi)}
.pr-of{color:var(--gold-hi);font-weight:700}
.pr-bar{height:8px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:16px}
.pr-bar i{display:block;height:100%;background:var(--gold-grad);transform-origin:0 50%;transform:scaleX(0);transition:transform .5s var(--ease)}
[dir=rtl] .pr-bar i{transform-origin:100% 50%}
.pr-mod{margin:0;color:var(--gold);font:700 12px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.pr-title{margin:6px 0 6px;font-size:clamp(28px,5vw,38px)}
.pr-say{margin:0 0 12px;color:var(--tx-2);font-size:16px}
.pr-mic{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px;margin-bottom:8px;border-radius:999px;border:1px solid var(--gold-line);background:var(--gold-tint);color:var(--gold-hi);font:600 16px/1 var(--sans);cursor:pointer}
.pr-mic svg{width:22px;height:22px;stroke:currentColor;fill:none}
.pr-mic.on{background:var(--gold-grad);color:#17120A;animation:cl-pulse 1.6s ease-in-out infinite}
.pr-note{min-height:0;margin:0 0 6px;color:var(--tx-2);font-size:14px}.pr-note:empty{display:none}
.pr-sum{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:var(--r-sm);font-weight:600;margin:4px 0 12px}
.pr-sum svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor}
.pr-sum.ok{background:rgba(125,211,160,.12);color:var(--okc)}.pr-sum.bad{background:rgba(240,138,128,.1);color:var(--badc)}
.pr-cards{display:grid;gap:10px;margin-bottom:18px}
@media (min-width:760px){.pr-cards{grid-template-columns:1fr 1fr}}
.pr-card{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 16px;border-radius:var(--r-sm);border:1px dashed var(--line-3);background:rgba(255,255,255,.03);color:var(--tx);text-align:start;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.pr-card:hover{background:rgba(255,255,255,.05)}
.pr-card:active{transform:scale(.99)}
.pr-card .grow{display:flex;flex-direction:column;gap:3px;min-width:0}
.pr-n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);font-weight:800}
.pr-n svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}
.pr-tap{color:var(--tx-3);font-size:13px}.pr-tap svg{width:14px;height:14px;stroke:currentColor;fill:none}
.pr-q{flex:none;font:400 30px/1 var(--serif);color:var(--gold)}
.pr-t{font-size:16px;line-height:1.4}
.pr-card.is-open{border:2px solid var(--gold);border-style:solid;background:var(--gold-tint);cursor:default}
.pr-btns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.pr-btns button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;font:600 15px/1 var(--sans);cursor:pointer;border:1px solid}
.pr-btns svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}
.pr-had{background:var(--okc);color:#0B1A11;border-color:var(--okc)}
.pr-miss{background:transparent;color:var(--badc);border-color:rgba(240,138,128,.5)}
.pr-card.is-had{border:1px solid rgba(125,211,160,.45);background:rgba(125,211,160,.08)}.pr-card.is-had .pr-n{background:var(--okc);color:#0B1A11}
.pr-card.is-miss{border:1px solid rgba(240,138,128,.45);background:rgba(240,138,128,.07)}.pr-card.is-miss .pr-n{background:var(--badc);color:#1F0B09}
.pr-newbest{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:6px 12px;border-radius:999px;background:var(--gold-grad);color:#17120A;font-weight:700}
.pr-newbest svg{width:16px;height:16px;fill:none;stroke:currentColor}
.pr-missed{margin:18px 0}
.pr-mp summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:40px}
.pr-mp summary::-webkit-details-marker{display:none}
.pr-mp[open] .faq-ic{transform:rotate(180deg)}
.pr-mp-n{min-width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:rgba(240,138,128,.14);color:var(--badc);font-weight:800}
.pr-mp ul{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.pr-mp li{display:flex;gap:10px;align-items:flex-start;color:var(--tx-2);line-height:1.4}
.pr-mp li svg{width:16px;height:16px;flex:none;margin-top:3px;stroke:var(--badc);fill:none;stroke-width:2.4}

/* ===== v2: tap a word ===== */
.cl-term{display:inline;padding:0 1px;margin:0;border:0;background:none;font:inherit;color:var(--gold-hi);text-decoration:underline dotted;text-decoration-color:rgba(242,220,166,.7);text-underline-offset:3px;text-decoration-thickness:2px;cursor:pointer;border-radius:4px}
.cl-term:hover{background:rgba(217,178,106,.12)}
.cl-term-dt{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;min-height:32px}
.cl-pic-ic svg{display:block;stroke:currentColor}
.cl-words-tip{margin:10px 0 0;color:var(--tx-2);font-size:14px}
.cl-sheet{position:fixed;inset:0;z-index:9998;display:flex;align-items:flex-end;justify-content:center;background:rgba(5,5,7,.66);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:cl-fade .2s var(--ease)}
.cl-sheet.out{opacity:0;transition:opacity .18s}
.cl-sheet-card{width:min(560px,100%);max-height:92vh;overflow:auto;padding:10px 20px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:linear-gradient(180deg,#1C1B20,#121215);border:1px solid var(--gold-line);border-bottom:0;box-shadow:0 -20px 60px -20px rgba(0,0,0,.9);animation:cl-sheet-up .32s var(--ease)}
@media (min-width:700px){.cl-sheet{align-items:center}.cl-sheet-card{border-radius:26px;border-bottom:1px solid var(--gold-line);padding-top:18px}.cl-sheet-grab{display:none}}
.cl-sheet-grab{width:44px;height:5px;border-radius:9px;background:rgba(255,255,255,.2);margin:0 auto 10px}
.cl-sheet-top{display:flex;align-items:center;gap:10px}
.cl-sheet-top h2{flex:1;margin:0;font:400 30px/1.1 var(--serif);color:var(--gold-hi)}
.cl-sheet-x{font-size:18px;color:var(--tx)}
.cl-sheet-d{margin:8px 0 14px;font-size:17px;line-height:1.5;color:var(--tx)}
.cl-sheet-none{color:var(--tx-3);font-size:14px}
.cl-sheet-ok{margin-top:12px}
.cl-fig{margin:0 0 12px;padding:10px;border-radius:18px;background:#0D0D10;border:1px solid var(--line-2)}
.cl-fig svg{display:block;width:100%;height:auto}
.cl-fig figcaption,.cl-photo figcaption{margin-top:8px;color:var(--tx-3);font-size:13px;line-height:1.4}
.cl-photo{margin:0 0 12px}
.cl-photo img{display:block;width:100%;max-height:340px;object-fit:contain;border-radius:14px;background:#000}
.fg-p>*{fill:#26252B;stroke:#6F6B64;stroke-width:1.6}
.fg-p .fg-ring{fill:none;stroke:#3A3940}
.fg-p .fg-hose{fill:none;stroke-width:7;stroke-linecap:round;opacity:.55}
.fg-p .fg-hole{fill:#0D0D10}
.fg-p .fg-ground{stroke:#4A4740;stroke-dasharray:6 5}
.fg-p .fg-needle{stroke:#E0564C;stroke-width:4;stroke-linecap:round}
.fg-p .fg-ticks line{stroke:#8F8A80;stroke-width:2}
.fg-p text{stroke:none;fill:#8F8A80;font:600 11px var(--sans);text-anchor:middle}
.fg-p .fg-psi{font-size:14px;letter-spacing:.1em}
.fg-p .fg-warn{fill:#E0564C;font-size:13px;font-weight:800}
.fg-hi>*{fill:rgba(217,178,106,.32);stroke:#F2DCA6;stroke-width:2.4;filter:drop-shadow(0 0 6px rgba(217,178,106,.55))}
.fg-hi .fg-ring{fill:none;stroke:#D9B26A}
.fg-hi .fg-hose{opacity:1;stroke-width:7}
.fg-hi circle[fill],.fg-hi rect[fill]{stroke:#F2DCA6}
.fg-hi text{fill:#F2DCA6;stroke:none;filter:none}
.fg-hi .fg-needle{stroke:#F2DCA6}
.fg-lead{stroke:#F2DCA6;stroke-width:2}
.fg-arrow{fill:#F2DCA6}
.fg-tag{fill:#F2DCA6}
.fg-tag-t{fill:#17120A;font:700 12px var(--sans);text-anchor:middle}
@keyframes cl-sheet-up{from{transform:translateY(40px);opacity:0}}
@media (prefers-reduced-motion:reduce){.cl-sheet,.cl-sheet-card,.pr-mic.on{animation:none}}
.fg-p .fg-red{fill:#D9473D}.fg-p .fg-blue{fill:#3F7FD6}
.fg-p .fg-red-s{stroke:#D9473D}.fg-p .fg-blue-s{stroke:#3F7FD6}
.fg-hi .fg-red{fill:#E0564C}.fg-hi .fg-blue{fill:#4C8BE0}
.fg-hi .fg-red-s{stroke:#E0564C}.fg-hi .fg-blue-s{stroke:#4C8BE0}
.fg-p .fg-ring{stroke:#4B4951}
.fg-p circle.fg-ring[stroke-dasharray]{stroke:#5E5B55}