:root{--bg:#EAE4D6;--surface:#FCFAF5;--surface2:#F4EEE1;--hover:#F1EBDD;--border:#E2D9C5;--border-soft:#E9E1D0;--txt:#37332B;--txt-strong:#2F2820;--muted:#6E675A;--muted2:#9A9283;--accent:#4E6672;--accent-soft:rgba(78,102,114,.12);--green:#8A9B78;--green-txt:#6E7F5E;--green-soft:rgba(138,155,120,.16);--red:#B3573C;--red-soft:rgba(179,87,60,.13);--amber:#B08A50;--amber-txt:#8F6B33;--amber-soft:rgba(176,138,80,.16);--gold:#C89A4E;--mariela:#C0714C;--andres:#4E6672;--track:#EBE3D0;--panel:#F1EBDD;--panel-border:#E4DBC6;--tile:#EDE5D3;--strip:#F1EBDD;--r:18px;--r-sm:12px;--num:"Zen Kaku Gothic New","Karla",-apple-system,sans-serif}[data-theme=carbon]{--bg:#191613;--surface:#221E19;--surface2:#2B2620;--hover:#2E2822;--border:#3B342B;--border-soft:#2E2922;--txt:#EDE7DA;--txt-strong:#F7F2E7;--muted:#B3AB9A;--muted2:#847C6C;--accent-soft:rgba(122,148,161,.16);--green-txt:#9DB18B;--green-soft:rgba(138,155,120,.2);--red:#D07A5E;--red-soft:rgba(208,122,94,.16);--amber-txt:#C9A15F;--amber-soft:rgba(176,138,80,.2);--track:#3B342B;--panel:#1E1A16;--panel-border:#2E2922;--tile:#2F2A23;--strip:#2B2620}[data-theme=carbon] input[type=month]{color-scheme:dark}[data-theme=carbon] .btn{background:#e9e1d0;border-color:#e9e1d0;color:#2f2820}[data-theme=carbon] .btn:hover{background:#f7f2e7;border-color:#f7f2e7}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:Karla,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}aside{width:230px;flex-shrink:0;padding:28px 16px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;background:var(--panel);border-right:1px solid var(--panel-border)}.logo{font-family:var(--num);font-weight:700;font-size:1.15rem;padding:0 10px 18px;letter-spacing:-.01em;color:var(--txt-strong)}aside button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:1px solid transparent;color:var(--muted);padding:10px 12px;border-radius:14px;cursor:pointer;font-size:.92rem;font-weight:500;transition:.13s;font-family:inherit}aside button:hover{color:var(--txt-strong);background:#fcfaf599}aside button.active{background:var(--surface);color:var(--txt-strong);font-weight:700;border-color:var(--border-soft);box-shadow:0 2px 8px -5px #37332b33}aside button .ic{width:20px;text-align:center;opacity:.9}.side-sec{padding:16px 14px 5px;color:var(--muted2);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.side-foot{margin-top:auto;padding:12px 14px;color:var(--muted2);font-size:.74rem;line-height:1.7}main{flex:1;min-width:0;padding:28px 32px 90px;max-width:1080px}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:24px}.topbar h1{font-family:var(--num);font-size:1.55rem;font-weight:700;letter-spacing:-.01em;color:var(--txt-strong)}.spacer{flex:1}input[type=month]{background:var(--surface);border:1px solid var(--border);color:var(--txt);padding:8px 13px;border-radius:12px;font-size:.9rem;color-scheme:light;font-weight:500;font-family:inherit}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);padding:20px}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.kpi .lbl{color:var(--muted2);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.kpi .val{font-family:var(--num);font-size:1.6rem;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--txt-strong)}.kpi .sub{color:var(--muted2);font-size:.76rem;margin-top:4px}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cols32{display:grid;grid-template-columns:3fr 2fr;gap:14px}@media (max-width:960px){.cols2,.cols32{grid-template-columns:1fr}}@media (max-width:820px){.app{flex-direction:column}aside{display:none}main{padding:18px 14px 118px}}.tabbar{display:none}@media (max-width:820px){.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;border-top:1px solid var(--border-soft);background:var(--surface);padding:10px 8px calc(14px + env(safe-area-inset-bottom,8px))}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;font-size:.66rem;font-weight:600;color:#b0a891;cursor:pointer;font-family:inherit}.tabbar button.on{color:var(--txt);font-weight:700}.tabbar .g{font-size:18px;line-height:1}}.sheet{width:100%;background:var(--surface);border-top:1px solid var(--border);border-radius:22px 22px 0 0;padding:20px 18px calc(90px + env(safe-area-inset-bottom,0px));box-shadow:0 -18px 44px -24px #37332b66}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sheet-item{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border-soft);border-radius:16px;padding:14px 6px;font-size:.74rem;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit}.sheet-item.on{color:var(--txt-strong);border-color:var(--border);background:var(--surface)}h2{font-family:var(--num);font-size:1.05rem;font-weight:700;margin:28px 0 12px;letter-spacing:-.01em;color:var(--txt-strong)}h3{font-family:var(--num);font-size:.92rem;font-weight:700;margin-bottom:14px;color:var(--txt-strong)}table{width:100%;border-collapse:collapse;font-size:.88rem}th{color:var(--muted2);font-weight:700;text-align:left;padding:8px 10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border)}td{padding:10px;border-bottom:1px solid var(--border-soft)}tbody tr:hover{background:var(--hover)}tr:last-child td{border-bottom:none}.num{text-align:right;font-family:var(--num);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--txt);padding:8px 11px;border-radius:11px;font-size:.88rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input.mini{width:108px;text-align:right;font-family:var(--num);font-variant-numeric:tabular-nums}input.name{width:100%;min-width:150px}input.icon-in{width:52px;text-align:center;font-size:1.05rem;padding:6px}input[type=color]{width:34px;height:34px;padding:2px;border-radius:10px;cursor:pointer}select.slim{max-width:190px}textarea{width:100%;min-height:140px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8rem;line-height:1.5}.btn{background:var(--txt-strong);border:1px solid var(--txt-strong);color:var(--surface);padding:10px 20px;border-radius:999px;cursor:pointer;font-size:.88rem;font-weight:700;transition:.15s;font-family:inherit}.btn:hover{background:#4a4438;border-color:#4a4438}.btn.ghost{background:var(--surface);border:1px solid var(--border);color:var(--txt);font-weight:600}.btn.ghost:hover{border-color:var(--muted2)}.btn.danger{background:var(--red-soft);border:1px solid transparent;color:var(--red);font-weight:700}.btn.sm{padding:6px 14px;font-size:.8rem}.cat{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:14px;cursor:pointer;transition:.12s}.cat:hover{background:var(--hover)}.cat .tile{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.cat .mid{flex:1;min-width:0}.cat .nm{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--txt-strong)}.cat .spent{color:var(--muted2);font-size:.77rem;margin-top:2px;font-variant-numeric:tabular-nums}.cat .bar{margin-top:7px}.chip{padding:4px 12px;border-radius:999px;font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:var(--num)}.chip.under{background:var(--green-soft);color:var(--green-txt)}.chip.over{background:var(--red-soft);color:var(--red)}.chip.close{background:var(--amber-soft);color:var(--amber-txt)}.bar{height:6px;background:var(--track);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .4s}.bar i.goal{background:var(--green)}.mini-tile{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;vertical-align:middle;margin-right:9px}.tx-cat{color:var(--muted2);font-size:.76rem}.tagM{color:var(--mariela)}.tagA{color:var(--andres)}.pos{color:var(--green-txt)}.neg{color:var(--red)}.warn{color:var(--amber-txt)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.7rem;font-weight:700;border:1px solid var(--border);color:var(--muted)}.pill.credit,.pill.ok{border-color:transparent;background:var(--green-soft);color:var(--green-txt)}.pill.high{border-color:transparent;background:var(--red-soft);color:var(--red)}.pill.low{border-color:transparent;background:var(--accent-soft);color:var(--accent)}.flexrow{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:.68rem;color:var(--muted2);text-transform:uppercase;letter-spacing:.14em;font-weight:700}.hint{color:var(--muted);font-size:.8rem;margin-top:10px;line-height:1.6}.del{cursor:pointer;color:var(--muted2);border:none;background:none;font-size:.95rem;padding:3px 7px;border-radius:8px}.del:hover{color:var(--red);background:var(--red-soft)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--txt-strong);color:var(--surface);border:none;padding:12px 24px;border-radius:999px;z-index:60;box-shadow:0 14px 34px -12px #37332b73;font-size:.88rem;font-weight:600}.uncategorized{background:var(--amber-soft)}code{background:var(--surface2);border:1px solid var(--border-soft);padding:2px 8px;border-radius:7px;font-size:.8rem}.chart{display:flex;align-items:flex-end;gap:10px;height:130px;padding-top:8px}.chart .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.chart .b{width:100%;max-width:44px;background:var(--surface2);border:1px solid var(--border);border-radius:10px 10px 4px 4px;transition:height .4s}.chart .b.cur{background:var(--accent);border-color:var(--accent)}.chart .cl{font-size:.68rem;color:var(--muted2);white-space:nowrap;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.chart .cv{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums;font-family:var(--num)}.toplist{list-style:none}.toplist li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-soft);font-size:.86rem}.toplist li:last-child{border-bottom:none}.toplist .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.toplist .v{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700;font-family:var(--num)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f282073;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:24px;width:min(680px,100%);max-height:82vh;overflow-y:auto;box-shadow:0 32px 56px -36px #37332b80}.modal-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.modal-head h3{margin:0;font-size:1.05rem}.close{margin-left:auto;background:var(--surface2);border:1px solid var(--border-soft);color:var(--muted);font-size:1rem;cursor:pointer;padding:6px 11px;border-radius:999px}.close:hover{color:var(--txt-strong)}.goal-card{padding:20px}.goal-top{display:flex;align-items:center;gap:12px}.goal-nm{font-weight:700;flex:1;color:var(--txt-strong)}.goal-pct{font-family:var(--num);font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.goal-meta{color:var(--muted);font-size:.8rem;margin-top:10px;line-height:1.7}.hero{padding:24px}.hero-big{font-family:var(--num);font-size:2.4rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;color:var(--txt-strong)}.hero-big.neg{color:var(--red)}.hero-stats{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft);font-size:.84rem;color:var(--muted)}.hero-stats b{color:var(--txt-strong);font-variant-numeric:tabular-nums;font-family:var(--num)}.hero-countries{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:700px){.hero-countries{grid-template-columns:1fr}}.hero-countries .hero-big{font-size:2rem}.hero-countries .lbl{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem!important}.day-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--txt-strong);opacity:.55;border-radius:2px}details.card summary{cursor:pointer;font-family:var(--num);font-weight:700;font-size:.92rem;list-style:none;-webkit-user-select:none;user-select:none;color:var(--txt-strong)}details.card summary::-webkit-details-marker{display:none}details.card summary:after{content:"▸";float:right;color:var(--muted2);transition:.2s}details.card[open] summary:after{transform:rotate(90deg)}.seg{display:flex;gap:4px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:4px}.seg button{background:none;border:none;color:var(--muted);padding:6px 14px;border-radius:999px;cursor:pointer;font-size:.82rem;font-weight:700;font-family:inherit;transition:.13s}.seg button:hover{color:var(--txt-strong)}.seg button.on{background:var(--surface);color:var(--txt-strong);box-shadow:0 2px 6px -2px #37332b38;border:1px solid var(--border)}.task-check{width:24px;height:24px;border-radius:8px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fcfaf5;font-weight:800;font-size:.85rem;flex-shrink:0;transition:.15s}@keyframes avg-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.8px)}}@keyframes avg-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes avg-ear-l{0%,86%,to{transform:rotate(0)}90%{transform:rotate(-8deg)}95%{transform:rotate(4deg)}}@keyframes avg-ear-r{0%,86%,to{transform:rotate(0)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}@keyframes ava-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.8px)}}@keyframes ava-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes ava-look{0%,78%,to{transform:rotate(0)}84%{transform:rotate(-5deg) translateY(-.6px)}92%{transform:rotate(2deg)}}@keyframes avc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.8px)}}@keyframes avc-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes avc-ear{0%,86%,to{transform:rotate(0)}90%{transform:rotate(-10deg)}95%{transform:rotate(5deg)}}@keyframes avc-chew{0%,55%,to{transform:scaleY(1)}65%{transform:scaleY(.9)}75%{transform:scaleY(1.03)}85%{transform:scaleY(.94)}}.kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted2);font-weight:600}.home-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:24px}.h-question{font-family:var(--num);font-size:1.95rem;font-weight:700;line-height:1.15;color:var(--txt-strong);margin-top:6px}.home-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.strip{font-size:.84rem;color:var(--muted);background:var(--strip);border-radius:999px;padding:8px 16px}.strip b{font-variant-numeric:tabular-nums}.status-chip{align-self:flex-start;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px}.only-mobile{display:none}.home-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.ritmo-row{display:grid;grid-template-columns:auto 1fr 1fr;gap:16px}.ritmo-card{display:flex;align-items:center;gap:16px;border-radius:20px;padding:18px}.pais-card{display:flex;flex-direction:column;justify-content:center;gap:4px;border-radius:20px;padding:18px}.pais-lbl{font-size:.8rem;color:var(--muted2)}.pais-num{font-family:var(--num);font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--txt-strong)}.pais-sub{font-size:.78rem;color:var(--muted2)}.refill-btn{margin-top:10px;align-self:flex-start;padding:5px 12px;font-size:.8rem}.refill-btn b{font-variant-numeric:tabular-nums}.refill-done{margin-top:10px;align-self:flex-start;padding:5px 12px;font-size:.76rem;color:var(--green-txt);background:var(--green-soft)}.env-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.env-card{border:1px solid var(--border-soft);border-radius:16px;padding:14px;display:grid;gap:8px;cursor:pointer;transition:.13s;grid-template-columns:1fr auto;grid-template-areas:"tile chip" "name name" "spent spent" "bar bar";align-items:start;background:var(--surface)}.env-card:hover{border-color:var(--border);box-shadow:0 4px 12px -8px #37332b40}.e-tile{grid-area:tile;width:40px;height:40px;border-radius:13px;background:var(--tile);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}.e-chip{grid-area:chip;font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--num);color:var(--muted);background:var(--strip);border-radius:999px;padding:3px 9px;align-self:center}.e-chip.neg-chip{background:var(--red-soft);color:var(--red)}.e-name{grid-area:name;font-weight:700;font-size:.9rem;color:var(--txt-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e-spent{grid-area:spent;font-size:.78rem;color:var(--muted2);font-variant-numeric:tabular-nums;margin-top:-4px}.e-saldo{grid-area:spent;font-family:var(--num);font-size:1.16rem;font-weight:700;color:var(--txt-strong);font-variant-numeric:tabular-nums;margin-top:-4px;line-height:1.2}.e-saldo small{font-size:.66rem;font-weight:500;color:var(--muted2);font-family:Karla,sans-serif;letter-spacing:.02em}.e-saldo.neg{color:var(--red)}.e-chip.quiet{opacity:.55}.e-bar{grid-area:bar;display:block;height:5px;border-radius:999px;background:var(--track);overflow:hidden}.e-bar i{display:block;height:100%;border-radius:999px;transition:width .4s}@media (max-width:960px){.home-grid{grid-template-columns:1fr}}@media (max-width:820px){.only-mobile{display:flex}.h-question{font-size:1.65rem}.ritmo-row{grid-template-columns:1fr 1fr}.ritmo-card{grid-column:1 / -1;border-radius:22px}.env-grid{grid-template-columns:1fr}.env-card{grid-template-columns:auto 1fr auto;grid-template-areas:"tile name chip" "tile spent chip" "tile bar chip";align-items:center;column-gap:14px;row-gap:5px;padding:14px 16px;border-radius:18px}.e-tile{width:44px;height:44px;border-radius:14px;font-size:20px}.e-spent,.e-saldo{margin-top:0}.e-bar{margin-top:2px}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth{width:min(380px,100%);display:flex;flex-direction:column;gap:12px;border-radius:22px}.auth input{width:100%}.center{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--muted);flex-direction:column;gap:16px}.tx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}@media (max-width:960px){.tx-grid{grid-template-columns:1fr}}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:2px 16px}.search-box input{border:none;background:none;flex:1;padding:11px 0;font-size:.9rem;border-radius:0}.search-box input:focus{outline:none}.day-sep{display:flex;align-items:center;gap:10px;padding:10px 4px 2px}.day-sep .line{flex:1;height:1px;background:var(--panel-border)}.tx-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:12px 14px;cursor:pointer;transition:.12s}.tx-row:hover{border-color:var(--border)}.warn-bg{background:var(--amber-soft)!important}.tx-dot{width:6px;height:6px;border-radius:50%;flex:none}.add-strip{display:flex;align-items:center;gap:10px;background:var(--strip);border-radius:16px;padding:10px 12px;cursor:pointer}.add-plus{width:30px;height:30px;flex:none;border-radius:50%;background:var(--txt-strong);color:var(--surface);display:flex;align-items:center;justify-content:center;font-size:16px}.add-strip .pill{background:var(--surface)}.drop-zone{border:1.5px dashed #C8BFA9;border-radius:18px;background:var(--surface);padding:22px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:.15s}.drop-zone.over{border-color:var(--accent);background:var(--surface2)}.imp-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:10px 12px}.imp-check{width:18px;height:18px;flex:none;border-radius:6px;border:1.5px solid var(--border);background:transparent;color:#f7f3ea;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:pointer;transition:.13s}.imp-check.on{background:var(--txt-strong);border-color:var(--txt-strong)}.imp-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--txt-strong);border:none;border-radius:14px;padding:13px 16px;margin-top:6px;cursor:pointer;width:100%;font-family:inherit;transition:.15s}.imp-footer:hover{filter:brightness(1.15)}.learned{font-size:.66rem;font-weight:700;color:#c89a4e}.carbon-toggle{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:10px 12px;cursor:pointer;font-size:.8rem;color:var(--muted)}.ct-track{width:34px;height:20px;border-radius:999px;background:var(--panel-border);display:flex;align-items:center;padding:2px;transition:.2s}.ct-track.on{background:#8a9b78;justify-content:flex-end}.ct-knob{width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px #37332b33}