/* Mapping Terverifikasi: the feed block */
.vm{border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);overflow:hidden;margin:10px 0 12px}
.vm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.vm-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:650}
.vm-side{padding:2px 8px;border-radius:5px;font:700 11px var(--f-body)}
.vm-side.buy{background:var(--grn-dim);color:var(--grn)}.vm-side.sell{background:var(--red-dim);color:var(--red)}
.vm-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:650 12px var(--f-body);
  color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);white-space:nowrap}
.vm-status i{width:7px;height:7px;border-radius:50%;background:var(--tone)}
.vm-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.vm-levels div{padding:10px 14px;border-left:1px solid var(--line);min-width:0}.vm-levels div:first-child{border-left:0}
.vm-levels small{display:block;font-size:11.5px;color:var(--mut)}
.vm-levels b{font:650 15px var(--f-body);font-variant-numeric:tabular-nums}
.vm-levels .s b{color:var(--red)}.vm-levels .t b{color:var(--grn)}.vm-levels .b b{font-size:13px;font-weight:600}
.vm-pics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.vm-pics figure{margin:0;background:#0b0f17;position:relative}
.vm-pics img{display:block;width:100%;height:220px;object-fit:cover;cursor:zoom-in}
.vm-pics figcaption{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:5px;background:rgba(0,0,0,.65);font:650 11px var(--f-body);color:#fff}
.vm-wait{height:220px;display:grid;place-items:center;text-align:center;padding:16px;color:var(--mut);font-size:12.5px;line-height:1.5}
.vm-foot{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 14px;font-size:12px;color:var(--mut)}
.vm-foot b{color:var(--fg);font-weight:600}
.vm-notes{padding:0 14px 10px;font-size:12.5px}.vm-notes p{margin:6px 0;color:#c9d1de}.vm-notes time{color:var(--dim);margin-right:6px}
.vm-actions{display:flex;gap:8px;padding:0 14px 12px;flex-wrap:wrap}
.vm-actions form{display:flex;gap:8px}.vm-actions form:first-child{flex:1 1 260px}
.vm-actions input{flex:1;min-width:0;height:34px;padding:0 10px;border-radius:7px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--fg);font:13px var(--f-body)}
.vm-btn{height:34px;padding:0 12px;border-radius:7px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--fg);font:600 12.5px var(--f-body);cursor:pointer}
.vm-btn.danger{color:var(--red);border-color:rgba(255,79,106,.35);background:transparent}
@media(max-width:600px){.vm-levels{grid-template-columns:1fr 1fr}.vm-levels div:nth-child(3){border-left:0}
  .vm-levels div:nth-child(n+3){border-top:1px solid var(--line)}.vm-pics img,.vm-wait{height:170px}}

/* Mapping Terverifikasi: the posting dialog (inside the composer's .tr-dialog frame) */
.vmd .tr-dialog-body{padding:4px 24px 8px}
.vmd-title{display:flex;align-items:center;gap:10px;margin:2px 0 4px}
.vmd-title b{font-size:19px;letter-spacing:-.3px}
.vmd-lock{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--gold-dim);color:var(--gold);font:600 11.5px var(--f-body)}
.vmd-sub{margin:0 0 16px;color:var(--mut);font-size:13px;line-height:1.55}
.vmd-err{margin:0 0 14px;padding:10px 12px;border-radius:9px;background:var(--red-dim);color:#ff9aa9;font-size:13px}
.vmd-sec{padding:16px 0;border-top:1px solid var(--line)}
.vmd-sec:first-of-type{border-top:0;padding-top:4px}
.vmd-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.vmd-h b{font:600 13px var(--f-body);color:var(--fg)}.vmd-h span{font-size:12px;color:var(--dim)}
.vmd-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vmd .vmd-side label{position:relative;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1px solid var(--line2);
  border-radius:10px;cursor:pointer;color:var(--mut);font:700 15px var(--f-body);transition:all .15s}
.vmd-side input,.vmd-type input,.vmd-chips input{position:absolute;opacity:0;pointer-events:none}
.vmd .vmd-side label:has(input[value=buy]:checked){border-color:var(--grn);background:var(--grn-dim);color:var(--grn)}
.vmd .vmd-side label:has(input[value=sell]:checked){border-color:var(--red);background:var(--red-dim);color:var(--red)}
.vmd-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.vmd-type{display:inline-flex;padding:3px;border:1px solid var(--line2);border-radius:999px}
.vmd .vmd-type label{position:relative;margin:0;padding:5px 13px;border-radius:999px;cursor:pointer;color:var(--mut);font:600 12.5px var(--f-body)}
.vmd .vmd-type label:has(input:checked){background:rgba(255,255,255,.08);color:var(--fg)}
.vmd [data-vm-submit]{white-space:nowrap}
.vmd .vmd-row select{width:auto;min-height:34px;padding:4px 30px 4px 13px;border-radius:999px;font-size:12.5px}
.vmd-ladder{display:flex;flex-direction:column;gap:6px}
.vmd .vmd-lv{display:grid;grid-template-columns:4px 92px minmax(0,1fr) 120px;align-items:center;gap:12px;margin:0;padding:6px 10px 6px 0;
  border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015)}
.vmd-lv:before{content:"";align-self:stretch;border-radius:10px 0 0 10px;background:var(--c)}
.vmd-lv>span:first-of-type{color:var(--fg);font:600 12.5px var(--f-body)}.vmd-lv small{display:block;color:var(--dim);font-weight:400;font-size:11px}
.vmd-lv input{width:100%;height:36px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:rgba(0,0,0,.25);color:var(--fg);
  font:600 15px var(--f-body);font-variant-numeric:tabular-nums;text-align:right;outline:none}
.vmd-lv input:focus{border-color:rgba(240,180,41,.6)}
.vmd-lv em{font:500 12px var(--f-body);font-style:normal;color:var(--mut);text-align:right;font-variant-numeric:tabular-nums}
.vmd-zone{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.vmd-sum{margin-top:10px;padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.03);font-size:12.5px;color:var(--mut);line-height:1.7}
.vmd-sum b{color:var(--fg);font-variant-numeric:tabular-nums;margin-right:14px}.vmd-sum b.bad{color:var(--red)}.vmd-sum b.ok{color:var(--grn)}
.vmd-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vmd label.vmd-f{display:grid;gap:6px;margin:0;color:var(--mut);font:500 12px var(--f-body)}
.vmd-f input{height:40px;padding:0 12px;border:1px solid var(--line2);border-radius:var(--r-sm);background:rgba(0,0,0,.24);color:var(--fg);font:14px var(--f-body);outline:none}
.vmd-f input:focus{border-color:rgba(240,180,41,.6);box-shadow:0 0 0 3px rgba(240,180,41,.08)}
.vmd-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.vmd .vmd-chips label{position:relative;margin:0;display:inline-flex;cursor:pointer}
.vmd-chips span{padding:5px 12px;border:1px solid var(--line2);border-radius:999px;color:var(--mut);font-size:12.5px}
.vmd-chips label:has(input:checked) span{border-color:rgba(240,180,41,.6);background:rgba(240,180,41,.1);color:var(--gold)}
.vmd .vmd-body{margin:0}
.vmd .vmd-body textarea{min-height:110px}
.vmd .vmd-pic{position:relative;display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:10px;border:1px dashed var(--line2);border-radius:10px;cursor:pointer}
.vmd-pic input{position:absolute;opacity:0;width:1px;height:1px}
.vmd-pic img{width:84px;height:56px;object-fit:cover;border-radius:6px;display:none}.vmd-pic img.on{display:block}
.vmd-pic>span{color:var(--gold);font:600 13px var(--f-body)}.vmd-pic small{display:block;color:var(--dim);font-size:11.5px;font-weight:400;margin-top:2px}
@media(max-width:640px){.vmd .tr-dialog-body{padding:4px 16px 8px}
  .vmd .vmd-lv{grid-template-columns:4px 70px minmax(0,1fr);row-gap:2px;padding-bottom:8px}
  .vmd-lv em{grid-column:3;text-align:right}.vmd-two{grid-template-columns:1fr}}

.vma{display:flex;align-items:center;gap:12px;margin:0;padding:11px 14px 11px 18px;border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(240,180,41,.09),rgba(240,180,41,.02) 60%,transparent);cursor:pointer}
.vma[hidden]{display:none}
.vma:hover{background:linear-gradient(90deg,rgba(240,180,41,.14),rgba(240,180,41,.04) 60%,transparent)}
.vma-ic{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:rgba(240,180,41,.12);color:var(--gold)}
.vma-txt{flex:1;min-width:0;font-size:13px;line-height:1.45;color:#cfd7e4}
.vma-txt b{color:var(--fg)}.vma-new{display:inline-block;margin-right:7px;padding:2px 6px;border-radius:5px;background:var(--gold);color:#171003;
  font:800 9.5px/1.3 var(--f-mono);letter-spacing:.4px;vertical-align:1px}
.vma-go{flex-shrink:0;color:var(--gold);font-size:12.5px;font-weight:600;white-space:nowrap}
.vma-x{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:none;color:var(--dim);cursor:pointer}
.vma-x:hover{background:rgba(255,255,255,.06);color:var(--fg)}
@media(max-width:620px){.vma{padding:10px 10px 10px 14px}.vma-go{display:none}}
.vmb{width:min(560px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--line2);border-radius:18px;
  background:#10141d;color:var(--fg);box-shadow:0 30px 100px rgba(0,0,0,.7)}
.vmb::backdrop{background:rgba(3,5,11,.74);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.vmb[open]{display:flex;flex-direction:column;animation:vmb-in .22s var(--ease,ease) both}
@keyframes vmb-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
.vmb-head{position:relative;padding:22px 24px 16px;background:radial-gradient(circle at 85% 0,rgba(240,180,41,.16),transparent 55%)}
.vmb-head h2{margin:0;font-size:20px;letter-spacing:-.3px}.vmb-head p{margin:6px 0 0;color:var(--mut);font-size:13px;line-height:1.55}
.vmb-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line2);border-radius:50%;
  background:none;color:var(--mut);cursor:pointer}.vmb-close:hover{color:var(--fg);border-color:var(--gold)}
.vmb-body{flex:1;min-height:0;overflow-y:auto;padding:4px 24px 8px}
.vmb-body h3{margin:16px 0 8px;color:var(--dim);font:800 10.5px var(--f-mono);letter-spacing:.8px;text-transform:uppercase}
.vmb-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:11px;
  background:rgba(255,255,255,.018)}.vmb-row+.vmb-row{margin-top:8px}
.vmb-row>span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.04)}
.vmb-row b{display:block;font-size:13.5px}
.vmb-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#3a2f12;color:var(--gold);font:800 13px var(--f-mono)}.vmb-row small{display:block;margin-top:2px;color:var(--mut);font-size:12px;line-height:1.45}
.vmb-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vmb-tier{display:grid;justify-items:center;gap:4px;padding:14px 8px 12px;border:1px solid var(--line);border-radius:12px;text-align:center;
  background:rgba(255,255,255,.018)}
.vmb-tier b{font-size:14px}.vmb-tier small{color:var(--mut);font-size:11.5px;line-height:1.4}
.vmb-tier.t-analis{border-color:rgba(201,138,85,.35)}.vmb-tier.t-senior{border-color:rgba(195,203,220,.3)}
.vmb-tier.t-elite{border-color:rgba(240,180,41,.45);background:rgba(240,180,41,.05)}
.vmb-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none;counter-reset:s}
.vmb-steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;color:#cfd7e4;font-size:13px;line-height:1.5;counter-increment:s}
.vmb-steps li:before{content:counter(s);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(240,180,41,.12);
  color:var(--gold);font:800 11px var(--f-mono)}
.vmb-note{margin:12px 0 4px;padding:10px 12px;border-radius:10px;background:rgba(61,155,255,.07);color:#b9cbe6;font-size:12.5px;line-height:1.5}
.vmb-me{margin-top:14px;padding:12px 14px;border:1px solid rgba(240,180,41,.3);border-radius:12px;background:rgba(240,180,41,.05);font-size:13px}
.vmb-me b{color:var(--gold)}.vmb-bar{height:6px;margin-top:8px;border-radius:6px;background:var(--line2);overflow:hidden}
.vmb-bar i{display:block;height:100%;background:var(--gold)}
.vmb-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 18px;border-top:1px solid var(--line)}
.vmb-foot .btn{min-height:40px}
@media(max-width:520px){.vmb-head{padding:20px 18px 14px}.vmb-body{padding:4px 18px 8px}.vmb-foot{padding:12px 18px 16px}
  .vmb-tiers{grid-template-columns:1fr}.vmb-tier{grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:12px}
  .vmb-tier .rp{grid-row:span 2}.vmb-foot .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.vmb[open]{animation:none}}

:root{--bg:#060810;--panel:#0d1018;--glass:rgba(13,16,24,.82);--line:rgba(255,255,255,.06);
--line2:rgba(255,255,255,.10);--fg:#e8ecf5;--mut:#7a86a3;--dim:#4a5270;--gold:#f0b429;--gold2:#c8900e;
--gold-glow:rgba(240,180,41,.18);--gold-dim:rgba(240,180,41,.10);--grn:#22d483;--grn-dim:rgba(34,212,131,.12);
--red:#ff4f6a;--red-dim:rgba(255,79,106,.12);--amb:#f59e0b;
--f-body:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
--f-mono:'JetBrains Mono','SF Mono',Menlo,Consolas,monospace;
--r:14px;--r-sm:10px;--r-xs:7px;--dur:.18s;--ease:cubic-bezier(.4,0,.2,1);color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font:14px/1.6 var(--f-body);min-height:100vh;
-webkit-font-smoothing:antialiased;background-image:
radial-gradient(ellipse 900px 500px at 110% -10%,rgba(240,180,41,.05) 0,transparent 70%),
radial-gradient(ellipse 600px 400px at -10% 80%,rgba(78,140,255,.035) 0,transparent 60%)}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.mut{color:var(--mut)}.pos{color:var(--grn)}.neg{color:var(--red)}.warn{color:var(--amb)}
body.app{display:flex}
body.marketing{min-height:100vh;position:relative;overflow-x:hidden;background:#080b11;background-image:radial-gradient(ellipse 760px 500px at 84% 5%,rgba(240,180,41,.10),transparent 68%),linear-gradient(180deg,#090d14 0%,#070a10 100%)}body.marketing::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(103,128,162,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(103,128,162,.07) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 62%);animation:lp-grid-drift 24s linear infinite}body.marketing::after{content:"";position:fixed;z-index:0;pointer-events:none;width:44vw;height:44vw;max-width:650px;max-height:650px;right:-18vw;top:8vh;border-radius:50%;background:radial-gradient(circle,rgba(240,180,41,.10),rgba(240,180,41,.025) 32%,transparent 68%);filter:blur(10px);animation:lp-orbit 12s ease-in-out infinite alternate}@keyframes lp-grid-drift{to{background-position:54px 54px}}@keyframes lp-orbit{to{transform:translate(-5vw,8vh) scale(1.12);opacity:.65}}@media(prefers-reduced-motion:reduce){body.marketing::before,body.marketing::after{animation:none}}
.landing{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 30px}.lp-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.lp-brand{display:flex;align-items:center;gap:9px;color:var(--fg);font-weight:750;font-size:15px;letter-spacing:-.2px}.lp-brand:hover{text-decoration:none}.lp-brand-logo{display:block;width:30px;height:30px;border-radius:8px;flex-shrink:0;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.lp-nav nav{display:flex;align-items:center;gap:24px;margin-left:auto}.lp-nav nav a,.lp-login{font-size:12px;font-weight:600;color:var(--mut)}.lp-nav nav a:hover,.lp-login:hover{color:var(--fg);text-decoration:none}.lp-account{display:flex;gap:10px;align-items:center}.lp-register{padding:8px 12px;border:1px solid rgba(240,180,41,.42);border-radius:7px;color:var(--gold);font-size:12px;font-weight:700}.lp-register:hover{text-decoration:none;background:var(--gold-dim)}.lp-logout{display:flex;align-items:center;gap:10px}.lp-logout span{font-size:12px;color:var(--mut)}.lp-logout button{border:0;background:none;color:var(--gold);font:700 12px var(--f-body);cursor:pointer}
.lp-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);gap:70px;align-items:center;min-height:570px;padding:62px 0}.lp-eyebrow{display:block;color:var(--gold);font:800 10px/1 var(--f-mono);letter-spacing:1.35px}.lp-hero h1,.lp-auth-card h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-2.5px;margin:19px 0 18px}.lp-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#d9b353}.lp-hero-copy>p{max-width:510px;color:#aeb8ca;font-size:16px;line-height:1.7}.lp-actions{display:flex;align-items:center;gap:11px;margin-top:28px}.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 15px;border-radius:8px;font-size:13px;font-weight:750;transition:transform var(--dur),box-shadow var(--dur),background var(--dur)}.lp-button:hover{text-decoration:none;transform:translateY(-1px)}.lp-button.primary{color:#171003;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 8px 25px var(--gold-glow)}.lp-button.primary:hover{box-shadow:0 12px 30px rgba(240,180,41,.25)}.lp-button.quiet{color:#c5cede;border:1px solid var(--line2);background:rgba(255,255,255,.025)}.lp-risk{margin-top:15px;font-size:11px!important;color:var(--dim)!important}
.lp-terminal{background:rgba(13,18,27,.78);border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 80px rgba(0,0,0,.28);border-radius:12px;overflow:hidden}.lp-terminal-top{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);font:700 9px var(--f-mono);letter-spacing:.7px;color:var(--mut)}.lp-terminal-top span:last-child{margin-left:auto;color:var(--gold)}.lp-terminal-dot{width:7px;height:7px;border-radius:50%;background:var(--grn);box-shadow:0 0 10px var(--grn)}.lp-terminal-body{padding:8px}.lp-terminal-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:13px;padding:16px 12px;border-radius:8px;border-bottom:1px solid var(--line)}.lp-terminal-item:last-child{border-bottom:0}.lp-terminal-item.active{background:linear-gradient(90deg,rgba(240,180,41,.11),transparent)}.lp-terminal-item i{font:700 10px var(--f-mono);color:var(--gold);font-style:normal;padding-top:3px}.lp-terminal-item b{font-size:14px}.lp-terminal-item p{font-size:12px;line-height:1.55;color:var(--mut);margin-top:3px}.lp-terminal-item a{align-self:center;font-size:11px;font-weight:700;color:#cbd3e0}.lp-terminal-item a:hover{color:var(--gold)}
.lp-signal-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:var(--mut);font:10px var(--f-mono);text-transform:uppercase;letter-spacing:.65px}.lp-signal-row span::before{content:"·";color:var(--gold);margin-right:5px}.lp-tension{padding:92px 0 84px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lp-tension h2{font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-1.6px;margin:17px 0}.lp-tension h2 em{font-family:Georgia,serif;font-weight:400;color:#d9b353}.lp-tension p{max-width:650px;color:var(--mut);font-size:15px;line-height:1.75}.lp-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line)}.lp-proof>div{padding:32px 28px 34px;border-right:1px solid var(--line)}.lp-proof>div:first-child{padding-left:0}.lp-proof>div:last-child{border:0}.lp-proof span{color:var(--gold);font:800 9px var(--f-mono);letter-spacing:1px;text-transform:uppercase}.lp-proof h2{font-size:20px;line-height:1.22;letter-spacing:-.55px;margin:14px 0 10px}.lp-proof p{font-size:13px;color:var(--mut);line-height:1.7;min-height:88px}.lp-proof a{font-size:12px;font-weight:700}.lp-pricing{padding:88px 0 34px}.lp-section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:24px}.lp-section-head h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin-top:13px;max-width:520px}.lp-section-head>p{max-width:360px;color:var(--mut);font-size:13px;line-height:1.65}.lp-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lp-plan{position:relative;padding:24px 22px 22px;min-height:340px;border:1px solid var(--line);border-radius:10px;background:rgba(13,17,25,.62);display:flex;flex-direction:column}.lp-plan.featured{border-color:rgba(240,180,41,.45);background:linear-gradient(155deg,rgba(240,180,41,.11),rgba(13,17,25,.76) 45%);box-shadow:0 15px 45px rgba(0,0,0,.20)}.lp-plan-badge{position:absolute;top:0;right:16px;transform:translateY(-50%);padding:5px 8px;border-radius:5px;background:var(--gold);color:#140d00;font:800 8px var(--f-mono);letter-spacing:.6px}.lp-plan-label{color:var(--gold);font:800 10px var(--f-mono);letter-spacing:1px;text-transform:uppercase}.lp-plan h3{font:700 26px var(--f-body);margin:17px 0 4px;letter-spacing:-.6px}.lp-plan h3 small{font:500 11px var(--f-body);color:var(--mut)}.lp-price{font:700 25px var(--f-mono);margin:17px 0 7px}.lp-price small{font:400 11px var(--f-body);color:var(--mut)}.lp-plan-desc{font-size:12.5px;color:var(--mut);line-height:1.55;min-height:58px}.lp-plan ul{list-style:none;margin:17px 0 auto;border-top:1px solid var(--line);padding-top:10px}.lp-plan li{font-size:12px;color:#c4ccdc;padding:5px 0}.lp-plan li::before{content:"✓";color:var(--grn);font-weight:800;margin-right:8px}.lp-plan-link{display:inline-block;margin-top:17px;color:var(--gold);font-size:12px;font-weight:750}.lp-pricing-note{text-align:center;color:var(--dim);font-size:11px;margin:22px 0 0}.lp-close{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:76px 0}.lp-close h2{font-size:30px;line-height:1.15;letter-spacing:-1px;max-width:520px;margin-top:13px}.lp-close p{font-size:14px;line-height:1.75;color:var(--mut);max-width:430px}.lp-footer{display:flex;justify-content:space-between;padding:18px 0 28px;border-top:1px solid var(--line);font-size:11px;color:var(--dim)}
.lp-auth-wrap{width:min(460px,100%);margin:0 auto;padding:74px 0 90px}.lp-back{display:inline-block;font-size:12px;color:var(--mut);margin-bottom:34px}.lp-auth-card{padding:30px;border:1px solid var(--line2);border-radius:12px;background:rgba(14,18,27,.82);box-shadow:0 24px 80px rgba(0,0,0,.25)}.lp-auth-card h1{font-size:38px;letter-spacing:-1.5px;margin:14px 0 10px}.lp-auth-card>p{font-size:13px;color:var(--mut);line-height:1.65}.lp-auth-form{display:flex;flex-direction:column;gap:14px;margin-top:24px}.lp-auth-form label{display:flex;flex-direction:column;gap:6px;color:#b7c1d2;font-size:12px;font-weight:650}.lp-auth-form input{padding:11px 12px;border-radius:7px;border:1px solid var(--line2);background:rgba(255,255,255,.035);color:var(--fg);font:14px var(--f-body)}.lp-auth-form input:focus{outline:0;border-color:rgba(240,180,41,.55);box-shadow:0 0 0 3px var(--gold-dim)}.lp-auth-form .lp-button{width:100%;border:0;margin-top:6px;cursor:pointer}.lp-auth-alt{text-align:center;font-size:12px!important;margin-top:18px}.lp-google{display:flex;width:100%;justify-content:center;gap:10px;margin-top:22px}.lp-auth-or{display:flex;align-items:center;gap:10px;margin:18px 0 -8px;color:var(--mut);font-size:11px}.lp-auth-or:before,.lp-auth-or:after{content:"";flex:1;height:1px;background:var(--line2)}.lp-auth-forgot{align-self:flex-end;margin-top:-6px;font-size:12px;color:var(--mut)}.lp-auth-notice{margin:18px 0 0}.verify-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.lp-auth-legal{text-align:center;font-size:11px!important;color:var(--mut);margin-top:10px;line-height:1.6}.lp-auth-legal a{color:var(--mut);text-decoration:underline}.lp-legal{width:min(760px,100%);margin:0 auto;padding:56px 0 90px;color:#c9d1de;font-size:14px;line-height:1.75}.lp-legal h1{font-size:clamp(32px,5vw,46px);letter-spacing:-1.2px;margin:12px 0 6px;color:var(--fg)}.lp-legal h2{font-size:18px;margin:34px 0 8px;color:var(--fg);scroll-margin-top:20px}.lp-legal ul{padding-left:20px;margin:8px 0}.lp-legal li{margin:6px 0}.lp-legal a{color:var(--gold)}.lp-legal-meta{font-size:12px;color:var(--mut)}.lp-legal-toc{margin:22px 0;padding:16px 20px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.02)}.lp-legal-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px;font-size:13px}@media(max-width:600px){.lp-legal{padding:32px 0 60px}.lp-legal-toc ol{columns:1}}.lp-auth-error{padding:9px 11px;margin-top:18px;border:1px solid rgba(255,79,106,.3);border-radius:7px;background:var(--red-dim);color:#ff9aa9;font-size:12px}
.lp-questions{display:grid;gap:5px;margin:18px 0 15px;padding:3px 0 3px 15px;border-left:2px solid var(--gold)}.lp-questions span{font-size:13px;line-height:1.5;color:#c3cbdc}.lp-questions span::before{content:"?";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:7px;border:1px solid rgba(240,180,41,.55);border-radius:50%;color:var(--gold);font:700 10px var(--f-mono)}.lp-hero-copy>p strong,.lp-proof p strong,.lp-close p strong{color:var(--fg);font-weight:700}.lp-demo-link{align-self:center;padding:0;border:0;background:none;color:#cbd3e0;font:700 11px var(--f-body);cursor:pointer}.lp-demo-link:hover{color:var(--gold)}.lp-demo-dialog{width:min(850px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;border:1px solid var(--line2);border-radius:16px;background:#0b1018;color:var(--fg);overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.72)}.lp-demo-dialog::backdrop{background:rgba(3,5,10,.75);backdrop-filter:blur(7px)}.lp-demo-dialog[open]{animation:lp-demo-in .3s var(--ease) both}.lp-demo-shell{position:relative;padding:34px 34px 30px}.lp-demo-close{position:absolute;top:17px;right:18px;width:30px;height:30px;border:1px solid var(--line2);border-radius:8px;background:rgba(255,255,255,.035);color:var(--mut);font-size:20px;line-height:1;cursor:pointer}.lp-demo-close:hover{color:var(--fg);background:rgba(255,255,255,.08)}.lp-demo-copy{max-width:650px;padding-right:35px}.lp-demo-copy h2{font-size:clamp(25px,4vw,38px);line-height:1.05;letter-spacing:-1.2px;margin:14px 0 10px}.lp-demo-copy p{max-width:620px;color:var(--mut);font-size:14px;line-height:1.7}.lp-demo-panel{margin-top:25px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(145deg,rgba(25,32,45,.98),rgba(10,14,21,.98));box-shadow:inset 0 1px rgba(255,255,255,.04);animation:lp-demo-panel-in .26s ease both}.lp-demo-panel[hidden]{display:none}.lp-demo-window-head{display:flex;align-items:center;gap:8px;padding:2px 2px 12px;border-bottom:1px solid var(--line);color:var(--mut);font:700 9px var(--f-mono);letter-spacing:.65px}.lp-demo-window-head b{color:#ccd5e4}.lp-demo-window-head span:last-child{margin-left:auto}.lp-demo-window-grid,.lp-demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0}.lp-demo-stat,.lp-demo-metrics>div{padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025)}.lp-demo-stat small,.lp-demo-metrics small,.lp-demo-event small,.lp-demo-trade small,.lp-demo-review small{display:block;color:var(--mut);font:700 8px var(--f-mono);letter-spacing:.55px}.lp-demo-stat b{display:block;margin-top:7px;font:700 20px var(--f-mono)}.lp-demo-stat em{display:block;margin-top:3px;color:var(--grn);font:normal 10px var(--f-mono)}.lp-demo-event{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(240,180,41,.2);border-radius:8px;background:rgba(240,180,41,.06)}.lp-demo-pulse{width:8px;height:8px;margin-top:4px;flex-shrink:0;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(240,180,41,.45);animation:lp-pulse 1.7s infinite}.lp-demo-event div{flex:1}.lp-demo-event b,.lp-demo-trade b,.lp-demo-review b{display:block;margin-top:5px;font-size:13px}.lp-demo-event p,.lp-demo-trade p,.lp-demo-review p{margin-top:4px;color:var(--mut);font-size:11px;line-height:1.5}.lp-demo-event>strong{color:var(--gold);font:700 10px var(--f-mono)}.lp-demo-bars{display:flex;align-items:end;gap:7px;height:75px;margin-top:12px;padding:8px 10px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 24px,rgba(255,255,255,.045) 25px)}.lp-demo-bars i{display:block;flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#f0b429,#9b6a0c);transform-origin:bottom;animation:lp-bar-in .7s var(--ease) both}.lp-demo-bars i:nth-child(1){--h:31%}.lp-demo-bars i:nth-child(2){--h:42%}.lp-demo-bars i:nth-child(3){--h:36%}.lp-demo-bars i:nth-child(4){--h:55%}.lp-demo-bars i:nth-child(5){--h:48%}.lp-demo-bars i:nth-child(6){--h:67%}.lp-demo-bars i:nth-child(7){--h:59%}.lp-demo-bars i:nth-child(8){--h:76%}.lp-demo-bars i:nth-child(9){--h:66%}.lp-demo-bars i:nth-child(10){--h:84%}.lp-demo-bars i:nth-child(11){--h:75%}.lp-demo-bars i:nth-child(12){--h:91%}.lp-demo-metrics>div b{display:block;margin-top:6px;font:700 18px var(--f-mono);color:var(--grn)}.lp-demo-metrics>div b.negative{color:#ff788c}.lp-demo-curve{display:block;width:100%;height:auto;padding:10px 0;border-bottom:1px solid var(--line)}.lp-demo-curve .gridline{stroke:rgba(255,255,255,.07);stroke-width:1}.lp-demo-curve .curve{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700;animation:lp-curve-in 1.2s .15s var(--ease) forwards}.lp-demo-cost{display:flex;justify-content:space-between;gap:15px;padding:12px 2px 0;color:var(--mut);font-size:11px}.lp-demo-cost b{color:#d9b353}.lp-demo-trade{display:flex;justify-content:space-between;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line)}.lp-demo-trade>strong{font:700 18px var(--f-mono)}.positive{color:var(--grn)}.lp-demo-review{display:flex;gap:11px;margin-top:12px;padding:14px;border:1px solid rgba(34,212,131,.2);border-radius:9px;background:rgba(34,212,131,.055)}.lp-demo-ai-dot{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:8px;color:#171003;background:var(--gold);font-size:14px}.lp-demo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.lp-demo-tags span{padding:6px 8px;border-radius:5px;background:rgba(255,255,255,.05);color:#bcc6d7;font:10px var(--f-mono)}@keyframes lp-demo-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes lp-demo-panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes lp-bar-in{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lp-curve-in{to{stroke-dashoffset:0}}@keyframes lp-pulse{70%{box-shadow:0 0 0 9px rgba(240,180,41,0)}}
 .lp-proof .lp-demo-link{display:inline-block;margin-top:17px;color:var(--gold);font-size:12px;font-weight:750}
@media(max-width:860px){.landing{padding:0 18px}.lp-nav{height:68px}.lp-nav nav{display:none}.lp-hero{grid-template-columns:1fr;gap:30px;padding:48px 0 50px}.lp-hero h1{font-size:48px}.lp-proof{grid-template-columns:1fr}.lp-proof>div,.lp-proof>div:first-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.lp-proof>div:last-child{border-bottom:0}.lp-proof p{min-height:0}.lp-tension{padding:60px 0}.lp-section-head{display:block}.lp-section-head>p{margin-top:15px}.lp-plan-grid{grid-template-columns:1fr}.lp-plan{min-height:0}.lp-plan.featured{order:-1}.lp-close{grid-template-columns:1fr;gap:18px;padding:50px 0}.lp-footer{gap:15px;flex-direction:column}.lp-auth-wrap{padding:48px 0 70px}.lp-auth-card{padding:24px}.lp-login{display:none}}
@media(max-width:620px){.lp-demo-shell{padding:30px 18px 20px}.lp-demo-copy{padding-right:28px}.lp-demo-window-grid,.lp-demo-metrics{grid-template-columns:1fr}.lp-demo-cost{display:block}.lp-demo-cost b{display:block;margin-top:4px}.lp-demo-window-head{font-size:8px}.lp-demo-window-head span:last-child{display:none}}

/* sidebar */
.side{width:220px;flex-shrink:0;border-right:1px solid var(--line);
background:linear-gradient(180deg,rgba(10,13,22,.96),rgba(6,8,16,.98));position:sticky;top:0;height:100vh;
display:flex;flex-direction:column;padding:20px 14px 16px;box-shadow:4px 0 32px rgba(0,0,0,.3)}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line);
color:var(--fg)}.brand:hover{text-decoration:none}
.brand-logo{width:32px;height:32px;border-radius:9px;overflow:hidden;flex-shrink:0;
box-shadow:0 2px 12px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}.brand-logo img{display:block;width:100%;height:100%}
.brand-wordmark{display:block;width:148px;max-width:100%;height:auto}.lp-brand .brand-wordmark{width:170px}.co-brand .brand-wordmark{width:150px}
.brand-name{font-size:14.5px;font-weight:700;letter-spacing:-.2px;line-height:1.15}.brand-name span{color:var(--gold)}
.brand-sub{font-size:9.5px;text-transform:uppercase;letter-spacing:1.4px;color:var(--mut);margin-top:3px}
.who{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:14px;color:var(--mut)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--dim);flex-shrink:0}
.dot.live{background:var(--grn);box-shadow:0 0 0 3px var(--grn-dim),0 0 8px var(--grn);animation:pulse 2.4s ease-in-out infinite}
.dot.wait{background:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}
@keyframes pulse{50%{box-shadow:0 0 0 5px var(--grn-dim),0 0 14px var(--grn)}}
.nav{display:flex;flex-direction:column;gap:2px;flex:1}
.navlink{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--r-sm);color:var(--mut);
font-weight:500;font-size:13px;position:relative;overflow:hidden;transition:color var(--dur),background var(--dur)}
.navlink::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;
border-radius:0 3px 3px 0;background:var(--gold);transition:height var(--dur) var(--ease)}
.navlink:hover{background:rgba(255,255,255,.04);color:var(--fg);text-decoration:none}
.navlink.active{background:var(--gold-dim);color:var(--gold);font-weight:600}.navlink.active::before{height:22px}
.nav-icon{font-size:15px;width:18px;text-align:center;flex-shrink:0}
.navsep{height:1px;background:var(--line);margin:10px 4px}
.sidefoot{padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--dim);line-height:1.5}
@media(max-width:860px){body.app{display:block}
.side{position:static;width:auto;height:auto;padding:14px 16px 10px;box-shadow:none;border-right:0;border-bottom:1px solid var(--line)}
.brand{margin-bottom:10px;padding-bottom:10px}.nav{flex-direction:row;flex-wrap:wrap}.navsep,.sidefoot,.who{display:none}
.navlink{padding:7px 10px}}

/* main */
.main{flex:1;min-width:0;padding:24px 28px 48px}
@media(max-width:860px){.main{padding:18px 16px 40px}}
@keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.view{animation:view-in .22s var(--ease) both}
.rephead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.rephead h1{font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.2}
.rephead .sub{font-size:12px;color:var(--mut);margin-top:4px}
.repactions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pair-select{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.04);border:1px solid var(--line2);
border-radius:var(--r-xs);padding:4px 7px 4px 10px}.pair-select label{font-size:11px;color:var(--mut);font-weight:600}
.pair-select select{background:transparent;color:var(--fg);border:0;outline:0;font:600 12.5px var(--f-body);cursor:pointer}
.pair-select option{background:var(--panel);color:var(--fg)}

/* KPIs */
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@keyframes kpi-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.kpi{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;
overflow:hidden;animation:kpi-in .3s var(--ease) both;transition:transform var(--dur),border-color var(--dur),box-shadow var(--dur)}
.kpi:nth-child(2){animation-delay:.03s}.kpi:nth-child(3){animation-delay:.06s}.kpi:nth-child(4){animation-delay:.09s}
.kpi:nth-child(5){animation-delay:.12s}.kpi:nth-child(6){animation-delay:.15s}
.kpi:hover{transform:translateY(-3px);border-color:rgba(240,180,41,.2);box-shadow:0 12px 32px rgba(0,0,0,.5)}
.kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,var(--gold2),var(--gold));
transform:scaleX(0);transform-origin:left;transition:transform var(--dur)}.kpi:hover::before{transform:scaleX(1)}
.kpi .lab{color:var(--mut);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.9px}
.kpi .val{font:700 20px/1 var(--f-mono);font-variant-numeric:tabular-nums;margin-top:8px;letter-spacing:-.5px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi .val.sm{font:600 13.5px/1.3 var(--f-body);letter-spacing:0;white-space:normal}
.kpi .sub{font-size:10.5px;margin-top:6px;color:var(--mut)}

/* thesis ribbon */
.thesis{background:linear-gradient(135deg,rgba(240,180,41,.09),rgba(13,16,24,.82) 55%);border:1px solid rgba(240,180,41,.22);
border-radius:var(--r);padding:18px 20px;margin-bottom:20px}
.thesis .k{font:700 10px/1 var(--f-body);letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.thesis h2{font-size:19px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:8px 0 8px}
.thesis p{color:#c3cbdc;font-size:13.5px;max-width:980px}

/* grid + panels */
.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
@media(max-width:1060px){.grid{grid-template-columns:minmax(0,1fr)}}
.col{display:flex;flex-direction:column;gap:16px;min-width:0}
.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;
transition:border-color var(--dur)}.panel:hover{border-color:var(--line2)}
.panel h2{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--mut);margin:0 0 14px;
display:flex;justify-content:space-between;align-items:center;gap:8px}
.panel h2 .mut{text-transform:none;letter-spacing:0;font-weight:400}
.panel+.panel{margin-top:0}
.chartimg{border-radius:var(--r-xs);overflow:hidden;border:1px solid var(--line)}
.read{margin-top:13px;border-left:2px solid var(--gold);padding:2px 0 2px 12px}
.bl{list-style:none}.bl li{position:relative;padding:7px 0 7px 16px;border-bottom:1px solid var(--line);font-size:13px}
.bl li:last-child{border-bottom:0}.bl li::before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;
border-radius:2px;background:var(--gold);opacity:.7}
.src{color:var(--mut);font-size:11.5px}

/* scenarios */
.scen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
@media(max-width:640px){.scen{grid-template-columns:minmax(0,1fr)}}
.sc{border-radius:var(--r-sm);padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.sc.bull{border-color:rgba(34,212,131,.22);background:linear-gradient(180deg,var(--grn-dim),transparent 70%)}
.sc.bear{border-color:rgba(255,79,106,.22);background:linear-gradient(180deg,var(--red-dim),transparent 70%)}
.sc h3{font:700 11px/1 var(--f-body);letter-spacing:.9px;text-transform:uppercase;margin-bottom:9px}
.sc.bull h3{color:var(--grn)}.sc.bear h3{color:var(--red)}
.sc p{font-size:13px;margin-bottom:9px}.sc ul{list-style:none;margin-bottom:9px}
.sc li{font-size:12.5px;padding:3px 0 3px 14px;position:relative;color:#c3cbdc}
.sc li::before{content:"›";position:absolute;left:0;color:var(--mut)}
.sc .inv{font-size:12px;color:var(--mut);border-top:1px dashed var(--line2);padding-top:8px}

/* events + news */
.ev{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.ev:last-child{border-bottom:0}
.ev .t{font:500 11px/1.4 var(--f-mono);color:var(--mut);width:92px;flex-shrink:0}
.ev b{font-size:13px;font-weight:600}.ev .why{font-size:12px;color:var(--mut);margin-top:2px}
.tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.2px;vertical-align:1px}
.tag.hi{background:var(--red-dim);color:var(--red)}.tag.md{background:rgba(245,158,11,.14);color:var(--amb)}
.tag.ok{background:var(--grn-dim);color:var(--grn)}.tag.no{background:var(--red-dim);color:var(--red)}
.tag.gold{background:var(--gold-dim);color:var(--gold)}.tag.off{background:rgba(90,101,128,.2);color:var(--mut)}
.nw{padding:10px 0;border-bottom:1px solid var(--line)}.nw:last-child{border-bottom:0}
.nw a{font-weight:600;font-size:13px;color:var(--fg)}.nw a:hover{color:var(--gold)}
.nw .s{font:500 10.5px var(--f-mono);color:var(--gold);text-transform:uppercase;letter-spacing:.5px}
.nw .why{font-size:12px;color:var(--mut);margin-top:3px}
.pre-event{padding:10px 0;border-bottom:1px solid var(--line)}.pre-event:last-child{border-bottom:0}
.pre-event-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pre-event-top b{font-size:13px}
.pre-event p{font-size:12px;color:#c3cbdc;margin-top:5px}.pre-event .pre-ref{color:var(--mut);font-family:var(--f-mono);font-size:11px}
.pre-event .warn{font-size:11px;color:var(--amb)}

/* buttons + forms */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line2);
border-radius:var(--r-xs);padding:8px 14px;font:600 12.5px/1 var(--f-body);cursor:pointer;background:rgba(255,255,255,.04);
color:var(--fg);transition:background var(--dur),box-shadow var(--dur),transform .1s}
.btn:hover{background:rgba(255,255,255,.08);text-decoration:none}.btn:active{transform:scale(.97)}
.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#140d00;border-color:transparent;
box-shadow:0 2px 14px var(--gold-glow)}.btn.gold:hover{box-shadow:0 4px 22px rgba(240,180,41,.3)}
.btn.ok{background:var(--grn-dim);color:var(--grn);border-color:rgba(34,212,131,.22)}
.btn.no{background:var(--red-dim);color:var(--red);border-color:rgba(255,79,106,.22)}
.btn.block{width:100%}.btn[disabled]{opacity:.4;cursor:not-allowed}
.txtin{background:rgba(255,255,255,.04);color:var(--fg);border:1px solid var(--line2);border-radius:var(--r-xs);
padding:9px 11px;font:13px var(--f-body);width:100%}
.txtin:focus{outline:none;border-color:rgba(240,180,41,.45);box-shadow:0 0 0 3px var(--gold-dim)}
.journal-result-head{display:flex;
justify-content:space-between;gap:16px;align-items:flex-start}.journal-result-head h2{margin-bottom:6px}
.journal-score{font:700 28px/1 var(--f-mono);color:var(--gold);white-space:nowrap}.journal-score span{font:400 11px var(--f-body);color:var(--mut)}
.journal-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.journal-cols h3{font-size:11px;
text-transform:uppercase;letter-spacing:.7px;color:var(--mut);margin-bottom:5px}.journal-cols .bl li{font-size:12px}
.journal-risk{border-top:1px dashed var(--line2);margin-top:16px;padding-top:10px;color:var(--amb);font-size:12px}
@media(max-width:640px){.journal-cols{grid-template-columns:minmax(0,1fr)}}
.journal-overview{margin-bottom:20px}.journal-filters{display:flex;align-items:stretch;gap:8px;padding:9px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:12px}.journal-filter{min-width:150px;padding:5px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.journal-filter span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--mut)}.journal-filter b{font-size:12px;font-weight:600}.journal-filters .btn{margin-left:auto;align-self:center;white-space:nowrap}
.journal-mt5{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 12px;padding:17px 18px;border:1px solid rgba(112,180,255,.24);border-radius:var(--r);background:linear-gradient(135deg,rgba(112,180,255,.08),rgba(255,255,255,.018))}.journal-mt5-copy h2{margin:5px 0 4px;font-size:16px}.journal-mt5-copy p{max-width:700px;color:var(--mut);font-size:12px;line-height:1.55}.journal-mt5-kicker{color:#9bc7ff;font:800 9px var(--f-mono);letter-spacing:1px}.journal-mt5-detail{margin-top:9px;color:#c4d6ef;font-size:11px}.journal-mt5-side{display:grid;justify-items:end;gap:6px;min-width:185px}.journal-mt5-status{font:800 10px var(--f-mono);letter-spacing:.7px}.journal-mt5-status.connected{color:var(--grn)}.journal-mt5-status.pending{color:var(--gold)}.journal-mt5-status.idle{color:var(--mut)}.journal-mt5-last{color:var(--dim);font-size:10px}.journal-mt5-side .btn{min-height:34px}.journal-mt5-revoke{color:var(--mut)}.journal-mt5-pair{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:2px;padding:14px 15px;border-top:1px solid rgba(112,180,255,.18);border-radius:10px;background:rgba(3,8,18,.28)}.journal-mt5-pair[hidden]{display:none}.journal-mt5-pair code{display:block;margin-top:7px;color:#e2efff;font:800 18px var(--f-mono);letter-spacing:1.2px}.journal-mt5-pair p{margin-top:6px;color:var(--mut);font-size:11px;line-height:1.5}.journal-mt5-pair-actions{display:flex;gap:7px;flex-shrink:0}.journal-mt5-pair-actions .btn{white-space:nowrap}
.journal-mt5-deals{margin:0 0 12px;padding:15px 14px 0;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.journal-mt5-deals .journal-history-head{margin:0 3px 12px}.journal-mt5-deals table{min-width:890px}.journal-mt5-deals th{background:rgba(112,180,255,.05);padding:9px 10px}.journal-mt5-deals td{padding:10px}.journal-mt5-deals-note{margin:11px 3px 13px;color:var(--mut);font-size:10.5px;line-height:1.45}.journal-mt5-actions{display:flex;gap:6px;white-space:nowrap}.journal-mt5-actions .btn{padding:7px 9px;font-size:11px}.journal-mt5-reviewed{display:inline-flex;align-items:center;color:var(--grn);font:800 10px var(--f-mono);letter-spacing:.3px}
.journal-equity{margin:0 0 12px;padding:16px 14px 14px;background:linear-gradient(135deg,rgba(34,212,131,.055),rgba(13,16,24,.82) 45%);border:1px solid rgba(34,212,131,.2);border-radius:var(--r);overflow:hidden}.journal-equity-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:0 3px 12px}.journal-equity-head span,.journal-equity-chart-wrap span{font-size:9.5px;text-transform:uppercase;letter-spacing:1px;color:var(--grn);font-weight:800}.journal-equity-head h2,.journal-equity-chart-wrap h2{font-size:16px;line-height:1.2;margin-top:3px}.journal-equity-head small,.journal-equity-chart-wrap small{color:var(--mut);font-size:10.5px;text-align:right}.journal-equity-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.journal-equity-grid article{padding:12px;background:rgba(5,12,20,.45);border:1px solid var(--line);border-radius:var(--r-sm);min-width:0}.journal-equity-grid span{display:block;color:var(--mut);font-size:9px;text-transform:uppercase;letter-spacing:.55px}.journal-equity-grid b{display:block;margin:8px 0 4px;font:700 17px/1.1 var(--f-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-equity-grid small{display:block;color:var(--dim);font-size:10px;line-height:1.35}.journal-equity-chart-wrap{margin-top:12px;padding:13px 14px;background:rgba(5,12,20,.35);border:1px solid var(--line);border-radius:var(--r-sm)}.journal-equity-chart{display:block;width:100%;height:130px;margin-top:12px}.journal-equity-chart polyline{fill:none;stroke:var(--grn);stroke-width:2;vector-effect:non-scaling-stroke}
.journal-performance{display:grid;grid-template-columns:minmax(315px,.72fr) minmax(0,1.28fr);gap:12px}.journal-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.journal-metric,.journal-extreme,.journal-history-chart,.journal-history{background:var(--glass);border:1px solid var(--line);border-radius:var(--r)}.journal-metric{padding:15px;min-height:124px;display:flex;flex-direction:column}.journal-metric span,.journal-extreme span{font-size:10px;text-transform:uppercase;letter-spacing:.75px;color:var(--mut);font-weight:700}.journal-metric b{font:700 22px/1.1 var(--f-mono);letter-spacing:-.7px;margin:10px 0 auto}.journal-metric small{font-size:10.5px;color:var(--mut);line-height:1.4}.journal-metric small i{font-style:normal;font-size:10px}.journal-extreme{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:0}.journal-extreme>div{padding:14px 15px;min-width:0}.journal-extreme>div+div{border-left:1px solid var(--line)}.journal-extreme b{display:block;font:700 18px/1.2 var(--f-mono);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-history-chart{padding:16px 18px;min-height:260px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(240,180,41,.055),rgba(13,16,24,.82) 38%)}.journal-chart-head,.journal-history-head,.journal-entry-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.journal-chart-head span,.journal-history-head span,.journal-entry-head span{font-size:9.5px;text-transform:uppercase;letter-spacing:1px;color:var(--gold);font-weight:800}.journal-chart-head h2,.journal-history-head h2,.journal-entry-head h2{font-size:16px;line-height:1.2;letter-spacing:-.3px;margin-top:3px}.journal-chart-head small,.journal-history-head small,.journal-entry-head small{font-size:10.5px;color:var(--mut);text-align:right}.journal-chart{display:block;width:100%;height:190px;margin-top:18px}.journal-zero{stroke:var(--line2);stroke-width:1;stroke-dasharray:3 4}.journal-area{fill:rgba(240,180,41,.12)}.journal-line{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke}.journal-chart.neg .journal-area{fill:rgba(255,79,106,.14)}.journal-chart.neg .journal-line{stroke:var(--red)}.journal-chart-empty{height:190px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--mut);font-size:12px;padding:20px}.journal-history{margin-top:12px;padding:15px 14px 0;overflow:hidden}.journal-history-head{margin:0 3px 12px}.journal-history table{min-width:860px}.journal-history th{background:rgba(255,255,255,.025);padding:9px 10px}.journal-history td{padding:10px}.table-sub{display:block;font-size:10px;color:var(--mut);margin-top:1px}.journal-table-empty{text-align:center;color:var(--mut);padding:32px!important}.journal-side{display:inline-block;border-radius:999px;padding:3px 9px;font:700 10px/1 var(--f-body)}.journal-side.long{color:var(--grn);background:var(--grn-dim)}.journal-side.short{color:var(--red);background:var(--red-dim)}.journal-side.flat{color:var(--mut);background:rgba(255,255,255,.05)}
.journal-result{margin-top:16px}
@media(max-width:1060px){.journal-performance{grid-template-columns:1fr}.journal-filters{flex-wrap:wrap}.journal-filters .btn{margin-left:0}.journal-filter{flex:1;border-right:0;border-bottom:1px solid var(--line)}.journal-equity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.journal-filters{padding:7px}.journal-filter{min-width:calc(50% - 5px);padding:6px 8px}.journal-filters .btn{width:100%;margin-top:2px}.journal-metrics{grid-template-columns:1fr}.journal-extreme{grid-column:auto}.journal-history-chart{min-height:230px;padding:15px}.journal-chart{height:165px}.journal-chart-head h2,.journal-history-head h2{font-size:15px}.journal-mt5{grid-template-columns:1fr;padding:15px}.journal-mt5-side{justify-items:start;min-width:0}.journal-mt5-pair{display:block}.journal-mt5-pair-actions{margin-top:11px}.journal-mt5-pair-actions .btn{flex:1}.journal-equity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-equity-grid article:first-child{grid-column:1/-1}.journal-equity-head{display:block}.journal-equity-head small{display:block;text-align:left;margin-top:5px}}
select.txtin{width:auto}
.tog{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mut);cursor:pointer}
.tog input{accent-color:var(--gold)}
.notice{border-radius:var(--r-sm);padding:10px 14px;margin-bottom:16px;font-size:13px;border:1px solid rgba(240,180,41,.25);
background:var(--gold-dim)}.notice.bad{border-color:rgba(255,79,106,.3);background:var(--red-dim)}
.notice.good{border-color:rgba(34,212,131,.25);background:var(--grn-dim)}
.join h3{font-size:15px;font-weight:700;margin-bottom:4px}.join p{font-size:12.5px;color:var(--mut);margin-bottom:12px}
.join form{display:flex;flex-direction:column;gap:8px}

/* tables */
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:12.5px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
th{color:var(--mut);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}
tr:last-child td{border-bottom:0}tbody tr:hover td{background:rgba(240,180,41,.04)}
td.num,th.num{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
td.nowrap{white-space:nowrap}
.acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.empty{color:var(--mut);padding:14px 2px;font-size:13px}
.hero-empty{padding:70px 20px;text-align:center}.hero-empty h1{font-size:24px;margin:10px 0}
pre.raw{white-space:pre-wrap;font:12px/1.55 var(--f-mono);color:#c3cbdc;max-height:460px;overflow:auto}
.check{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}
.check:last-child{border-bottom:0}.check b{font-size:13px}.check .src{display:block;margin-top:2px}
.ic{width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
font-weight:700;font-size:12px}.ic.ok{background:var(--grn-dim);color:var(--grn)}.ic.no{background:var(--red-dim);color:var(--red)}
.prose{max-width:760px}.prose p,.prose li{font-size:13.5px;color:#c3cbdc}.prose ul{padding-left:18px}
.prose li{margin:5px 0}.prose h3{font-size:14px;margin:0 0 6px;color:var(--fg)}
.disc{font-size:11.5px;color:var(--dim);margin-top:24px;line-height:1.6}

/* journal dialog */
.jm{width:min(880px,calc(100vw - 32px));max-width:none;max-height:min(880px,calc(100vh - 40px));margin:auto;padding:0;
border:1px solid var(--line2);border-radius:18px;background:linear-gradient(180deg,rgba(16,20,30,.98),rgba(9,12,20,.98));
color:var(--fg);box-shadow:0 30px 100px rgba(0,0,0,.75),0 0 0 1px rgba(240,180,41,.05);overflow:hidden}
.jm[open]{display:flex;animation:jm-in .28s var(--ease) both}.jm.closing{animation:jm-out .18s var(--ease) both}
.jm::backdrop{background:rgba(3,5,11,.74);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.jm[open]::backdrop{animation:jm-fade .28s ease both}.jm.closing::backdrop{animation:jm-fade-out .18s ease both}
@keyframes jm-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes jm-out{to{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes jm-fade{from{opacity:0}}@keyframes jm-fade-out{to{opacity:0}}
.jm-form{display:flex;flex-direction:column;width:100%;min-height:0;max-height:inherit}
.jm-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;
border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(240,180,41,.10),transparent 60%)}
.jm-head::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold2),var(--gold) 40%,transparent)}
.jm-kicker{font:700 10px/1 var(--f-body);letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.jm-head h2{font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:7px 0 4px}
.jm-head p{font-size:12px;color:var(--mut)}
.jm-x{flex-shrink:0;width:32px;height:32px;border-radius:var(--r-xs);border:1px solid var(--line2);background:rgba(255,255,255,.04);
color:var(--mut);font:400 20px/1 var(--f-body);cursor:pointer;transition:background var(--dur),color var(--dur),transform var(--dur)}
.jm-x:hover{background:rgba(255,255,255,.09);color:var(--fg);transform:rotate(90deg)}
.jm-x:focus-visible,.jm .btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold-dim);border-color:rgba(240,180,41,.45)}
.jm-body{flex:1;min-height:0;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;
scrollbar-color:var(--line2) transparent}
.jm-sec{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;transition:border-color var(--dur)}
.jm-sec:focus-within{border-color:rgba(240,180,41,.22)}
.jm-sec h3{display:flex;align-items:center;gap:9px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;
color:var(--mut);margin-bottom:12px}
.jm-sec h3 i{font:700 10px/1 var(--f-mono);font-style:normal;width:20px;height:20px;border-radius:6px;display:inline-flex;
align-items:center;justify-content:center;background:var(--gold-dim);color:var(--gold)}
.jm-grid{display:grid;gap:12px}.jm-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.jm-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.jm-grid+.jm-grid{margin-top:12px}
.jm-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.jm-f>span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--mut)}
.jm .txtin{width:100%;transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}
.jm .txtin:hover{border-color:rgba(255,255,255,.16)}.jm .txtin::placeholder{color:var(--dim)}
.jm select.txtin{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237a86a3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 11px center}
.jm select.txtin option{background:#0d1018;color:var(--fg)}
.jm textarea.txtin{resize:vertical;line-height:1.5;min-height:76px}
.jm input[type=date].txtin{color-scheme:dark}
.jm-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.jcheck{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line2);border-radius:var(--r-sm);
background:rgba(255,255,255,.03);font-size:12.5px;color:var(--mut);cursor:pointer;user-select:none;
transition:border-color var(--dur),background var(--dur),color var(--dur)}
.jcheck:hover{border-color:rgba(255,255,255,.16);color:var(--fg)}
.jcheck input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.jcheck .box{width:18px;height:18px;border-radius:5px;border:1px solid var(--line2);display:flex;align-items:center;
justify-content:center;flex-shrink:0;transition:background var(--dur),border-color var(--dur),box-shadow var(--dur)}
.jcheck .box::after{content:"✓";font-size:11px;font-weight:800;color:#140d00;opacity:0;transform:scale(.4);
transition:opacity var(--dur),transform var(--dur) var(--ease)}
.jcheck:has(input:checked){border-color:rgba(240,180,41,.38);background:var(--gold-dim);color:var(--fg)}
.jcheck input:checked+.box{background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:transparent}
.jcheck input:checked+.box::after{opacity:1;transform:none}
.jcheck input:focus-visible+.box{box-shadow:0 0 0 3px var(--gold-dim)}
.jm-note{font-size:11.5px;color:var(--dim);display:flex;gap:7px;align-items:center}
.jm-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--line);
background:rgba(6,8,16,.7)}
.jm-foot .btn{padding:10px 18px}.jm-foot .btn.gold[disabled]{opacity:.75;cursor:progress}
.jm-spin{width:12px;height:12px;border-radius:50%;border:2px solid rgba(20,13,0,.3);border-top-color:#140d00;
animation:jm-rot .7s linear infinite}@keyframes jm-rot{to{transform:rotate(360deg)}}
@media(max-width:760px){.jm-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.jm{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}
.jm[open]{animation-name:jm-up}@keyframes jm-up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.jm-grid.c3,.jm-grid.c2,.jm-checks{grid-template-columns:minmax(0,1fr)}.jm-head,.jm-body,.jm-foot{padding-left:16px;padding-right:16px}
.jm-foot .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.jm[open],.jm.closing,.jm[open]::backdrop,.jm.closing::backdrop,.jm-x:hover{animation:none;transform:none}}

/* fundamental: macro verdict + pillars */
.verdict{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;background:var(--panel);border:1px solid var(--line);
border-radius:var(--r);padding:16px 18px;margin-bottom:16px}
.verdict .lbl{font:800 20px/1 var(--f-mono);letter-spacing:-.5px}.verdict .lbl small{display:block;font:600 9.5px/1.4 var(--f-body);
letter-spacing:1px;text-transform:uppercase;color:var(--mut);margin-top:4px}
.vdots{display:flex;gap:7px;flex-wrap:wrap}
.vdot{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1 var(--f-body);text-transform:uppercase;letter-spacing:.04em;
padding:6px 9px;border-radius:6px;background:rgba(255,255,255,.03);color:var(--mut)}.vdot i{width:6px;height:6px;border-radius:50%;background:currentColor}
.vdot b{color:var(--fg)}.vwhy{flex:1 1 320px;font-size:12.5px;color:#c3cbdc}
.hot{color:var(--red)}.cool{color:var(--grn)}.neutral{color:var(--mut)}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
@media(max-width:1200px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pgrid{grid-template-columns:minmax(0,1fr)}}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.pcard .ph{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pcard .pn{font:700 12px/1.2 var(--f-body);letter-spacing:.05em;text-transform:uppercase}
.pcard .pnote{font-size:11px;color:var(--mut);margin:7px 0 10px;line-height:1.5}
.pcard table td{padding:6px 0;font-size:12px}.pcard td.v{text-align:right;font-family:var(--f-mono);font-weight:600;white-space:nowrap}
.pcard td.c{text-align:right;font-family:var(--f-mono);font-size:10.5px;color:var(--mut);width:64px;white-space:nowrap}
.st{font:800 9.5px/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;padding:4px 8px;border-radius:6px}
.st.hot{background:var(--red-dim)}.st.cool{background:var(--grn-dim)}.st.neutral{background:rgba(90,101,128,.2)}

/* fundamental: nowcast cards */
.nc{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.nc .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.nc .ev-name{font:700 16px/1.2 var(--f-body)}.nc .when{font:500 11.5px var(--f-mono);color:var(--gold);margin-top:4px}
.nc .blurb{font-size:12px;color:var(--mut);margin:10px 0;padding:8px 12px;background:rgba(255,255,255,.025);border-radius:var(--r-xs)}
.devrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.devrow div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:var(--r-xs);padding:8px 10px}
.devrow span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--mut)}
.devrow b{font:700 14px var(--f-mono)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.chip{display:inline-flex;gap:5px;align-items:center;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.04);
border:1px solid var(--line);font-size:11px;color:var(--mut)}.chip b{font:600 11px var(--f-mono);color:var(--fg)}
.gread{border-left:3px solid var(--mut);padding:8px 12px;margin:10px 0;background:rgba(255,255,255,.02);border-radius:0 var(--r-xs) var(--r-xs) 0}
.gread.menekan{border-color:var(--red)}.gread.mendukung{border-color:var(--grn)}
.gread .k{font:700 10px/1 var(--f-body);letter-spacing:.9px;text-transform:uppercase;margin-bottom:5px}
.gread.menekan .k{color:var(--red)}.gread.mendukung .k{color:var(--grn)}.gread p{font-size:12.5px;color:#c3cbdc}
.nc .sum{font-size:13px;margin:6px 0}.nc .foot{font-size:11px;color:var(--dim);margin-top:10px}
.stack{display:flex;flex-direction:column;gap:14px}

/* fundamental: dense research terminal layout */
.mac-wrap{margin:2px 0 26px}.mac-verdict{display:grid;grid-template-columns:minmax(220px,250px) minmax(320px,1.2fr) minmax(260px,.8fr);align-items:center;gap:14px 20px;
background:linear-gradient(115deg,rgba(240,180,41,.045),var(--panel) 30%);border:1px solid rgba(240,180,41,.14);border-radius:var(--r);padding:18px 20px;margin-bottom:12px}
.mac-assessment{display:grid;justify-items:center;gap:5px;min-width:0;padding-right:18px;border-right:1px solid var(--line)}.mac-gauge{width:min(100%,226px);margin:0 auto}.mac-gauge svg{display:block;width:100%;height:auto;overflow:visible}.mac-gauge-track,.mac-gauge-arc{fill:none;stroke-width:11;stroke-linecap:round}.mac-gauge-track{stroke:rgba(255,255,255,.075)}.mac-gauge-arc{stroke:url(#macGaugeGradient);filter:drop-shadow(0 0 4px rgba(255,255,255,.08))}.mac-gauge-needle{fill:var(--fg);stroke:var(--fg);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px currentColor)}.mac-gauge-needle.hot{color:#ff586c;fill:#ff586c;stroke:#ff586c}.mac-gauge-needle.cool{color:#22d483;fill:#22d483;stroke:#22d483}.mac-gauge-needle.neutral{color:var(--mut);fill:var(--mut);stroke:var(--mut)}.mac-gauge-scale{display:flex;justify-content:space-between;margin-top:-7px;padding:0 3px;font:700 7.5px/1 var(--f-mono);letter-spacing:.04em;color:var(--dim)}.mac-gauge-scale span:first-child{color:var(--red)}.mac-gauge-scale span:last-child{color:var(--grn)}
.mac-side{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;flex:0 0 auto}.mac-side .lbl{font:800 18px/1 var(--f-mono);letter-spacing:-.5px}
.mac-side .tag{font:700 9.5px/1.3 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mut);padding:3px 8px;border:1px solid var(--line);border-radius:6px}
.mac-dots{display:flex;align-content:center;gap:8px;flex-wrap:wrap;flex:0 0 auto;padding:4px 12px}.mac-dot{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1 var(--f-body);text-transform:uppercase;letter-spacing:.04em;padding:6px 9px;border-radius:6px;background:rgba(255,255,255,.03);color:var(--mut)}
.mac-dot i{width:6px;height:6px;border-radius:50%;background:currentColor}.mac-dot b{color:var(--fg);font-weight:700}.mac-why{min-width:0;border-left:1px solid var(--line);padding:10px 0 10px 18px;font-size:12px;color:var(--mut);line-height:1.6}
.mac-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.mac-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 15px;flex:1 1 220px;min-width:0;transition:border-color var(--dur),transform var(--dur)}
.mac-card:hover{border-color:rgba(240,180,41,.2);transform:translateY(-2px)}
.mac-chead{display:flex;align-items:center;justify-content:space-between;gap:8px}.mac-pillar{font:700 12px/1.2 var(--f-body);letter-spacing:.05em;text-transform:uppercase}.mac-stance{font:800 9.5px/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;padding:4px 8px;border-radius:6px}
.mac-stance.hot{background:var(--red-dim);color:var(--red)}.mac-stance.cool{background:var(--grn-dim);color:var(--grn)}.mac-stance.neutral{background:rgba(90,101,128,.2);color:var(--mut)}
.mac-note{font-size:10.5px;color:var(--mut);margin:7px 0 11px;line-height:1.5}.mac-metrics{width:100%;border-collapse:collapse;font-size:12px}.mac-metrics td{padding:6px 0;border-bottom:1px solid var(--line);vertical-align:middle}
.mac-metrics tr:last-child td{border-bottom:0}.mac-metrics .lab{color:var(--mut);padding-right:8px}.mac-metrics .val{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--fg);font-weight:600;white-space:nowrap}.mac-metrics .chg{text-align:right;font-family:var(--f-mono);font-size:10.5px;width:58px;padding-left:10px;white-space:nowrap;color:var(--mut)}
.fund-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 12px;padding:0 2px}.fund-section-head h2{font-size:17px;line-height:1.2;letter-spacing:-.3px}.fund-section-head p{max-width:510px;text-align:right;color:var(--mut);font-size:11.5px;line-height:1.5}.fund-kicker{display:block;color:var(--gold);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:5px}
.fund-nowcast-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:18px}.nc-card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;position:relative;overflow:hidden;min-width:0}.nc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold2),var(--gold))}
.nc-row{display:grid;grid-template-columns:minmax(210px,.48fr) minmax(360px,1.52fr) 70px;gap:20px;align-items:start}.nc-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:6px}.nc-event{font-size:18px;font-weight:800;letter-spacing:-.4px;color:var(--fg)}
.nc-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:2px 8px;border-radius:20px}.nc-status.upcoming{background:rgba(78,140,255,.15);color:#6fa4ff}.nc-status.released{background:rgba(90,101,128,.15);color:var(--mut)}.nc-time{font-size:12px;color:var(--mut)}.nc-conf{font-size:11px;color:var(--dim)}.nc-summary{font-size:12.5px;color:var(--mut);line-height:1.5;margin-bottom:12px}
.nc-impact{border-left:2px solid var(--gold);padding:8px 11px;margin-top:10px;background:rgba(240,180,41,.04);border-radius:0 var(--r-xs) var(--r-xs) 0}.nc-impact-label,.nc-model-read span,.nc-speech span{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.75px;color:var(--gold)}.nc-impact-text,.nc-model-read p,.nc-speech p{font-size:11.5px;color:#bdc5d6;line-height:1.55;margin-top:3px}
.nc-model-read,.nc-speech{margin-top:9px;padding:0 2px}.nc-speech{border-top:1px dashed var(--line2);padding-top:9px}.nc-speech span{color:#8ea7d9}
.nc-arrow-wrap{text-align:center;min-width:62px;padding-top:2px}.nc-arrow{font-size:29px;line-height:1;display:block;color:inherit;animation:nc-sentiment-pulse 1.7s ease-in-out infinite}.nc-arrow-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-top:4px;color:inherit}.nc-sentiment-bearish{color:#ff586c!important}.nc-sentiment-bullish{color:#22d483!important}.nc-sentiment-neutral{color:var(--mut)!important}.nc-sentiment-neutral .nc-arrow{animation:none;filter:none}.nc-sentiment-bearish .nc-arrow,.nc-sentiment-bullish .nc-arrow{filter:drop-shadow(0 0 5px currentColor)}.nc-impact-label.nc-sentiment-bearish,.nc-impact-label.nc-sentiment-bullish{color:inherit}@keyframes nc-sentiment-pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 3px currentColor)}50%{transform:scale(1.16);filter:drop-shadow(0 0 11px currentColor)}}@media(prefers-reduced-motion:reduce){.nc-arrow{animation:none}}
.nc-intelligence{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);gap:14px;margin-top:15px}.nc-intelligence>section:only-child{grid-column:1/-1}.nc-evidence,.nc-news-block{border:1px solid var(--line);border-radius:var(--r-sm);background:rgba(255,255,255,.018);padding:12px 13px;min-width:0}.nc-block-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.nc-block-title span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.85px;color:var(--fg)}.nc-block-title small{font-size:9.5px;color:var(--mut)}
.nc-evidence table{font-size:11px}.nc-evidence th{font-size:8.5px;padding:6px 7px}.nc-evidence td{padding:6px 7px}.nc-evidence td:first-child{color:#aeb7ca}.nc-evidence .evidence-current{color:var(--fg);font-weight:700}.ev-missing{color:var(--dim);font-weight:400}
.nc-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.nc-news-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;min-width:0;padding:8px;border:1px solid var(--line);border-radius:var(--r-xs);background:rgba(255,255,255,.02);color:var(--fg);transition:border-color var(--dur),background var(--dur)}.nc-news-card:hover{text-decoration:none;border-color:rgba(240,180,41,.24);background:rgba(240,180,41,.04)}.nc-news-media{width:42px;height:42px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,var(--gold-dim),rgba(255,255,255,.04));display:flex;align-items:center;justify-content:center;color:var(--gold);font:800 14px var(--f-mono)}.nc-news-media img{width:100%;height:100%;object-fit:cover}.nc-news-copy{min-width:0}.nc-news-source{display:block;color:var(--gold);font:700 8.5px/1.2 var(--f-mono);text-transform:uppercase;letter-spacing:.45px;margin-bottom:3px}.nc-news-copy b{display:block;font-size:10.5px;line-height:1.35}.nc-news-copy p{font-size:9.5px;line-height:1.4;color:var(--mut);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc-detail{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.nc-what{font-size:11.5px;color:var(--mut);line-height:1.5;padding:8px 11px;background:rgba(255,255,255,.025);border-radius:var(--r-xs);flex:1}.nc-detail .foot{font-size:9.5px;color:var(--dim);text-align:right;max-width:300px}
.fund-lower{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:12px;align-items:stretch}.fund-lower>.panel{height:100%}
@media(max-width:1280px){.mac-verdict{grid-template-columns:auto 1fr}.mac-why{grid-column:1/-1}.fund-lower{grid-template-columns:1fr 1fr}.nc-row{grid-template-columns:minmax(180px,.5fr) minmax(300px,1.5fr) 58px}.nc-intelligence{grid-template-columns:1fr 1fr}}
@media(max-width:1280px){.mac-assessment{padding-right:0;border-right:0}.mac-why{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}}
@media(max-width:980px){.fund-lower{grid-template-columns:1fr}.fund-section-head{align-items:flex-start;flex-direction:column;gap:6px}.fund-section-head p{text-align:left}.nc-row{grid-template-columns:minmax(0,1fr) 54px}.nc-row>div:nth-child(2){grid-column:1/-1;grid-row:2}.nc-arrow-wrap{grid-column:2;grid-row:1}.nc-intelligence{grid-template-columns:1fr}.nc-intelligence>section:only-child{grid-column:auto}.nc-detail{align-items:flex-start;flex-direction:column}.nc-detail .foot{text-align:left;max-width:none}}
@media(max-width:640px){.mac-verdict{grid-template-columns:1fr}.mac-why{grid-column:auto;border-top:0;padding:0}.mac-dots{justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.mac-card{flex-basis:100%}.devrow{grid-template-columns:1fr}.nc-row{gap:12px}.fund-nowcast-grid{grid-template-columns:1fr}.nc-card{padding:16px 14px}.nc-news-grid{grid-template-columns:1fr}.nc-block-title{align-items:flex-start;flex-direction:column;gap:2px}}

/* backtest explainer */
.bt-params[hidden]{display:none}.bt-params .src{margin-bottom:2px}
.bt-label{font-size:12px;color:var(--mut);margin:-10px 0 16px}
.bt-flags{border-color:rgba(245,158,11,.28);background:linear-gradient(135deg,rgba(245,158,11,.08),var(--glass) 60%);margin-bottom:16px}
.bt-flags h2{color:var(--amb)}.bt-flags .bl li::before{background:var(--amb)}
.bt-ai{border-color:rgba(240,180,41,.22);background:linear-gradient(135deg,rgba(240,180,41,.07),var(--glass) 50%)}
.bt-wait{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:13px;padding:6px 0}
.jm-spin.gold{border-color:var(--gold-dim);border-top-color:var(--gold)}
.bt-headline{font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:1.35}
.bt-sum{color:#c3cbdc;font-size:13.5px;margin:8px 0 12px;max-width:980px}
.bt-rob{font-size:12.5px;color:#c3cbdc;margin-bottom:14px}.tag.md{background:rgba(245,158,11,.14);color:var(--amb)}
.bt-mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media(max-width:1000px){.bt-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.bt-mgrid{grid-template-columns:minmax(0,1fr)}}
.bt-m{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px}
.bt-m span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut);font-weight:600}
.bt-m b{display:block;font:700 16px/1.3 var(--f-mono);margin:4px 0}.bt-m p{font-size:12px;color:#c3cbdc}
.bt-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}
@media(max-width:760px){.bt-two{grid-template-columns:minmax(0,1fr)}}
.bt-ai h3,.bt-caveat h3{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--mut);margin-bottom:6px}
.bt-ai p{font-size:13px;color:#c3cbdc}.bt-caveat{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line2)}
.bt-axis{display:flex;justify-content:space-between;font:11px var(--f-mono);color:var(--dim);margin-top:4px}
.bt-heat{border-collapse:separate;border-spacing:3px;font-size:12px}.bt-heat th{font:600 10.5px var(--f-mono);color:var(--mut);
text-align:center;padding:4px 6px;border:0;text-transform:none;letter-spacing:0}
.bt-heat th.corner{text-align:left;font:600 10px var(--f-body);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.bt-heat tbody th{text-align:right}.bt-cell{text-align:center!important;font:600 11.5px var(--f-mono);border-radius:6px;
padding:8px 6px!important;border:0!important;color:var(--fg);min-width:54px}.bt-cell.thin{opacity:.45}
.bt-cell.na{background:rgba(255,255,255,.03);color:var(--dim)}.bt-heat tr:hover td{background-clip:padding-box}

/* AI research workspace */
.ws-search{margin-bottom:14px}
.ws-box{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line2);border-radius:16px;
padding:8px 8px 8px 16px;box-shadow:0 10px 40px rgba(0,0,0,.35);transition:border-color var(--dur),box-shadow var(--dur)}
.ws-box:focus-within{border-color:rgba(240,180,41,.45);box-shadow:0 0 0 4px var(--gold-dim),0 10px 40px rgba(0,0,0,.35)}
.ws-ico{font-size:20px;color:var(--gold)}.ws-input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--fg);
font:500 16px var(--f-body);padding:10px 0}.ws-input::placeholder{color:var(--dim)}.ws-box .btn{padding:11px 18px}
.ws-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ws-chip{background:rgba(255,255,255,.03);border:1px solid var(--line2);color:var(--mut);border-radius:999px;padding:6px 12px;
font:500 12px var(--f-body);cursor:pointer;transition:color var(--dur),border-color var(--dur),background var(--dur)}
.ws-chip:hover{color:var(--gold);border-color:rgba(240,180,41,.35);background:var(--gold-dim)}
.ws-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
@media(max-width:760px){.ws-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ws-tab{display:flex;flex-direction:column;gap:3px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
padding:12px 14px;color:var(--mut);transition:border-color var(--dur),transform var(--dur),background var(--dur)}
.ws-tab:hover{text-decoration:none;border-color:rgba(240,180,41,.25);transform:translateY(-2px)}
.ws-tab b{color:var(--fg);font-size:13px}.ws-tab .mono{font-size:16px;font-weight:700;color:var(--fg)}.ws-tab span:last-child{font:600 12px var(--f-mono)}
.ws-tab.on{border-color:rgba(240,180,41,.45);background:linear-gradient(135deg,rgba(240,180,41,.12),var(--panel) 60%)}
.ws-tab.on b{color:var(--gold)}
.ws-ai{border-color:rgba(240,180,41,.22);background:linear-gradient(135deg,rgba(240,180,41,.07),var(--glass) 55%)}
.ws-q{font-size:12.5px;color:var(--mut);font-style:italic;margin:-4px 0 10px}
.ws-answer p{font-size:13.5px;color:#c3cbdc;margin:8px 0}.ws-h3{font-size:10.5px;font-weight:700;text-transform:uppercase;
letter-spacing:.9px;color:var(--mut);margin:16px 0 6px}.ws-p{font-size:13px;color:#c3cbdc}
.ws-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 92px 64px;align-items:center;gap:10px;padding:8px 6px;
border-bottom:1px solid var(--line);font-size:12.5px;border-radius:6px}.ws-row:last-child{border-bottom:0}
.ws-row .mono{text-align:right;font-size:12px}.ws-row.hl{background:var(--gold-dim)}.ws-row.hl span:first-child{color:var(--gold);font-weight:600}
.ws-spark{width:80px;height:24px}.ws-spark polyline{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}
.ws-spark.up polyline{stroke:var(--grn)}.ws-spark.down polyline{stroke:var(--red)}
.ws-risk{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.ws-risk:last-child{border-bottom:0}.ws-risk .ic{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;
justify-content:center;flex-shrink:0;font:700 10px var(--f-mono);background:rgba(90,101,128,.2);color:var(--mut)}
.ws-risk.tinggi .ic{background:var(--red-dim);color:var(--red)}.ws-risk.sedang .ic{background:rgba(245,158,11,.14);color:var(--amb)}
.ws-risk.tinggi span:last-child{color:var(--fg)}

.lp-selected-plan{margin-top:18px;padding:9px 11px;border-left:2px solid var(--gold);background:var(--gold-dim);color:var(--mut);font-size:11px}.lp-selected-plan b{display:block;color:var(--fg);margin-top:2px}.lp-brand strong{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.05}.lp-brand strong b{font-weight:750}.lp-brand-name{color:var(--fg)}.lp-brand-desk{color:var(--gold)}.lp-brand strong small{display:block;color:var(--mut);font-size:8px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:3px}.lp-nav nav{display:none}
/* static archive article (data/briefs) */
.static{max-width:800px;margin:0 auto;padding:32px 20px 48px}
.static .kicker{font:700 10px/1 var(--f-body);letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.static h1{font-size:24px;line-height:1.3;margin:10px 0}.static h2{font-size:10.5px;letter-spacing:.9px;text-transform:uppercase;
color:var(--mut);margin:26px 0 10px}.static .lead{color:#c3cbdc}.static figure{margin:18px 0 6px}
.static ul{padding-left:18px}.static li{margin:5px 0}.static .list{list-style:none;padding:0}
.static .list li{padding:12px 0;border-bottom:1px solid var(--line)}
.session-pulse{margin:0 0 16px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(135deg,rgba(240,180,41,.05),rgba(255,255,255,.018))}
.session-pulse-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.session-pulse-head h3{font-size:17px;margin:4px 0 0}.session-pulse-head .tag{white-space:nowrap}.session-pulse-kicker{font:700 9px var(--f-mono);letter-spacing:1px;color:var(--gold);text-transform:uppercase}.session-pulse>p{color:#c3cbdc;line-height:1.65}.session-pulse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.session-pulse-grid>div{padding:11px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12)}.session-pulse-grid b{display:block;margin-bottom:7px;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--mut)}.session-pulse-grid ul{margin:0;padding-left:16px}.session-pulse-grid li{margin:5px 0;font-size:11.5px;line-height:1.45}.session-timeline-empty{padding:14px;border:1px dashed var(--line);border-radius:9px;color:var(--mut)}
@media(max-width:720px){.session-pulse-grid{grid-template-columns:1fr}.session-pulse-head{flex-direction:column}}
/* Session Pulse: 24h strip + session cards */
.sx-strip{margin-bottom:16px;padding:14px 16px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:rgba(0,0,0,.18)}
.sx-lanes{display:flex;flex-direction:column;gap:7px}
.sx-lane{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center}
.sx-lane-name{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--mut)}
.sx-lane.open .sx-lane-name b{color:var(--fg)}
.sx-flag{width:20px;height:13.5px;border-radius:2.5px;flex-shrink:0;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.sx-live{padding:1px 5px;border-radius:4px;font:800 8.5px var(--f-mono);letter-spacing:.5px;color:#06210f;
background:var(--grn);animation:sx-blink 2.2s ease-in-out infinite}
@keyframes sx-blink{50%{opacity:.55}}
.sx-track{position:relative;height:16px;border-radius:6px;background:rgba(255,255,255,.04);overflow:hidden}
.sx-bar{position:absolute;top:0;bottom:0;border-radius:6px;opacity:.55;transition:opacity .3s}
.sx-lane.open .sx-bar{opacity:1;box-shadow:0 0 14px currentColor}
.sx-bar.asia{background:linear-gradient(90deg,#2fd4c8,#1a8f96);color:#2fd4c8}
.sx-bar.eu{background:linear-gradient(90deg,#6f8dff,#3f52c4);color:#6f8dff}
.sx-bar.us{background:linear-gradient(90deg,var(--gold),var(--gold2));color:var(--gold)}
.sx-hours{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:600 9.5px var(--f-mono);color:rgba(255,255,255,.75)}
.sx-axis{position:relative;height:18px;margin:8px 0 0 162px}
.sx-axis span{position:absolute;top:2px;transform:translateX(-50%);font:600 9px var(--f-mono);color:var(--dim)}
.sx-now{top:-56px!important;bottom:auto;z-index:0;width:2px;height:58px;background:var(--gold);box-shadow:0 0 10px var(--gold);
border-radius:2px;transform:translateX(-1px)!important;transition:left .6s var(--ease);pointer-events:none;opacity:.85}
.sx-now::after{content:attr(data-t) " WIB";position:absolute;top:58px;left:50%;transform:translateX(-50%);
padding:1px 5px;border-radius:4px;background:var(--gold);color:#140d00;font:800 8.5px var(--f-mono);white-space:nowrap}
.sx-track{z-index:1}.sx-axis span:not(.sx-now){z-index:1}
.sx-note{margin-top:6px;font-size:10.5px;color:var(--dim)}
@media(max-width:720px){.sx-lane{grid-template-columns:120px minmax(0,1fr);gap:8px}.sx-axis{margin-left:128px}.sx-hours{display:none}}
.sx-cards{display:flex;flex-direction:column;gap:12px}
.sx-card{position:relative;margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}
.sx-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}
.sx-card.asia::before{background:linear-gradient(180deg,#2fd4c8,transparent)}
.sx-card.eu::before{background:linear-gradient(180deg,#6f8dff,transparent)}
.sx-card.us::before{background:linear-gradient(180deg,var(--gold),transparent)}
.sx-card.open{border-color:rgba(34,212,131,.35)}
.sx-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.sx-badge{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:rgba(255,255,255,.05);
border:1px solid var(--line2)}.sx-badge .sx-flag{width:24px;height:16px}
.sx-title{flex:1;min-width:0}
.sx-kicker{display:flex;align-items:center;gap:8px;font:800 9px var(--f-mono);letter-spacing:1px;color:var(--gold);text-transform:uppercase}
.sx-card h3{font-size:16.5px;line-height:1.25;margin:5px 0 4px;letter-spacing:-.2px}
.sx-meta{font-size:11px;color:var(--mut)}
.sx-conf{flex-shrink:0;text-align:right}.sx-conf span{font:800 9px var(--f-mono);letter-spacing:.6px;color:var(--mut)}
.sx-dots{display:flex;gap:3px;justify-content:flex-end;margin-top:5px}
.sx-dots i{width:14px;height:4px;border-radius:2px;background:rgba(255,255,255,.12)}.sx-dots i.on{background:var(--gold)}
.sx-lead{color:#c8d0df;line-height:1.65;font-size:13.5px}
.sx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.sx-grid .sx-block{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.18)}
.sx-block b{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-size:9.5px;text-transform:uppercase;
letter-spacing:.8px;color:var(--mut)}.sx-block b i{font-style:normal;color:var(--gold)}
.sx-block ul{margin:0;padding-left:15px}.sx-block li{margin:4px 0;font-size:11.5px;line-height:1.5;color:#c3cbdc}
.sx-src{margin-top:12px;font-size:11px;color:var(--mut)}
@media(max-width:1100px){.sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sx-grid{grid-template-columns:1fr}.sx-head{flex-wrap:wrap}.sx-conf{text-align:left}}
@media(prefers-reduced-motion:reduce){.sx-live,.sx-now{animation:none;transition:none}}

/* responsive product pass: keep the desk dense on desktop, calm on touch screens */
button,a,select,input,textarea{touch-action:manipulation}
.main.view{overflow-x:clip}
@media(max-width:860px){
  body.app{overflow-x:hidden}
  body.app .side{position:sticky;top:0;z-index:30;width:100%;padding:12px 14px 9px;
    background:rgba(8,11,18,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  body.app .brand{margin-bottom:9px;padding-bottom:9px;padding-right:54px}
  body.app .nav{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;overflow-x:auto;margin:0 -4px;padding:0 4px 3px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.app .nav::-webkit-scrollbar{display:none}
  body.app .navlink{flex:0 0 auto;white-space:nowrap;padding:8px 10px;font-size:12px}
  body.app .navlink.active::before{left:4px;top:auto;bottom:2px;width:22px;height:2px;transform:none}
  body.app .main{padding:20px 14px 42px}
  body.app:has(>.topbar)>.main{padding-top:20px}
  body.app .rephead{align-items:flex-start;margin-bottom:16px}
  body.app .rephead h1{font-size:clamp(21px,6vw,28px);line-height:1.1}
  body.app .rephead .sub{line-height:1.45}
  body.app .repactions{width:100%;justify-content:space-between}
  body.app .pair-select{width:100%;justify-content:space-between;padding:8px 10px}
  body.app .pair-select select{min-width:0;flex:1;text-align:right}
  body.app .panel{padding:15px 14px}
  body.app .kpis{gap:8px;margin-bottom:14px}
  body.app .kpi{padding:12px 13px}
  body.app .kpi .val{font-size:18px}

  /* AI workspace */
  .ws-search{margin-bottom:12px}
  .ws-box{gap:8px;padding:7px 7px 7px 12px;border-radius:13px}
  .ws-input{font-size:15px;padding:9px 0}
  .ws-box .btn{padding:11px 14px;min-height:42px}
  .ws-tabs{gap:8px;margin-bottom:14px}
  .ws-tab{padding:11px 12px;border-radius:12px}
  .ws-tab .mono{font-size:15px}
  .ws-chip{min-height:38px;padding:8px 12px}
  .ws-row{grid-template-columns:minmax(0,1fr) 76px;grid-template-areas:"label price" "spark change";gap:4px 10px;padding:10px 6px}
  .ws-row>span:first-child{grid-area:label}
  .ws-row>.ws-spark{grid-area:spark;width:76px;height:22px;justify-self:start}
  .ws-row>span:nth-of-type(2){grid-area:price}
  .ws-row>span:nth-of-type(3){grid-area:change}
  .ws-row .mono{text-align:right;font-size:11.5px}
  .ws-risk{padding:10px 0}
  .ws-ai .mut{font-size:10px}
}
@media(max-width:600px){
  body.app .topbar{top:11px;right:12px}
  body.app .side{padding-right:64px}
  body.app .brand-name{font-size:13px}
  body.app .brand-sub{font-size:8px;letter-spacing:1.1px}
  body.app .main{padding-inline:12px}
  body.app .rephead{gap:10px}
  body.app .repactions{display:grid;grid-template-columns:1fr}
  body.app .repactions .btn{width:100%;justify-content:center}
  body.app .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app .kpi{min-height:96px}
  body.app .kpi .lab{font-size:9px;letter-spacing:.7px}
  body.app .kpi .val{font-size:16px}
  body.app .kpi .sub{font-size:10px}
  .ws-box{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}
  .ws-box .btn{grid-column:1/-1;width:100%}
  .ws-chips{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 5px;margin-inline:-2px;scrollbar-width:none}
  .ws-chips::-webkit-scrollbar{display:none}
  .ws-chip{flex:0 0 auto}
  .ws-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ws-tab{min-height:82px}
  .ws-tab b{font-size:12px}
  .ws-answer p,.ws-p{font-size:13px;line-height:1.65}
  .bt-headline{font-size:17px}

  /* marketing landing */
  body.marketing .landing{padding-inline:16px}
  body.marketing .lp-nav{height:72px;position:sticky;top:0;z-index:20;background:rgba(8,11,17,.82);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  body.marketing .lp-account{gap:6px;flex-shrink:0}
  body.marketing .lp-login{font-size:11px}
  body.marketing .lp-register{padding:9px 10px;font-size:11px}
  body.marketing .lp-hero{min-height:0;gap:24px;padding:48px 0 42px}
  body.marketing .lp-hero h1{font-size:clamp(40px,12vw,56px);letter-spacing:-2px;margin:17px 0 16px}
  body.marketing .lp-hero-copy>p{font-size:15px;line-height:1.65}
  body.marketing .lp-questions{margin:17px 0 14px;padding-left:12px}
  body.marketing .lp-questions span{font-size:12.5px;line-height:1.55}
  body.marketing .lp-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:22px}
  body.marketing .lp-button{width:100%;min-height:44px}
  body.marketing .lp-signal-row{gap:8px 14px;margin-top:18px;font-size:9px}
  body.marketing .lp-terminal-item{grid-template-columns:26px minmax(0,1fr);gap:9px;padding:14px 9px}
  body.marketing .lp-terminal-item .lp-demo-link{grid-column:2;justify-self:start;min-height:34px;margin-top:2px}
  body.marketing .lp-terminal-item p{font-size:12px;line-height:1.55}
  body.marketing .lp-tension{padding:52px 0 48px}
  body.marketing .lp-tension h2{font-size:clamp(30px,8vw,42px)}
  body.marketing .lp-tension p{font-size:14px;line-height:1.7}
  body.marketing .lp-proof>div{padding:23px 0}
  body.marketing .lp-proof h2{font-size:19px}
  body.marketing .lp-pricing{padding:58px 0 28px}
  body.marketing .lp-section-head h2{font-size:26px}
  body.marketing .lp-plan{padding:21px 18px 18px}
  body.marketing .lp-plan h3{font-size:24px}
  body.marketing .lp-close{padding:48px 0}
  body.marketing .lp-close h2{font-size:27px}
  body.marketing .lp-footer{padding-bottom:22px}
  .lp-demo-dialog{max-height:calc(100dvh - 18px);overflow:auto}
  .lp-demo-shell{padding:28px 16px 18px}
  .lp-demo-copy{padding-right:24px}
  .lp-demo-copy h2{font-size:26px}
  .lp-demo-copy p{font-size:13px;line-height:1.6}
  .lp-demo-event{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .lp-demo-event>strong{grid-column:2;justify-self:start;margin-top:3px}
  .lp-pd{max-height:calc(100dvh - 18px);overflow:auto}
  .lp-pd-shell{padding:24px 18px 18px}
  .lp-pd h2{font-size:22px}
}
@media(max-width:380px){
  body.app .side{padding-inline:10px;padding-right:58px}
  body.app .main{padding-inline:10px}
  body.app .navlink{padding-inline:8px;font-size:11px}
  body.marketing .landing{padding-inline:13px}
  body.marketing .lp-brand-logo{width:28px;height:28px}
  body.marketing .lp-brand-name{font-size:14px}
  body.marketing .lp-brand-desk{font-size:13px}
  body.marketing .lp-brand strong small{font-size:7px}
  body.marketing .lp-login{display:none}
}
@media(prefers-reduced-motion:reduce){
  .ws-tab:hover,.lp-button:hover{transform:none}
}

/* floating research assistant (the old copilot FAB) */
@keyframes fab-in{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
.chatfab{position:fixed;right:24px;bottom:calc(28px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;
justify-content:center;gap:9px;padding:0 18px 0 14px;height:48px;max-width:220px;border-radius:999px;
border:1px solid rgba(240,180,41,.3);background:linear-gradient(135deg,rgba(20,26,42,.97),rgba(10,13,22,.97));
color:var(--gold);cursor:pointer;z-index:50;overflow:hidden;font:600 12.5px/1 var(--f-body);letter-spacing:.2px;
box-shadow:0 8px 32px rgba(0,0,0,.55),0 0 0 1px rgba(240,180,41,.08),0 0 24px rgba(240,180,41,.08);
transition:box-shadow var(--dur),transform var(--dur),border-color var(--dur),max-width .3s var(--ease),
padding .3s var(--ease),border-radius .3s var(--ease);animation:fab-in .35s .4s var(--ease) both;backdrop-filter:blur(12px)}
.chatfab:hover{transform:translateY(-2px);border-color:rgba(240,180,41,.5);box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 32px rgba(240,180,41,.14)}
.chatfab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold-dim),0 8px 32px rgba(0,0,0,.55)}
.chatfab svg{width:18px;height:18px;flex-shrink:0;transition:transform .25s var(--ease)}.chatfab .ic-x{display:none}
@keyframes x-flip{from{transform:rotateY(90deg) rotate(-90deg);opacity:0}to{transform:none;opacity:1}}
.chatfab.open{max-width:48px;width:48px;padding:0;gap:0;border-radius:50%}
.chatfab.open .ic-chat{display:none}.chatfab.open .ic-x{display:block;animation:x-flip .3s var(--ease) both}
.chatfab.open:hover .ic-x{transform:rotate(90deg)}.chatfab.open .chatfab-label{opacity:0;width:0;overflow:hidden}
.chatfab-label{color:var(--fg);transition:opacity .2s,width .2s;white-space:nowrap}
.beta{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:4px;font:800 8.5px/1.4 var(--f-mono);letter-spacing:.7px;
color:#171003;background:linear-gradient(135deg,var(--gold2),var(--gold));vertical-align:2px}
.chatfab .beta{margin-left:6px;font-size:8px}
.chat-beta{padding:0 12px 10px;font-size:10.5px;color:var(--dim);text-align:center}
@keyframes panel-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes panel-out{to{opacity:0;transform:translateY(14px) scale(.97)}}
.chatpanel{position:fixed;right:24px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:420px;
max-width:calc(100vw - 28px);height:600px;max-height:calc(100vh - 124px);background:rgba(9,12,20,.96);
border:1px solid var(--line2);border-radius:18px;z-index:51;display:flex;flex-direction:column;overflow:hidden;
box-shadow:0 24px 60px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);transform-origin:bottom right}
.chatpanel[hidden]{display:none}.chatpanel:not([hidden]){animation:panel-in .22s var(--ease) both}
.chatpanel.closing{animation:panel-out .16s var(--ease) both}
.chathead{position:relative;display:flex;align-items:center;gap:9px;padding:13px 14px 12px;border-bottom:1px solid var(--line);
background:linear-gradient(135deg,rgba(240,180,41,.09),transparent 60%)}
.chathead::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold2),var(--gold) 40%,transparent)}
.chathead-icon{width:30px;height:30px;border-radius:10px;flex-shrink:0;background:var(--gold-dim);
border:1px solid rgba(240,180,41,.2);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.chathead-icon svg{width:15px;height:15px}.chathead-title{flex:1;min-width:0}
.cht-name{font-size:13.5px;font-weight:700;line-height:1.1}.cht-sub{font-size:10.5px;color:var(--mut);margin-top:3px}
.chathead-actions{display:flex;gap:4px}
.cht-btn{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--mut);border-radius:7px;padding:5px 10px;
font:500 11.5px var(--f-body);cursor:pointer;transition:background var(--dur),color var(--dur)}
.cht-btn:hover{background:rgba(255,255,255,.1);color:var(--fg)}
.chat-sessions{padding:6px 12px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.15)}
.chat-sessions select{width:100%;background:rgba(255,255,255,.04);color:var(--fg);border:1px solid var(--line);
border-radius:6px;padding:5px 8px;font:11.5px var(--f-body)}
.chat-sessions select:focus{outline:none;border-color:rgba(240,180,41,.3)}
.chatlog{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;
scrollbar-color:var(--line2) transparent}
@keyframes msg-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.msg{max-width:88%;padding:10px 14px;font-size:13px;line-height:1.55;overflow-wrap:anywhere;animation:msg-in .2s var(--ease) both}
.msg.user{align-self:flex-end;background:var(--gold-dim);border:1px solid rgba(240,180,41,.18);border-radius:16px 16px 4px 16px}
.msg.bot{align-self:flex-start;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:4px 16px 16px 16px}
.msg.bot h4{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--gold);margin:8px 0 4px}
.msg.bot p{margin:0 0 7px}.msg.bot p:last-child{margin:0}.msg.bot ul{margin:0 0 7px;padding-left:16px}
.msg.bot li{margin:2px 0}.msg.bot b{color:#fff}.msg.bot a{color:var(--gold)}
.msg.err{border-color:rgba(255,79,106,.3);color:var(--red)}
.msg.think{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:12.5px}
.dots{display:inline-flex;gap:3px}.dots i{width:5px;height:5px;border-radius:50%;background:var(--gold);
animation:dot 1.1s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.chatfoot{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line);align-items:center;
background:linear-gradient(0deg,rgba(0,0,0,.2),transparent)}
.chatfoot textarea{flex:1;resize:none;background:rgba(255,255,255,.05);color:var(--fg);border:1px solid var(--line);
border-radius:12px;padding:9px 12px;font:13px/1.45 var(--f-body);max-height:110px;transition:border-color var(--dur)}
.chatfoot textarea:focus{outline:none;border-color:rgba(240,180,41,.35);background:rgba(255,255,255,.06)}
.chat-send{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#140d00;cursor:pointer;box-shadow:0 3px 14px var(--gold-glow);transition:transform .15s var(--ease),box-shadow var(--dur),opacity var(--dur)}.chat-send:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(240,180,41,.35)}.chat-send:active{transform:scale(.94)}.chat-send:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold-dim),0 3px 14px var(--gold-glow)}.chat-send[disabled]{opacity:.45;cursor:not-allowed;transform:none}.chat-send .ic-send{width:19px;height:19px}
@media(max-width:560px){.chatpanel{right:8px;left:8px;width:auto;max-width:none;bottom:calc(80px + env(safe-area-inset-bottom,0px));
height:calc(100dvh - 100px)}.chatfab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.chatfab,.chatpanel,.chatpanel.closing,.msg,.dots i{animation:none!important}}

/* account button + profile dialog */
.pf-public{border:0;padding:0;margin:0;display:flex;gap:14px;flex-wrap:wrap}.pf-check{display:flex;align-items:center;gap:6px;font-size:13px}
body.app{position:relative}.topbar{position:absolute;top:16px;right:28px;z-index:5}
body.app:has(>.topbar)>.main{padding-top:68px}
@media(max-width:860px){.topbar{top:14px;right:16px}body.app:has(>.topbar)>.main{padding-top:18px}}
.profbtn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--line2);
background:rgba(255,255,255,.035);color:var(--fg);font:600 12.5px var(--f-body);cursor:pointer;
transition:border-color var(--dur),background var(--dur)}
.profbtn:hover{border-color:rgba(240,180,41,.35);background:rgba(240,180,41,.06)}
.profbtn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold-dim)}
.prof-av{position:relative;width:28px;height:28px;aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;flex:0 0 28px;overflow:hidden;color:#171003;
background:linear-gradient(135deg,var(--gold2),var(--gold));font:800 11px/1 var(--f-body);letter-spacing:.3px}
.prof-av svg{width:15px;height:15px}.prof-av img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1/1;border-radius:inherit;object-fit:cover;display:block}.prof-av.guest{background:rgba(255,255,255,.07);color:var(--mut)}
.prof-av.lg{width:64px;height:64px;flex-basis:64px;font-size:15px}.prof-av.lg svg{width:20px;height:20px}
.prof-nm{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prof-chev{width:13px;height:13px;color:var(--mut)}
@media(max-width:560px){.prof-nm,.prof-chev{display:none}.profbtn{padding:3px}}
.profdlg{width:min(760px,calc(100vw - 32px));max-width:none;height:min(540px,calc(100vh - 40px));margin:auto;padding:0;
border:1px solid var(--line2);border-radius:16px;background:rgba(10,13,21,.97);color:var(--fg);overflow:hidden;
box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.03)}
.profdlg::backdrop{background:rgba(3,5,10,.66);backdrop-filter:blur(4px)}
.profdlg[open]{display:flex;animation:pf-in .26s var(--ease) both}.profdlg.closing{animation:pf-out .17s var(--ease) both}
.profdlg[open]::backdrop{animation:pf-fade .26s ease both}.profdlg.closing::backdrop{animation:pf-fade-out .17s ease both}
@keyframes pf-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pf-out{to{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes pf-fade{from{opacity:0}}@keyframes pf-fade-out{to{opacity:0}}
.pf-shell{display:flex;width:100%;min-height:0}
.pf-side{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;padding:20px 14px 16px;
border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(240,180,41,.07),transparent 45%)}
.pf-id{display:flex;align-items:center;gap:11px;padding:0 4px 14px;border-bottom:1px solid var(--line)}
.pf-idtxt{min-width:0;display:flex;flex-direction:column}.pf-idtxt b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-idtxt span{font-size:11px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-tabs{display:flex;flex-direction:column;gap:2px;flex:1}
.pf-tabs button{text-align:left;padding:9px 11px;border-radius:var(--r-sm);border:0;background:none;color:var(--mut);
font:500 13px var(--f-body);cursor:pointer;transition:background var(--dur),color var(--dur)}
.pf-tabs button:hover{background:rgba(255,255,255,.04);color:var(--fg)}
.pf-tabs button[aria-selected=true]{background:var(--gold-dim);color:var(--gold);font-weight:600}
.pf-tabs button[hidden]{display:none}
.pf-out button{width:100%;padding:9px 11px;border-radius:var(--r-sm);border:1px solid rgba(255,79,106,.22);background:none;
color:#ff8a9c;font:600 12.5px var(--f-body);cursor:pointer;text-align:left}.pf-out button:hover{background:var(--red-dim)}
.pf-main{flex:1;min-width:0;display:flex;flex-direction:column}
.pf-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 14px;border-bottom:1px solid var(--line)}
.pf-head h2{font-size:17px;letter-spacing:-.2px}
.pf-x{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);
font-size:18px;line-height:1;cursor:pointer}.pf-x:hover{color:var(--fg);background:rgba(255,255,255,.08)}
.pf-body{flex:1;overflow-y:auto;padding:20px 22px 22px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.pf-avatar-card{display:flex;align-items:center;gap:14px;padding:13px 14px;margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,rgba(240,180,41,.08),rgba(255,255,255,.02))}.pf-avatar-preview{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;overflow:hidden;border:1px solid rgba(240,180,41,.38);border-radius:50%;background:rgba(240,180,41,.12);color:var(--gold);font:800 20px var(--f-mono)}.pf-avatar-preview img{display:block;width:100%;height:100%;object-fit:cover}.pf-avatar-copy{min-width:0}.pf-avatar-copy b{font-size:13px}.pf-avatar-copy p{margin-top:3px;color:var(--mut);font-size:11.5px;line-height:1.45}.pf-avatar-upload{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px}.pf-avatar-upload input{position:absolute;width:1px;height:1px;opacity:0}.pf-avatar-upload .btn{padding:7px 10px;font-size:11px}.pf-avatar-msg{font-size:11px}.pf-avatar-msg.ok{color:var(--grn)}.pf-avatar-msg.bad{color:#ff8a9c}.pf-avatar-upload .btn[aria-disabled=true]{opacity:.65;pointer-events:none}
.pf-pane{animation:pf-pane .2s var(--ease) both}@keyframes pf-pane{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
.pf-load{display:flex;align-items:center;gap:9px;color:var(--mut);font-size:13px}
.pf-form{display:flex;flex-direction:column;gap:14px;max-width:420px}
.pf-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#b7c1d2}
.pf-form input,.pf-form select{padding:10px 12px;border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.035);
color:var(--fg);font:13.5px var(--f-body)}.pf-form select option{background:var(--panel)}
.pf-form input:focus,.pf-form select:focus{outline:0;border-color:rgba(240,180,41,.5);box-shadow:0 0 0 3px var(--gold-dim)}
.pf-form input[readonly]{color:var(--mut);cursor:not-allowed}
.pf-hint{font-size:11.5px;font-weight:400;color:var(--mut)}
.pf-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pf-msg{font-size:12px}.pf-msg.ok{color:var(--grn)}.pf-msg.bad{color:#ff8a9c}
.pf-form.pf-preferences{max-width:780px;gap:16px}
.pf-pref-intro{padding:2px 0 4px}.pf-pref-kicker,.pf-pref-eyebrow{display:block;color:var(--gold);font:800 9px var(--f-mono);letter-spacing:1.1px}
.pf-pref-intro h3{margin:7px 0 5px;font-size:21px;letter-spacing:-.45px;color:var(--fg)}
.pf-pref-intro p{max-width:620px;color:var(--mut);font-size:12.5px;line-height:1.6}
.pf-pref-primary{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);align-items:center;gap:20px;padding:18px 20px!important;border:1px solid rgba(240,180,41,.28);border-radius:13px;background:radial-gradient(circle at 0 0,rgba(240,180,41,.10),transparent 55%),rgba(255,255,255,.018)}
.pf-pref-copy h4{margin:7px 0 4px;font-size:16px;color:var(--fg)}.pf-pref-copy p{color:var(--mut);font-size:11.5px;line-height:1.5}
.pf-pref-field{display:grid!important;gap:8px!important;color:var(--fg)!important;font-size:12px!important;font-weight:650!important}
.pf-pref-field small{color:var(--mut);font-size:10.5px;font-weight:400;line-height:1.45}
.pf-pref-select{position:relative;display:block}.pf-pref-select select{width:100%;min-height:43px;padding:10px 42px 10px 12px!important;border:1px solid var(--line2)!important;border-radius:9px!important;appearance:none;background:rgba(5,8,14,.62)!important;color:var(--fg)!important;font:600 13px var(--f-body)!important;text-transform:capitalize;cursor:pointer;transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}
.pf-pref-select:after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:1.5px solid #9ca9bf;border-bottom:1.5px solid #9ca9bf;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.pf-pref-select select:hover{border-color:rgba(240,180,41,.38)!important;background:rgba(255,255,255,.035)!important}
.pf-pref-select select:focus{outline:0;border-color:rgba(240,180,41,.68)!important;box-shadow:0 0 0 3px rgba(240,180,41,.11)!important}
.pf-pref-select option{background:#111722;color:var(--fg);text-transform:capitalize}
.pf-pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pf-pref-card{display:grid;align-content:start;gap:14px;padding:16px 17px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(255,255,255,.018)!important}
.pf-pref-card:hover{border-color:rgba(255,255,255,.16)!important}.pf-pref-card .pf-pref-copy{display:grid;gap:5px}
.pf-pref-eyebrow{color:var(--mut);font-size:8px;letter-spacing:.9px}.pf-pref-card .pf-pref-copy b{font-size:13px;color:var(--fg)}
.pf-pref-card .pf-pref-copy small{color:var(--mut);font-size:10.5px;font-weight:400;line-height:1.45}
.pf-pref-timezone{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015)}
.pf-pref-clock{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(240,180,41,.22);border-radius:9px;background:var(--gold-dim);color:var(--gold);font:700 11px var(--f-mono)}
.pf-pref-timezone b,.pf-pref-timezone small{display:block}.pf-pref-timezone b{font-size:11.5px;color:var(--fg)}.pf-pref-timezone small{margin-top:3px;color:var(--mut);font-size:10.5px}
.pf-pref-timezone em{margin-left:auto;padding:5px 7px;border:1px solid var(--line2);border-radius:999px;color:var(--mut);font:700 8px var(--f-mono);font-style:normal;letter-spacing:.6px}
.pf-pref-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:2px}
.pf-pref-footer .btn{min-height:42px;padding-inline:17px}.pf-pref-footer .pf-hint{max-width:320px}
.pf-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
.pf-fact{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}
.pf-fact span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--mut)}
.pf-fact b{font-size:14px}
.pf-plan{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;border-radius:12px;
border:1px solid rgba(240,180,41,.25);background:linear-gradient(135deg,rgba(240,180,41,.10),transparent 70%);margin-bottom:18px}
.pf-plan h3{font-size:16px}.pf-plan p{font-size:12.5px;color:var(--mut);margin-top:3px}
.pf-meter{margin-bottom:14px}.pf-meter .pf-mtop{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:6px}
.pf-meter .pf-mtop span{color:var(--mut)}
.pf-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.pf-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold2),var(--gold));
transition:width .5s var(--ease)}
.pf-soon{margin-top:18px;padding:15px 16px;border:1px dashed var(--line2);border-radius:12px}
.pf-soon h4{font-size:13px;margin-bottom:6px}.pf-soon ul{padding-left:16px;font-size:12.5px;color:var(--mut)}
.pf-guest{max-width:420px}.pf-guest h3{font-size:18px;margin-bottom:8px}.pf-guest p{color:var(--mut);font-size:13px;margin-bottom:14px}
.pf-guest ul{padding-left:16px;font-size:13px;margin-bottom:18px}.pf-guest li{margin:4px 0}
@media(max-width:620px){.profdlg{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}
.pf-shell{flex-direction:column}.pf-side{width:auto;border-right:0;border-bottom:1px solid var(--line);padding:14px 14px 10px;gap:10px}
.pf-id{padding-bottom:10px}.pf-tabs{flex-direction:row;overflow-x:auto;flex:none}.pf-tabs button{white-space:nowrap}
.pf-side{position:relative}.pf-out{position:absolute;top:18px;right:14px}.pf-out button{width:auto;padding:7px 11px}
.pf-idtxt{padding-right:80px}.pf-facts{grid-template-columns:1fr}}
@media(max-width:760px){.pf-pref-primary{grid-template-columns:1fr;gap:13px}.pf-pref-grid{grid-template-columns:1fr}.pf-pref-footer{align-items:stretch;flex-direction:column-reverse}.pf-pref-footer .btn{width:100%}.pf-pref-footer .pf-hint{max-width:none}}
/* plan gating: locked nav links and the upgrade page */
.nav-lock{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--dim);
border:1px solid var(--line2);border-radius:5px;padding:1px 5px}
.navlink.locked{color:var(--dim)}.navlink.locked.active .nav-lock{color:var(--gold);border-color:rgba(240,180,41,.3)}
.up-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.up-plan{display:flex;flex-direction:column;gap:6px}.up-plan.on{border-color:rgba(240,180,41,.45);
background:linear-gradient(135deg,rgba(240,180,41,.10),transparent 70%)}
.up-lab{color:var(--mut);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px}.up-price{font-size:20px;font-weight:700}.up-plan .tag{align-self:flex-start}
@media(max-width:860px){.up-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.profdlg[open],.profdlg.closing,.pf-pane{animation:none!important}}

/* studio business dashboard */
.sd-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
@media(max-width:1060px){.sd-grid2{grid-template-columns:minmax(0,1fr)}}
.sd-chart{width:100%;height:auto;display:block}
.sd-chart .bar{fill:url(#sdGold)}.sd-chart .bar:hover{fill:var(--gold)}
.sd-chart text{fill:var(--mut);font:10px var(--f-mono)}.sd-chart .grid{stroke:var(--line);stroke-width:1}
.sd-funnel{display:flex;flex-direction:column;gap:10px}
.sd-step{display:grid;grid-template-columns:150px minmax(0,1fr) 110px;gap:12px;align-items:center;font-size:13px}
.sd-step .track{height:24px;border-radius:6px;background:rgba(255,255,255,.04);overflow:hidden}
.sd-step .fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--gold2),var(--gold));min-width:2px}
.sd-step .n{text-align:right;font-family:var(--f-mono)}.sd-step .n small{color:var(--mut);margin-left:6px}
@media(max-width:640px){.sd-step{grid-template-columns:1fr 80px}.sd-step .track{grid-column:1/-1;grid-row:2}}
.sd-note{font-size:12px;color:var(--mut);margin-top:10px}
.sd-attn{display:flex;flex-direction:column;gap:8px}
.sd-attn div{display:flex;gap:10px;align-items:baseline;font-size:13px}
.sd-plan-form{display:flex;gap:6px;align-items:center}.sd-found-form{margin:4px 0 0}.sd-link{padding:0;border:0;background:none;color:var(--gold);font:600 11.5px var(--f-body);cursor:pointer}.sd-link:hover{text-decoration:underline}
.sd-fixed{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:8px;margin-bottom:8px}
.kpi .val.neg{color:var(--red)}.kpi .val.pos{color:var(--grn)}
.content-lab{margin:16px 0}.cl-intro{display:flex;justify-content:space-between;gap:28px;align-items:end;padding-bottom:18px;border-bottom:1px solid var(--line)}.cl-intro h2{max-width:620px;font-size:22px;line-height:1.15;letter-spacing:-.5px;margin-top:8px}.cl-intro>p{max-width:360px;color:var(--mut);font-size:12px;line-height:1.6}.cl-schemes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.cl-scheme{padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}.cl-scheme-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.cl-scheme-head small{color:var(--mut);font-size:10px;text-align:right}.cl-scheme ol{display:grid;gap:6px;padding:0;margin:0;list-style:none;counter-reset:slide}.cl-scheme li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.4}.cl-scheme li::before{counter-increment:slide;content:counter(slide,decimal-leading-zero);grid-row:span 2;color:var(--gold);font:700 10px var(--f-mono)}.cl-scheme li b{font-size:10px;color:var(--fg)}.cl-scheme li span{color:#c0c9d9}.cl-scheme li small{grid-column:2;color:var(--dim);font-size:9px}.cl-cta-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.cl-cta-wrap h3,.cl-photos h3{font-size:15px;line-height:1.25;margin-top:7px}.cl-cta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cl-cta{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:11px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02)}.cl-cta>span{color:var(--gold);font:700 9px var(--f-mono);text-transform:uppercase;letter-spacing:.7px}.cl-cta p{flex:1;color:#c4ccdc;font-size:11px;line-height:1.45}.cl-cta .btn{font-size:10px;padding:5px 8px}.cl-photos{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.cl-photo-head{display:flex;justify-content:space-between;align-items:end;gap:14px}.cl-photo-head form{display:flex;gap:7px;max-width:360px}.cl-photo-head .txtin{min-width:0}.cl-photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.cl-photo{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:7px;background:rgba(255,255,255,.04)}.cl-photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.cl-photo:hover img{transform:scale(1.04)}.cl-photo span{position:absolute;left:0;right:0;bottom:0;padding:18px 7px 6px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:9px}.cl-photo-grid>.notice,.cl-photo-grid>.empty{grid-column:1/-1}
.cl-preview{display:grid;grid-template-columns:minmax(230px,.38fr) minmax(0,.62fr);gap:18px;margin-top:16px;padding:15px;border:1px solid rgba(240,180,41,.23);border-radius:10px;background:linear-gradient(135deg,rgba(240,180,41,.06),rgba(255,255,255,.012))}.cl-preview-head{display:flex;flex-direction:column;justify-content:space-between;gap:15px}.cl-preview-head h3{font-size:15px;line-height:1.25;margin-top:7px}.cl-tabs{display:flex;gap:6px}.cl-tabs button{padding:7px 9px;border:1px solid var(--line2);border-radius:6px;background:rgba(255,255,255,.025);color:var(--mut);font:600 10px var(--f-body);cursor:pointer}.cl-tabs button.active,.cl-tabs button:hover{border-color:rgba(240,180,41,.4);background:var(--gold-dim);color:var(--gold)}.cl-preview-deck[hidden],.cl-preview-slide[hidden]{display:none}.cl-preview-stage{position:relative;aspect-ratio:4/5;max-height:510px;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#111b27,#05070b)}.cl-preview-slide{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background-color:#101722;background-position:center;background-size:cover}.cl-preview-slide small{color:var(--gold);font:800 9px var(--f-mono);letter-spacing:1px;text-transform:uppercase}.cl-preview-slide h3{max-width:430px;margin:10px 0;color:#fff;font-size:clamp(21px,3vw,34px);line-height:1.05;letter-spacing:-.7px}.cl-preview-slide span{color:rgba(255,255,255,.66);font:9px var(--f-mono)}.cl-thumb-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:8px}.cl-thumb{min-width:0;padding:6px 3px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.025);color:var(--mut);cursor:pointer}.cl-thumb b,.cl-thumb span{display:block}.cl-thumb b{color:var(--gold);font:700 9px var(--f-mono)}.cl-thumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.cl-thumb.active,.cl-thumb:hover{border-color:rgba(240,180,41,.48);background:var(--gold-dim);color:var(--fg)}
.rs-content-app{padding:24px;background:linear-gradient(145deg,rgba(16,20,28,.96),rgba(8,10,15,.98));border:1px solid var(--line2);border-radius:12px}.rs-content-head{display:flex;justify-content:space-between;gap:18px;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line)}.rs-content-head h1{max-width:680px;margin-top:10px;font-size:clamp(27px,4vw,44px);line-height:1.02;letter-spacing:-1.3px}.rs-content-head p{margin-top:9px;color:var(--mut);font-size:13px}.rs-size{padding:7px 9px;border:1px solid rgba(240,180,41,.3);border-radius:6px;color:var(--gold);font:700 10px var(--f-mono);white-space:nowrap}.rs-flow{display:flex;align-items:center;gap:8px;margin:18px 0}.rs-flow button{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025);color:var(--mut);font:600 11px var(--f-body);cursor:pointer}.rs-flow button b{color:var(--dim);font:700 10px var(--f-mono)}.rs-flow button.active,.rs-flow button:hover{border-color:rgba(240,180,41,.4);background:var(--gold-dim);color:var(--fg)}.rs-flow button.active b{color:var(--gold)}.rs-flow i{color:var(--dim);font-style:normal}.rs-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018)}.rs-toolbar label{display:flex;flex-direction:column;gap:5px;color:var(--mut);font-size:10px}.rs-toolbar select{min-width:210px;padding:9px 10px;border:1px solid var(--line2);border-radius:6px;background:#101620;color:var(--fg);font:12px var(--f-body)}.rs-status{align-self:center;color:var(--mut);font-size:11px}.rs-content-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:15px;margin-top:15px}.rs-slide-rail{padding:10px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.18)}.rs-rail-head{display:flex;justify-content:space-between;padding:3px 3px 10px;color:var(--mut);font:700 9px var(--f-mono);letter-spacing:.8px}.rs-slide-row{display:grid;grid-template-columns:27px minmax(0,1fr);gap:7px;width:100%;padding:9px 7px;text-align:left;border:1px solid transparent;border-radius:6px;background:none;color:var(--mut);cursor:pointer}.rs-slide-row b{color:var(--gold);font:700 10px var(--f-mono)}.rs-slide-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.rs-slide-row.active,.rs-slide-row:hover{border-color:rgba(240,180,41,.3);background:var(--gold-dim);color:var(--fg)}.rs-editor{min-width:0}.rs-preview-area{display:flex;align-items:end;gap:14px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#05070a}.rs-artboard{position:relative;width:min(100%,430px);aspect-ratio:4/5;overflow:hidden;border-radius:5px;background-position:center;background-size:cover;box-shadow:0 15px 35px rgba(0,0,0,.35)}.rs-artboard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.14) 45%,rgba(0,0,0,.92) 100%);pointer-events:none}.rs-artboard.is-cta{background-color:#030507}.rs-art-logo{position:absolute;z-index:1;top:26px;left:28px;display:flex;align-items:flex-start;color:#fff;font:900 54px/1 Arial Black,Arial,sans-serif;letter-spacing:-8px}.rs-art-logo i{width:10px;height:10px;margin:1px 0 0 4px;background:var(--gold)}.rs-art-copy{position:absolute;z-index:1;left:28px;right:24px;bottom:62px}.rs-art-copy small{color:var(--gold);font:800 8px var(--f-mono);letter-spacing:1px}.rs-art-copy h2{margin-top:9px;color:#fff;font:900 clamp(24px,4vw,39px)/.98 Arial Black,Arial,sans-serif;letter-spacing:-1.3px;text-transform:uppercase}.rs-artboard.gold .rs-art-copy h2{color:var(--gold)}.rs-art-copy p{margin-top:14px;color:rgba(255,255,255,.88);font-size:12px;line-height:1.45}.rs-art-foot{position:absolute;z-index:1;left:28px;bottom:25px;color:rgba(255,255,255,.62);font:8px var(--f-mono);letter-spacing:.5px}.rs-preview-meta{align-self:flex-start;display:flex;flex-direction:column;gap:5px;color:var(--mut);font-size:10px}.rs-preview-meta span:last-child{color:var(--dim);font:9px var(--f-mono)}.rs-fields{display:grid;gap:10px;margin-top:13px;padding:14px;border:1px solid var(--line);border-radius:9px}.rs-fields label{display:flex;flex-direction:column;gap:5px;color:var(--mut);font-size:10px}.rs-fields input,.rs-fields textarea{width:100%;padding:9px 10px;border:1px solid var(--line2);border-radius:6px;background:rgba(255,255,255,.035);color:var(--fg);font:12px var(--f-body);resize:vertical}.rs-fields input:focus,.rs-fields textarea:focus{outline:0;border-color:rgba(240,180,41,.55);box-shadow:0 0 0 3px var(--gold-dim)}.rs-field-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px}.rs-media-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:4px}.rs-field-label{display:block;margin-bottom:5px;color:var(--mut);font-size:10px}.rs-media-row small{display:block;margin-top:5px;color:var(--dim);font-size:9px}.rs-pexels>div{display:flex;gap:6px}.rs-pexels input{min-width:0}.rs-photo-results{display:flex;gap:5px;margin-top:7px;overflow:auto}.rs-photo-results button{position:relative;width:48px;height:60px;flex-shrink:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:none;cursor:pointer}.rs-photo-results img{width:100%;height:100%;object-fit:cover}.rs-photo-results span{position:absolute;bottom:0;left:0;right:0;padding:8px 2px 2px;overflow:hidden;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font-size:7px}.rs-editor-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:12px}.rs-editor-actions .btn{font-size:11px}.rs-brief-legacy{display:flex;align-items:center;gap:12px;margin-top:16px}.rs-brief-legacy p{color:var(--mut);font-size:12px}.rs-brief-legacy .btn{margin-left:auto}.rs-legacy-anchor{position:absolute;left:-9999px}
@media(max-width:900px){.cl-intro,.cl-cta-wrap,.cl-preview{display:block}.cl-intro>p{margin-top:10px}.cl-cta-grid{margin-top:12px}.cl-preview-head{margin-bottom:14px}.cl-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rs-art-logo b:last-of-type{font-size:0}.rs-art-logo b:last-of-type::after{content:"M";font-size:54px}
@media(max-width:720px){.rs-content-head{display:block}.rs-size{display:inline-block;margin-top:14px}.rs-flow{overflow:auto;padding-bottom:4px}.rs-flow i{display:none}.rs-flow button{flex-shrink:0}.rs-content-grid{grid-template-columns:1fr}.rs-slide-rail{order:2}.rs-slide-rail>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.rs-preview-area{display:block}.rs-preview-meta{margin-top:9px}.rs-media-row,.rs-field-row{grid-template-columns:1fr}.rs-editor-actions{justify-content:stretch}.rs-editor-actions .btn{flex:1}}
@media(max-width:620px){.cl-schemes,.cl-cta-grid{grid-template-columns:1fr}.cl-scheme-head,.cl-photo-head{display:block}.cl-scheme-head small{display:block;text-align:left;margin-top:6px}.cl-photo-head form{max-width:none;margin-top:10px}.cl-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* studio theme: the owner's console. Scoped to body.studio so readers' pages never change.
   KPIs read as one divided ledger strip (the shared signature with the Partner Program),
   labels are sentence case, numbers are tabular Inter, tables breathe. */
body.studio .main{padding:30px 40px 56px;max-width:1320px}
body.studio .rephead{align-items:flex-end;margin-bottom:24px;gap:16px}
body.studio .rephead h1{font-size:28px;font-weight:650;letter-spacing:-.6px;line-height:1.1}
body.studio .rephead .sub{font-size:13.5px;margin-top:8px;line-height:1.5;max-width:720px}
body.studio .kpis{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);
  overflow:hidden;margin-bottom:24px}
body.studio .kpis>.kpi{flex:1 1 135px;min-width:0}
body.studio .kpi{border:0;border-radius:0;background:none;padding:18px 20px;animation:none;min-height:0;
  box-shadow:inset 1px 0 0 var(--line)}
body.studio .kpi:hover{transform:none;box-shadow:inset 1px 0 0 var(--line)}
body.studio .kpi:first-child{box-shadow:none}
body.studio .kpi::before,body.studio .kpi::after{display:none}
body.studio .kpi .lab{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:500;color:var(--mut)}
body.studio .kpi .val{font:650 26px/1.1 var(--f-body);letter-spacing:-.6px;margin-top:10px;font-variant-numeric:tabular-nums}
body.studio .kpi .val.sm{font-size:15px;font-weight:600;letter-spacing:0}
body.studio .kpi .sub{font-size:12px;line-height:1.45;margin-top:6px;color:var(--dim)}
body.studio .panel{background:var(--panel);border-color:var(--line2);border-radius:var(--r);padding:20px 22px}
body.studio .panel:hover{border-color:var(--line2)}
body.studio .panel+.panel,body.studio .sd-grid2+.panel{margin-top:20px}
body.studio .panel h2{text-transform:none;letter-spacing:-.1px;font-size:15px;font-weight:600;color:var(--fg);margin-bottom:16px}
body.studio .panel h2 .mut{font-size:12.5px;color:var(--mut)}
body.studio .sd-grid2{gap:20px;margin-bottom:20px}
body.studio .scroll{margin:0 -22px;padding:0 22px}
body.studio table{font-size:13px}
body.studio th{font-size:12px;font-weight:500;color:var(--dim);text-transform:none;letter-spacing:0;padding:10px 12px;
  border-bottom:1px solid var(--line2);background:none;white-space:nowrap}
body.studio td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.45}
body.studio th:first-child,body.studio td:first-child{padding-left:0}
body.studio th:last-child,body.studio td:last-child{padding-right:0}
body.studio tbody tr:hover td{background:rgba(255,255,255,.02)}
body.studio td.num,body.studio th.num{font-family:var(--f-body);font-variant-numeric:tabular-nums}
body.studio td .mut,body.studio td .mono.mut{font-size:12px}
body.studio .btn{min-height:34px;padding:0 13px;font-size:13px;border-radius:var(--r-xs);background:rgba(255,255,255,.03)}
body.studio .btn.gold{background:var(--gold);color:#16120a;box-shadow:none}
body.studio .btn.gold:hover{background:#f5c04d;box-shadow:none}
body.studio .txtin,body.studio select.txtin{min-height:36px;padding:7px 11px;font-size:13px;background:rgba(255,255,255,.03)}
body.studio .tag{font-size:11px;font-weight:600;letter-spacing:0;padding:3px 9px;text-transform:none}
body.studio .notice{border-radius:var(--r-sm);font-size:13.5px;padding:12px 16px}
body.studio .empty{padding:28px 0;text-align:center;color:var(--mut)}
body.studio .sd-note{font-size:12.5px;color:var(--dim);margin-top:14px;line-height:1.55}
body.studio .sd-step{font-size:13.5px}
body.studio .sd-step .n{font-family:var(--f-body);font-variant-numeric:tabular-nums}
body.studio .sd-attn div{font-size:13.5px;padding:8px 0;border-top:1px solid var(--line)}
body.studio .sd-attn div:first-child{border-top:0}
body.studio .pair-select{border-radius:var(--r-xs)}
body.studio .nav-group-label{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:var(--dim);padding:10px 12px 4px}
@media(max-width:860px){
  body.studio .side .nav{display:flex!important;flex-direction:row;gap:4px;overflow-x:auto;margin:0 -4px;padding:2px 4px 4px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.studio .side .nav::-webkit-scrollbar{display:none}
  body.studio .nav-group{flex-direction:row;gap:4px;padding:0;margin:0!important}
  body.studio .nav-group-label{display:none}
  body.studio .navlink{flex:0 0 auto;white-space:nowrap;min-height:34px;padding:7px 11px;font-size:12.5px;gap:7px}
  body.studio .navlink .nav-icon svg{width:15px;height:15px}
  body.studio .main{padding:20px 14px 42px}
  body.studio .kpis>.kpi{flex:1 1 40%}
  body.studio .kpi{padding:14px 16px;box-shadow:inset 1px 0 0 var(--line),inset 0 1px 0 var(--line)}
  body.studio .kpi .val{font-size:21px}
  body.studio .panel{padding:16px}
  body.studio .scroll{margin:0 -16px;padding:0 16px}}

/* learning hub (/tentang) */
.lx-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;
padding:28px;border:1px solid var(--line2);border-radius:18px;overflow:hidden;margin-bottom:18px;
background:radial-gradient(120% 140% at 100% 0,rgba(240,180,41,.12),transparent 55%),linear-gradient(180deg,rgba(13,16,24,.9),rgba(8,10,17,.9))}
.lx-kick{font:800 10px/1 var(--f-mono);letter-spacing:1.4px;color:var(--gold);text-transform:uppercase}
.lx-hero h1{font-size:clamp(26px,3.4vw,40px);line-height:1.08;letter-spacing:-1.2px;margin:12px 0}
.lx-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#d9b353}
.lx-hero p{color:#aeb8ca;font-size:14.5px;line-height:1.7;max-width:520px}
.lx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.lx-chips a{padding:6px 11px;border:1px solid var(--line2);border-radius:999px;font-size:12px;color:#c9d2e1;
background:rgba(255,255,255,.03);transition:border-color var(--dur),color var(--dur)}
.lx-chips a:hover{text-decoration:none;border-color:rgba(240,180,41,.45);color:var(--gold)}
.lx-loop{width:100%;max-width:420px;justify-self:center}
.lx-loop .ring{fill:none;stroke:rgba(240,180,41,.18);stroke-width:1.5;stroke-dasharray:4 6;animation:lx-spin 40s linear infinite;transform-origin:210px 170px}
.lx-loop .node circle{fill:#0d1018;stroke:var(--gold);stroke-width:1.5}
.lx-loop .node text{fill:var(--fg);font:600 12px var(--f-body);text-anchor:middle}
.lx-loop .node .n{fill:var(--gold);font:800 10px var(--f-mono)}
.lx-loop .spark{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:420;stroke-dashoffset:420;animation:lx-draw 3.2s .3s var(--ease) forwards}
.lx-loop .orb{fill:var(--gold);filter:drop-shadow(0 0 6px rgba(240,180,41,.9))}
@keyframes lx-spin{to{transform:rotate(360deg)}}
@keyframes lx-draw{to{stroke-dashoffset:0}}
.lx-sec{margin:26px 0 12px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.lx-sec h2{font-size:19px;letter-spacing:-.3px}.lx-sec span{font-size:12.5px;color:var(--mut)}
.lx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lx-step{position:relative;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--glass);
transition:transform .25s var(--ease),border-color .25s}
.lx-step:hover{transform:translateY(-3px);border-color:rgba(240,180,41,.3)}
.lx-step .no{font:800 10px var(--f-mono);color:var(--gold);letter-spacing:1px}
.lx-step h3{font-size:14.5px;margin:6px 0 6px}.lx-step p{font-size:12.5px;color:var(--mut);line-height:1.6}
.lx-step ol{margin:8px 0 10px 16px;font-size:12.5px;color:#c3cbda;line-height:1.6}
.lx-step svg{width:100%;height:92px;display:block;margin-bottom:10px;border-radius:10px;background:rgba(255,255,255,.02)}
.lx-step .go{font-size:12px;font-weight:700}
@media(max-width:1100px){.lx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
 .book-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.book-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18));pointer-events:none}
@media(max-width:640px){.lx-steps{grid-template-columns:1fr}.lx-hero{grid-template-columns:1fr;padding:20px}.learn-books-intro,.reader-head{display:block}.book-grid{grid-template-columns:1fr}.book-card{grid-template-columns:105px minmax(0,1fr);gap:11px}.book-cover{min-height:170px}.book-cover b{font-size:16px}.reader-stage{min-height:0;padding:12px 43px}.reader-arrow{width:34px;height:34px;font-size:24px}.reader-arrow.left{left:5px}.reader-arrow.right{right:5px}.reader-controls{flex-wrap:wrap}.reader-count{display:inline-block;margin-top:13px}}
/* mini illustrations */
.learn-books-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:0 0 16px;padding:18px 0;border-bottom:1px solid var(--line)}.learn-books-intro h2{font-size:22px;margin-top:7px}.learn-books-intro>p{max-width:480px;color:var(--mut);font-size:14px;line-height:1.65}
.learn-path{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:18px}.learn-path-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(240,180,41,.07),rgba(255,255,255,.015));overflow:hidden}.learn-path-step:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold);opacity:.72}.learn-path-no{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(240,180,41,.35);border-radius:10px;color:var(--gold);font:800 12px var(--f-mono);background:rgba(240,180,41,.08)}.learn-path-step b{display:block;font-size:15px;line-height:1.35}.learn-path-step span{display:block;margin-top:4px;color:var(--mut);font-size:13px;line-height:1.5}.learn-path-arrow{align-self:center;color:var(--gold);font-size:22px}.learn-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:26px 0 12px}.learn-section-head h2{font-size:20px}.learn-section-head p{max-width:480px;color:var(--mut);font-size:13px;line-height:1.55}.course-progress{margin:12px 0 13px;text-align:left}.course-progress-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#c6cfdd;font:700 11px var(--f-mono)}.course-progress-head span:last-child{color:var(--gold)}.course-progress-track{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.course-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b87308,var(--gold),#ffe6a5);transition:width .35s var(--ease)}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.book-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--glass);overflow:hidden}.book-cover{position:relative;min-height:218px;padding:14px 12px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#202938,#06080d 70%)}.book-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(240,180,41,.3),transparent 35%),linear-gradient(135deg,transparent 35%,rgba(255,255,255,.05) 36%,transparent 37%);opacity:.85}.book-card.blue .book-cover{background:linear-gradient(145deg,#16445a,#05080d 72%)}.book-card.green .book-cover{background:linear-gradient(145deg,#193f35,#05080d 72%)}.book-card.red .book-cover{background:linear-gradient(145deg,#55252b,#05080d 72%)}.book-cover>*{position:relative}.book-cover span{color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.book-cover b{margin-top:8px;color:#fff;font:900 22px/1.02 Arial Black,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.7px}.book-cover small{margin-top:12px;color:rgba(255,255,255,.62);font-size:9px}.book-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:5px 4px 4px 0}.book-level{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:.7px;text-transform:uppercase}.book-card-body h2{margin:10px 0 7px;font-size:17px;line-height:1.18;letter-spacing:-.3px}.book-card-body p{flex:1;color:var(--mut);font-size:14px;line-height:1.65}.book-card-body .btn{margin-top:14px;font-size:12px}.learn-note{display:flex;gap:12px;margin-top:16px;color:var(--mut);font-size:13px;line-height:1.55}.learn-note b{color:var(--gold);white-space:nowrap}.book-reader{max-width:980px;margin:0 auto}.reader-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.reader-back{display:inline-block;margin-bottom:17px;color:var(--mut);font-size:12px}.reader-head h1{max-width:700px;font-size:clamp(22px,3vw,34px);line-height:1.08;letter-spacing:-.8px;margin-top:10px}.reader-count{padding:8px 10px;color:var(--gold);border:1px solid rgba(240,180,41,.3);border-radius:7px;font:700 11px var(--f-mono);white-space:nowrap}.reader-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:520px;padding:18px 62px;border:1px solid var(--line2);border-radius:14px;background:radial-gradient(circle at 50% 35%,rgba(240,180,41,.08),transparent 48%),#080b11}.reader-page{width:min(610px,100%);background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:reader-page-in .38s var(--ease) both;user-select:none}.reader-page img{display:block;width:100%;height:auto;pointer-events:none}.reader-arrow{position:absolute;z-index:2;width:42px;height:42px;border:1px solid var(--line2);border-radius:50%;background:rgba(255,255,255,.06);color:var(--fg);font-size:30px;line-height:1;cursor:pointer}.reader-arrow:hover{border-color:rgba(240,180,41,.5);background:var(--gold-dim);color:var(--gold)}.reader-arrow.left{left:14px}.reader-arrow.right{right:14px}.reader-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px}.reader-controls label{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:12px}.reader-controls input{width:65px;padding:8px;border:1px solid var(--line2);border-radius:6px;background:rgba(255,255,255,.035);color:var(--fg);font:12px var(--f-mono);text-align:center}.reader-disclaimer{text-align:center;color:var(--dim);font-size:11px;margin-top:14px}@keyframes reader-page-in{from{opacity:0;transform:translateX(20px) rotateY(-4deg)}to{opacity:1;transform:none}}
.learn-path{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}
@media(max-width:760px){.learn-path{grid-template-columns:1fr}.learn-path-arrow{display:none}.learn-section-head{display:block}.learn-section-head p{margin-top:6px}}
.il-line{fill:rgba(255,255,255,.12);transform-origin:left;animation:il-grow 2.6s var(--ease) infinite}
.il-line.g{fill:rgba(240,180,41,.55)}
@keyframes il-grow{0%{transform:scaleX(0)}35%,80%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.il-dot{fill:var(--gold);animation:il-blink 1.2s infinite ease-in-out}
.il-dot:nth-of-type(2){animation-delay:.15s}.il-dot:nth-of-type(3){animation-delay:.3s}
@keyframes il-blink{0%,80%,100%{opacity:.2}40%{opacity:1}}
.il-eq{fill:none;stroke:var(--grn);stroke-width:2;stroke-dasharray:300;stroke-dashoffset:300;animation:il-eq 3.4s var(--ease) infinite}
@keyframes il-eq{0%{stroke-dashoffset:300}60%,100%{stroke-dashoffset:0}}
.il-dd{fill:rgba(255,79,106,.18);animation:il-fade 3.4s infinite}
@keyframes il-fade{0%,40%{opacity:0}60%,100%{opacity:1}}
.il-tick{fill:none;stroke:var(--grn);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;animation:il-tick 3s infinite}
.il-tick.t2{animation-delay:.5s}.il-tick.t3{animation-delay:1s}
@keyframes il-tick{0%,10%{stroke-dashoffset:20}30%,100%{stroke-dashoffset:0}}
/* lessons */
.lx-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.lx-tabs button{padding:8px 13px;border-radius:9px;border:1px solid var(--line2);background:rgba(255,255,255,.03);
color:var(--mut);font:600 12.5px var(--f-body);cursor:pointer;transition:all var(--dur)}
.lx-tabs button:hover{color:var(--fg)}
.lx-tabs button[aria-selected=true]{background:var(--gold-dim);border-color:rgba(240,180,41,.4);color:var(--gold)}
.lx-lesson{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:center;
padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--glass)}
.lx-lesson[hidden]{display:none}.lx-lesson:not([hidden]){animation:lx-in .35s var(--ease) both}
@keyframes lx-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lx-lesson h3{font-size:18px;letter-spacing:-.3px;margin-bottom:8px}
.lx-lesson p,.lx-lesson li{font-size:13.5px;line-height:1.7;color:#c3cbda}.lx-lesson ul{margin:8px 0 0 18px}
.lx-lesson .key{margin-top:12px;padding:10px 12px;border-left:2px solid var(--gold);background:var(--gold-dim);font-size:12.5px;color:var(--fg);border-radius:0 8px 8px 0}
.lx-fig{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.25)}
.lx-fig svg{width:100%;height:auto;display:block}.lx-fig .cap{font-size:11.5px;color:var(--mut);margin-top:8px;text-align:center}
@media(max-width:900px){.lx-lesson{grid-template-columns:1fr}}
/* seesaw: yields/dollar vs gold */
.sw-beam{transform-origin:200px 120px;animation:sw-tilt 6s var(--ease) infinite}
@keyframes sw-tilt{0%,40%{transform:rotate(-9deg)}50%,90%{transform:rotate(9deg)}100%{transform:rotate(-9deg)}}
.sw-a{animation:sw-a 6s infinite}.sw-b{animation:sw-b 6s infinite}
@keyframes sw-a{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@keyframes sw-b{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
/* event candles */
.ev-c{transform-origin:center bottom;transform-box:fill-box;animation:ev-rise .5s var(--ease) both}
.ev-spike{animation:ev-spike 4s var(--ease) infinite;transform-origin:center 120px;transform-box:view-box}
@keyframes ev-rise{from{transform:scaleY(0)}}
@keyframes ev-spike{0%,30%{transform:scaleY(.15);opacity:.4}45%,85%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.15);opacity:.4}}
.ev-mark{animation:ev-pulse 1.6s infinite}@keyframes ev-pulse{50%{opacity:.35}}
.ev-band{animation:ev-band 4s var(--ease) infinite}@keyframes ev-band{0%,30%{opacity:0}45%,85%{opacity:1}100%{opacity:0}}
/* scenario tree */
.sc-path{fill:none;stroke-width:2.2;stroke-dasharray:260;stroke-dashoffset:260;animation:sc-draw 5s var(--ease) infinite}
.sc-path.up{stroke:var(--grn)}.sc-path.dn{stroke:var(--red);animation-delay:.6s}
@keyframes sc-draw{0%{stroke-dashoffset:260}40%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.sc-box rect{fill:#0d1018;stroke:var(--line2)}.sc-box text{fill:var(--fg);font:600 11px var(--f-body)}
.sc-box .s{fill:var(--mut);font:10px var(--f-body)}
/* simulators */
.lx-sim{display:grid;gap:12px}
.lx-sim label{display:grid;grid-template-columns:150px minmax(0,1fr) 64px;gap:10px;align-items:center;font-size:12.5px;color:#c3cbda}
.lx-sim input[type=range]{accent-color:var(--gold);width:100%}
.lx-sim output{font:700 13px var(--f-mono);color:var(--gold);text-align:right}
.lx-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}
.lx-out div{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}
.lx-out span{display:block;font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.6px}
.lx-out b{font:700 16px var(--f-mono)}.lx-out b.neg{color:var(--red)}.lx-out b.pos{color:var(--grn)}
.lx-bars rect{transition:height .35s var(--ease),y .35s var(--ease),fill .35s}
@media(max-width:560px){.lx-sim label{grid-template-columns:1fr 56px}.lx-sim label input{grid-column:1/-1;grid-row:2}.lx-out{grid-template-columns:1fr}}
/* glossary + faq */
.lx-gloss-top{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.lx-gloss-top input{flex:1;min-width:200px}
.lx-gloss{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lx-term{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.lx-term b{font-size:13.5px;color:var(--gold)}.lx-term p{font-size:12.5px;color:#c3cbda;line-height:1.6;margin-top:4px}
.lx-term[hidden]{display:none}
@media(max-width:1000px){.lx-gloss{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.lx-gloss{grid-template-columns:1fr}}
.lx-faq details{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);margin-bottom:8px;overflow:hidden}
.lx-faq summary{cursor:pointer;padding:13px 16px;font-weight:600;font-size:13.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.lx-faq summary::-webkit-details-marker{display:none}
.lx-faq summary::after{content:"+";color:var(--gold);font:700 16px var(--f-mono);transition:transform .25s var(--ease)}
.lx-faq details[open] summary::after{transform:rotate(45deg)}
.lx-faq details p{padding:0 16px 14px;font-size:13px;color:#c3cbda;line-height:1.7;animation:lx-in .3s var(--ease) both}
.lx-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:900px){.lx-two{grid-template-columns:1fr}}
/* scroll reveal */
.lx-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.lx-reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.lx-reveal{opacity:1;transform:none;transition:none}
.lx-loop *,.lx-step *,.lx-lesson *,.lx-fig *{animation:none!important}.lx-loop .spark,.il-eq,.sc-path,.il-tick{stroke-dashoffset:0}}

/* premium learning tracks */
.lb-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;align-items:stretch;margin:8px 0 22px;padding:30px;border:1px solid rgba(240,180,41,.22);border-radius:22px;overflow:hidden;background:radial-gradient(100% 160% at 100% 0,rgba(240,180,41,.16),transparent 52%),linear-gradient(135deg,rgba(20,23,31,.96),rgba(8,10,17,.96));box-shadow:0 20px 70px rgba(0,0,0,.22)}
.lb-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.045) 45%,transparent 70%);transform:translateX(-110%);animation:lb-sheen 8s ease-in-out infinite;pointer-events:none}
.lb-intro-copy,.lb-intro-signal{position:relative;z-index:1}.lb-intro h2{max-width:620px;margin:10px 0 11px;font-size:clamp(25px,3.1vw,38px);line-height:1.06;letter-spacing:-1.3px}.lb-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#e9c86b}.lb-intro p{max-width:590px;color:#b2bdcf;font-size:14px;line-height:1.7}.lb-intro-signal{display:flex;align-items:center;justify-content:center;min-height:190px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(3,5,10,.34)}.lb-intro-signal svg{width:100%;height:auto;max-width:360px}.lb-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font:800 10px var(--f-mono);letter-spacing:1.5px}.lb-kicker:before{content:"";width:22px;height:1px;background:var(--gold)}
.lb-basic{position:relative;padding:20px;border:1px solid rgba(240,180,41,.26);border-radius:20px;background:linear-gradient(150deg,rgba(240,180,41,.075),rgba(255,255,255,.018) 42%,rgba(8,10,17,.8));box-shadow:0 16px 50px rgba(0,0,0,.16)}.lb-basic:after{content:"BASIC";position:absolute;right:22px;top:20px;color:rgba(240,180,41,.15);font:900 42px/.9 Arial Black,Arial,sans-serif;letter-spacing:3px;pointer-events:none}.lb-basic-head{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.lb-basic-head h2,.lb-coming-head h2{font-size:22px;letter-spacing:-.5px;margin-top:7px}.lb-basic-head p,.lb-coming-head p{max-width:600px;color:var(--mut);font-size:13px;line-height:1.55;margin-top:6px}.lb-basic-badge{padding:8px 10px;border:1px solid rgba(240,180,41,.3);border-radius:999px;color:var(--gold);font:700 10px var(--f-mono);white-space:nowrap;background:rgba(240,180,41,.07)}.lb-basic-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lb-course-card{position:relative;display:flex;flex-direction:column;min-height:405px;padding:12px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:rgba(7,10,17,.76);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.lb-course-card:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(240,180,41,.1),transparent 35%);opacity:0;transition:opacity .3s;pointer-events:none}.lb-course-card:hover{transform:translateY(-5px);border-color:rgba(240,180,41,.48);box-shadow:0 18px 34px rgba(0,0,0,.25)}.lb-course-card:hover:after{opacity:1}.lb-course-card.locked{filter:saturate(.72)}.lb-course-card.locked:hover{filter:none}.lb-course-art{position:relative;height:154px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;background:radial-gradient(circle at 70% 10%,rgba(240,180,41,.17),transparent 42%),#0a0e16}.lb-course-art svg{width:100%;height:100%}.lb-course-copy{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;padding:15px 5px 4px}.lb-course-code{color:var(--gold);font:800 10px var(--f-mono);letter-spacing:1.1px}.lb-course-copy h3{margin:8px 0 7px;font-size:18px;line-height:1.13;letter-spacing:-.4px}.lb-course-copy p{color:var(--mut);font-size:13px;line-height:1.6}.lb-course-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.lb-course-meta span{padding:5px 7px;border:1px solid var(--line);border-radius:6px;color:#aeb8ca;font:700 9px var(--f-mono);letter-spacing:.45px}.lb-course-meta span:first-child{color:#e4c467;border-color:rgba(240,180,41,.23)}.lb-course-progress{margin:14px 0 8px}.lb-course-progress-head{display:flex;justify-content:space-between;gap:8px;color:var(--dim);font:700 9px var(--f-mono);letter-spacing:.3px}.lb-course-progress-head span:last-child{color:var(--gold)}.lb-course-progress-track{height:4px;margin-top:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.lb-course-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a96c09,var(--gold),#ffe7a0);transition:width .45s var(--ease)}.lb-course-link{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--gold);font-size:12px;font-weight:800}.lb-course-link:hover{text-decoration:none;color:#ffe39b}.lb-course-lock{color:var(--dim);font:700 9px var(--f-mono);letter-spacing:.5px}.lb-course-lock b{color:#e8c66b}.lb-course-arrow{font-size:18px;line-height:1;transition:transform .25s}.lb-course-card:hover .lb-course-arrow{transform:translateX(4px)}
.lb-coming{margin-top:28px}.lb-coming-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px}.lb-coming-head .lb-kicker{color:#93a0b7}.lb-coming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lb-coming-card{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(180px,.95fr);min-height:235px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:linear-gradient(135deg,rgba(10,14,22,.95),rgba(7,9,15,.92));transition:border-color .3s,transform .3s,box-shadow .3s}.lb-coming-card:hover{transform:translateY(-4px);border-color:rgba(240,180,41,.36);box-shadow:0 18px 36px rgba(0,0,0,.2)}.lb-coming-card.smc{--accent:#65c7b1}.lb-coming-card.harmonic{--accent:#d7a84f}.lb-coming-copy{position:relative;z-index:1;padding:22px}.lb-coming-card .lb-course-code{color:var(--accent)}.lb-coming-copy h3{margin:8px 0 8px;font-size:20px;letter-spacing:-.5px}.lb-coming-copy p{color:var(--mut);font-size:13px;line-height:1.62}.lb-coming-tag{display:inline-flex;margin-top:15px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;color:var(--accent);font:800 9px var(--f-mono);letter-spacing:.8px}.lb-coming-art{position:relative;display:grid;place-items:center;min-height:235px;border-left:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 65%)}.lb-coming-art svg{width:100%;height:100%}.lb-art-grid{stroke:rgba(255,255,255,.08);stroke-width:1}.lb-art-axis{stroke:rgba(255,255,255,.16);stroke-width:1}.lb-art-gold{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;animation:lb-draw 5s var(--ease) infinite}.lb-art-muted{fill:none;stroke:rgba(151,169,198,.55);stroke-width:1.5;stroke-linecap:round}.lb-art-candle{transform-box:fill-box;transform-origin:center bottom;animation:lb-candle 3.4s var(--ease) infinite}.lb-art-candle:nth-of-type(2){animation-delay:.12s}.lb-art-candle:nth-of-type(3){animation-delay:.24s}.lb-art-candle:nth-of-type(4){animation-delay:.36s}.lb-art-candle:nth-of-type(5){animation-delay:.48s}.lb-art-dot{fill:var(--gold);filter:drop-shadow(0 0 5px rgba(240,180,41,.85));animation:lb-pulse 2.3s ease-in-out infinite}.lb-art-dot:nth-of-type(2){animation-delay:.35s}.lb-art-dot:nth-of-type(3){animation-delay:.7s}.lb-art-sweep{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:8 7;animation:lb-sweep 3.8s linear infinite}.lb-art-harmonic{fill:rgba(215,168,79,.06);stroke:var(--gold);stroke-width:1.5;stroke-dasharray:4 5;animation:lb-flicker 4.2s ease-in-out infinite}.lb-art-point{fill:#0b0e15;stroke:var(--gold);stroke-width:2}.lb-art-point-label{fill:#d8c17c;font:800 9px var(--f-mono);text-anchor:middle}.lb-basic-spark{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:170;stroke-dashoffset:170;animation:lb-draw 4s var(--ease) infinite}.lb-basic-spark-muted{fill:none;stroke:rgba(131,151,181,.45);stroke-width:1.5;stroke-dasharray:4 6;animation:lb-sweep 5s linear infinite}.lb-art-glow{fill:rgba(240,180,41,.14);animation:lb-pulse 2.6s ease-in-out infinite}.lb-art-label{fill:#95a2b9;font:700 9px var(--f-mono);letter-spacing:.5px}@keyframes lb-sheen{0%,45%{transform:translateX(-110%)}72%,100%{transform:translateX(110%)}}@keyframes lb-draw{0%{stroke-dashoffset:260}60%,100%{stroke-dashoffset:0}}@keyframes lb-candle{0%,100%{transform:scaleY(.72);opacity:.7}50%{transform:scaleY(1);opacity:1}}@keyframes lb-pulse{0%,100%{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}@keyframes lb-sweep{to{stroke-dashoffset:-80}}@keyframes lb-flicker{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:960px){.lb-intro{grid-template-columns:1fr}.lb-intro-signal{min-height:150px}.lb-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-course-card:last-child{grid-column:1/-1}.lb-coming-grid{grid-template-columns:1fr}}
@media(max-width:640px){.lb-intro{padding:21px 17px;border-radius:16px}.lb-intro h2{font-size:28px}.lb-intro-signal{min-height:130px}.lb-basic{padding:13px;border-radius:16px}.lb-basic:after{right:14px;top:14px;font-size:28px}.lb-basic-head,.lb-coming-head{display:block}.lb-basic-badge{display:inline-flex;margin-top:13px}.lb-basic-grid{grid-template-columns:1fr}.lb-course-card:last-child{grid-column:auto}.lb-course-card{min-height:370px}.lb-coming-card{grid-template-columns:1fr}.lb-coming-art{min-height:165px;grid-row:1;border:0;border-bottom:1px solid rgba(255,255,255,.06)}.lb-coming-copy{padding:17px}.lb-coming-copy h3{font-size:18px}}
/* roadmap cards that are visible before their interactive lesson ships */
.lb-course-soon{background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(7,10,17,.82));cursor:default}.lb-course-soon:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.17);box-shadow:0 16px 30px rgba(0,0,0,.2)}.lb-course-soon .lb-course-art{filter:saturate(.72);opacity:.9}.lb-course-soon-note{margin-top:auto;padding:9px 10px;border-left:2px solid rgba(240,180,41,.35);border-radius:0 7px 7px 0;background:rgba(240,180,41,.055);color:#9ca8bc;font-size:11px;line-height:1.45}.lb-course-soon .lb-course-link{margin-top:12px;color:#8d99ae;font-size:11px}.lb-course-soon .lb-course-arrow{color:var(--gold);font-size:14px}.lb-basic-grid .lb-course-card:last-child{grid-column:auto}
/* the basic track gets its own small animated chart mark in the section header */
.lb-basic-head{grid-template-columns:minmax(0,1fr) 175px auto}.lb-basic-head-art{height:88px;border:1px solid rgba(255,255,255,.07);border-radius:11px;overflow:hidden;background:rgba(3,5,10,.3)}.lb-basic-head-art svg{width:100%;height:100%}
@media(max-width:960px){.lb-basic-head{grid-template-columns:minmax(0,1fr) 150px auto}}
@media(max-width:640px){.lb-basic-head{display:block}.lb-basic-head-art{height:90px;margin-top:14px}}
.lb-basic{padding:0;overflow:hidden}.lb-basic-overview{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 270px auto;align-items:center;gap:24px;padding:25px 28px;cursor:pointer;background:radial-gradient(80% 180% at 100% 0,rgba(240,180,41,.11),transparent 55%)}.lb-basic-overview:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.04) 48%,transparent 72%);transform:translateX(-110%);pointer-events:none;transition:transform .8s var(--ease)}.lb-basic-overview:hover:after{transform:translateX(110%)}.lb-basic-overview:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.lb-basic-overview-copy,.lb-basic-overview-art,.lb-basic-badge{position:relative;z-index:1}.lb-basic-overview-copy h2{font-size:26px;letter-spacing:-.7px;margin-top:9px}.lb-basic-overview-copy p{max-width:650px;color:var(--mut);font-size:14px;line-height:1.65;margin-top:8px}.lb-basic-open{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:var(--gold);font-size:12px;font-weight:800}.lb-basic-open b{font-size:18px;transition:transform .25s}.lb-basic-overview:hover .lb-basic-open b{transform:translateX(4px)}.lb-basic-overview[aria-expanded=true] .lb-basic-open b{transform:rotate(90deg)}.lb-basic-overview-art{height:140px;border:1px solid rgba(255,255,255,.08);border-radius:13px;overflow:hidden;background:rgba(3,5,10,.35)}.lb-basic-overview-art svg{width:100%;height:100%}.lb-basic-detail{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.07);animation:lb-detail-in .4s var(--ease) both}.lb-basic-detail[hidden]{display:none}.lb-basic-detail-head{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:21px 5px 13px}.lb-basic-detail-head h3{font-size:18px;margin-top:7px}.lb-basic-detail-head>span{color:var(--mut);font:700 10px var(--f-mono);letter-spacing:.4px}.lb-coming-grid{grid-template-columns:1fr}.lb-coming-card{grid-template-columns:minmax(0,1fr) 310px;min-height:205px}.lb-coming-art{min-height:205px}@keyframes lb-detail-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:960px){.lb-basic-overview{grid-template-columns:minmax(0,1fr) 210px auto}.lb-basic-overview-art{height:120px}}
@media(max-width:640px){.lb-basic-overview{display:block;padding:20px}.lb-basic-overview-art{height:125px;margin-top:16px}.lb-basic-badge{display:inline-flex;margin-top:14px}.lb-basic-detail{padding:0 12px 12px}.lb-basic-detail-head{display:block}.lb-basic-detail-head>span{display:block;margin-top:8px}.lb-coming-card{grid-template-columns:1fr}.lb-coming-art{min-height:165px;grid-row:1;border:0;border-bottom:1px solid rgba(255,255,255,.06)}}
.lb-basic-link{display:block;color:inherit;text-decoration:none}.lb-basic-link:hover{text-decoration:none}.lb-basic-standalone{padding:0 20px 20px}
@media(max-width:480px){.learn-books-intro{padding:14px 0;margin-bottom:12px}.learn-books-intro h2{font-size:20px}.learn-books-intro>p{font-size:13px;line-height:1.55}.learn-path{gap:8px;margin-bottom:14px}.learn-path-step{grid-template-columns:30px 1fr;gap:9px;padding:13px 12px}.learn-path-no{width:30px;height:30px}.learn-path-step b{font-size:14px}.learn-path-step span{font-size:12px}.learn-path-step .kicker{font-size:9px}.lb-basic-overview{padding:16px}.lb-basic-overview-copy h2{font-size:23px}.lb-basic-overview-copy p{font-size:13px;line-height:1.55}.lb-basic-overview-art{height:105px;margin-top:13px}.lb-basic-badge{font-size:9px;padding:7px 8px}.lb-basic-detail{padding:0 8px 8px}.lb-course-card{min-height:0;padding:10px}.lb-course-art{height:118px}.lb-course-copy{padding:12px 3px 3px}.lb-course-copy h3{font-size:17px}.lb-course-copy p{font-size:13px;line-height:1.55}.lb-course-meta span{font-size:8px}.lb-course-link{min-height:38px}.lb-course-progress{margin:12px 0 8px}.lb-coming-copy{padding:15px}.book-grid{gap:10px}.book-card{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px}.book-cover{min-height:150px;padding:10px 9px}.book-cover b{font-size:15px}.book-card-body h2{font-size:16px}.book-card-body p{font-size:13px}.book-card-body .btn{width:100%;min-height:40px}.learn-note{display:block;padding:13px}.learn-note b{display:block;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.lb-intro:before,.lb-art-gold,.lb-art-candle,.lb-art-dot,.lb-art-sweep,.lb-art-harmonic,.lb-basic-spark,.lb-basic-spark-muted,.lb-art-glow{animation:none}.lb-art-gold{stroke-dashoffset:0}.lb-basic-spark{stroke-dashoffset:0}}

/* Silabus 1 — exploratory chart learning */
.cl-hero{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(240,180,41,.26);border-radius:16px;background:radial-gradient(circle at 86% 8%,rgba(240,180,41,.14),transparent 34%),linear-gradient(145deg,#111722,#080b12 68%)}
.cl-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.035) 80px)}.cl-hero>*{position:relative;z-index:1}.cl-hero-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.cl-hero h1{max-width:760px;margin:9px 0 10px;font-size:clamp(27px,4vw,43px);line-height:1.06;letter-spacing:-1.4px}.cl-hero p{max-width:720px;color:#aeb8ca;font-size:13.5px;line-height:1.7}.cl-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.cl-hero-meta span{padding:6px 9px;border:1px solid var(--line2);border-radius:999px;background:rgba(0,0,0,.2);color:#c8d0df;font:700 9px var(--f-mono);letter-spacing:.55px}.cl-visited{min-width:145px;text-align:right}.cl-visited strong{display:block;color:var(--gold);font:800 25px var(--f-mono)}.cl-visited small{color:var(--mut);font-size:9px;letter-spacing:.5px}
.cl-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;margin-top:14px}.cl-outline{align-self:start;position:sticky;top:18px;padding:14px}.cl-outline-head{padding:4px 5px 12px;border-bottom:1px solid var(--line)}.cl-outline-head b{display:block;font-size:12px}.cl-outline-head span{color:var(--mut);font-size:10px}.cl-module-list{display:grid;gap:5px;margin-top:10px}.cl-module{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;width:100%;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:var(--mut);text-align:left;cursor:pointer}.cl-module:hover{background:rgba(255,255,255,.035);color:var(--fg)}.cl-module i{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line2);border-radius:7px;font:700 9px var(--f-mono);font-style:normal}.cl-module span{font-size:10.5px;font-weight:650;line-height:1.3}.cl-module small{font:700 8px var(--f-mono);color:var(--dim)}.cl-module.active{background:var(--gold-dim);color:var(--gold)}.cl-module.active i{border-color:rgba(240,180,41,.45)}.cl-module.visited:not(.active) i{color:var(--grn);border-color:rgba(34,212,131,.3)}
.cl-stage{overflow:hidden;padding:0}.cl-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:18px 19px 15px;border-bottom:1px solid var(--line)}.cl-head-main{max-width:690px}.cl-no{color:var(--gold);font:700 9px var(--f-mono);letter-spacing:1px}.cl-head h2{margin:5px 0 6px;font-size:22px;letter-spacing:-.45px}.cl-head p{margin:0;color:var(--mut);font-size:11.5px;line-height:1.6}.cl-mode{flex-shrink:0;padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:#aab5c7;font:700 8px var(--f-mono);letter-spacing:.6px}.cl-progress{height:3px;background:rgba(255,255,255,.04)}.cl-progress i{display:block;height:100%;background:linear-gradient(90deg,#bc7c08,var(--gold),#ffe49b);transition:width .4s var(--ease)}
.cl-learningbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(240,180,41,.035)}.cl-goal{min-width:0}.cl-goal>span{display:block;color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.cl-goal b{display:block;margin-top:4px;color:#e9edf5;font-size:12px}.cl-goal small{display:block;margin-top:3px;color:var(--mut);font-size:10px}.cl-learning-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.cl-learning-count{color:var(--mut);font:700 8px var(--f-mono);white-space:nowrap}.cl-switch,.cl-step-next{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#aeb9ca;font:700 8px var(--f-mono);cursor:pointer}.cl-switch:hover,.cl-switch.active,.cl-step-next:hover{border-color:rgba(240,180,41,.48);color:var(--gold);background:var(--gold-dim)}.cl-step-next{color:var(--gold);border-color:rgba(240,180,41,.25)}.cl-step-next:disabled{cursor:default;opacity:.55}.cl-guided{animation:cl-guide-pulse 1.9s ease-in-out infinite;outline:1px solid rgba(240,180,41,.58);outline-offset:3px}.cl-summary{padding:15px 18px;border-top:1px solid var(--line);background:linear-gradient(145deg,rgba(240,180,41,.06),rgba(255,255,255,.012))}.cl-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.cl-summary-head span{color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.cl-summary-head b{font-size:12px}.cl-summary>p{margin:5px 0 10px;color:var(--mut);font-size:10.5px;line-height:1.55}.cl-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cl-takeaway,.cl-compare{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12)}.cl-takeaway ul{display:grid;gap:4px;margin:0;padding:0 0 0 15px;color:#c3cddd;font-size:10px;line-height:1.45}.cl-compare>b{display:block;margin-bottom:7px;color:#cbd4e2;font-size:10px}.cl-compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cl-compare-cols div{padding:7px;border-radius:6px;background:rgba(255,255,255,.035);color:#9eabc0;font-size:9.5px;line-height:1.45}.cl-compare-cols strong{display:block;margin-bottom:3px;color:#d9e0eb;font-size:9px}.cl-summary-actions{display:flex;align-items:center;gap:10px;margin-top:11px}.cl-summary-actions a{font:700 9px var(--f-mono);color:var(--gold)}@keyframes cl-guide-pulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(240,180,41,.28)}50%{filter:brightness(1.28);box-shadow:0 0 0 5px rgba(240,180,41,0)}}
.cl-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);min-height:440px}.cl-chart-wrap{position:relative;min-width:0;background:radial-gradient(circle at 72% 20%,rgba(240,180,41,.045),transparent 30%),#080c13;border-right:1px solid var(--line)}.cl-chart{display:block;width:100%;height:390px;touch-action:manipulation}.cl-watermark{position:absolute;left:17px;top:14px;color:rgba(255,255,255,.05);font:800 27px var(--f-mono);pointer-events:none}.cl-hover-note{position:absolute;left:17px;bottom:12px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:rgba(8,12,19,.82);color:#8f9bb1;font:9px var(--f-mono);pointer-events:none}.cl-grid{stroke:rgba(125,142,174,.11);stroke-width:1}.cl-axis{fill:#697792;font:9px var(--f-mono)}.cl-up{fill:#21b9a8;stroke:#21b9a8}.cl-down{fill:#ef5860;stroke:#ef5860}.cl-wick{stroke-width:1.5}.cl-level{stroke:#8a97ad;stroke-dasharray:5 5;stroke-width:1}.cl-guide{fill:none;stroke:rgba(240,180,41,.65);stroke-width:1.4;stroke-dasharray:5 4}.cl-hot{cursor:help;transition:filter .16s,opacity .16s,transform .16s;transform-box:fill-box;transform-origin:center}.cl-hot:hover,.cl-hot.is-active{filter:brightness(1.35) drop-shadow(0 0 6px rgba(240,180,41,.5))}.cl-hot.is-active{transform:scale(1.025)}.cl-hit{fill:transparent;stroke:transparent;cursor:help}.cl-hit:hover,.cl-hit.is-active{fill:rgba(240,180,41,.09);stroke:rgba(240,180,41,.4);stroke-dasharray:4 3}.cl-swing{fill:#080c13;stroke:var(--gold);stroke-width:2;cursor:help}.cl-label{fill:#c8d1e0;font:700 10px var(--f-mono);pointer-events:none}.cl-zone-support{fill:rgba(34,212,131,.1);stroke:rgba(34,212,131,.44)}.cl-zone-resistance{fill:rgba(239,88,96,.09);stroke:rgba(239,88,96,.43)}.cl-event-band{fill:rgba(240,180,41,.09);stroke:rgba(240,180,41,.28)}
.cl-inspector{display:flex;flex-direction:column;padding:18px;background:linear-gradient(155deg,rgba(20,26,38,.98),rgba(9,13,20,.98))}.cl-inspector-kick{color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.cl-inspector h3{font-size:18px;margin:8px 0 7px;line-height:1.2}.cl-inspector>p{color:#aeb9ca;font-size:11.5px;line-height:1.65}.cl-points{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.cl-points li{position:relative;padding-left:15px;color:#c3cddd;font-size:10.5px;line-height:1.5}.cl-points li:before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.cl-inspector-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:#69758b;font-size:9.5px;line-height:1.5}.cl-controls{padding:11px 14px;border-top:1px solid var(--line);background:rgba(255,255,255,.015)}.cl-control-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cl-control-row b{margin-right:auto;font-size:10px;color:var(--mut)}.cl-chip{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#b8c2d2;font:700 9px var(--f-mono);cursor:pointer}.cl-chip:hover,.cl-chip.active{border-color:rgba(240,180,41,.45);color:var(--gold);background:var(--gold-dim)}.cl-risk{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;gap:10px;align-items:end}.cl-risk label{display:grid;gap:5px;color:var(--mut);font:700 8px var(--f-mono)}.cl-risk input{width:100%;accent-color:var(--gold)}.cl-risk output{color:var(--fg);font:700 10px var(--f-mono)}.cl-rr{padding:8px 10px;border:1px solid rgba(240,180,41,.3);border-radius:8px;color:var(--gold);font:800 15px var(--f-mono);white-space:nowrap}.cl-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-top:1px solid var(--line)}.cl-nav span{color:var(--mut);font-size:10px;text-align:center}.cl-nav .btn{min-width:105px}.cl-library-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:22px;align-items:center;margin:0 0 17px;padding:21px;border-color:rgba(240,180,41,.27);background:radial-gradient(circle at 90% 10%,rgba(240,180,41,.12),transparent 35%),var(--glass)}.cl-library-card h2{font-size:23px;margin:7px 0}.cl-library-card p{max-width:680px;color:var(--mut);font-size:12.5px;line-height:1.65}.cl-library-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cl-library-meta span{font:700 9px var(--f-mono);color:#b9c4d5}.cl-library-action{text-align:right}.cl-library-preview{display:flex;justify-content:flex-end;align-items:end;gap:7px;height:92px;margin-bottom:12px}.cl-library-preview i{display:block;width:17px;border-radius:2px}.cl-library-preview i:nth-child(1){height:39px;background:#21b9a8}.cl-library-preview i:nth-child(2){height:67px;background:#ef5860}.cl-library-preview i:nth-child(3){height:52px;background:#21b9a8}.cl-library-preview i:nth-child(4){height:78px;background:#21b9a8}.cl-library-preview i:nth-child(5){height:61px;background:#ef5860}
.cl-course-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.cl-back{color:var(--mut);font-size:13px}.cl-reset{border:0;background:transparent;color:var(--mut);font:700 11px var(--f-mono);cursor:pointer}.cl-reset:hover{color:var(--gold)}.cl-complete{display:none;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:14px;padding:18px 20px;border:1px solid rgba(34,212,131,.3);border-radius:14px;background:linear-gradient(135deg,rgba(34,212,131,.09),rgba(240,180,41,.05))}.cl-complete.show{display:grid}.cl-complete b{display:block;font-size:17px}.cl-complete p{margin-top:4px;color:var(--mut);font-size:13px;line-height:1.5}
.cl-library-card p,.cl-head p,.cl-inspector>p{font-size:14px}.cl-points li,.cl-summary>p,.cl-summary-grid li,.cl-compare-cols div{font-size:13px}.cl-outline-head span,.cl-goal small,.cl-nav span,.cl-control-row b,.cl-inspector-foot{font-size:12px}.cl-module span{font-size:13px}.cl-switch,.cl-step-next,.cl-chip{font-size:11px}.cl-summary-head b{font-size:14px}.cl-hero p{font-size:15px}.cl-visited small,.cl-mode,.cl-no,.cl-goal>span,.cl-learning-count,.cl-summary-head span{font-size:10px}.cl-library-meta span{font-size:10px}.cl-library-preview{height:72px;margin-bottom:5px}.cl-module.complete:not(.active) i{color:var(--grn);border-color:rgba(34,212,131,.35)}
@media(max-width:1050px){.cl-workspace{grid-template-columns:1fr}.cl-chart-wrap{border-right:0;border-bottom:1px solid var(--line)}.cl-inspector{min-height:240px}.cl-risk{grid-template-columns:repeat(3,1fr)}.cl-rr{grid-column:1/-1;text-align:center}}
@media(max-width:820px){.cl-shell{grid-template-columns:1fr}.cl-outline{position:static}.cl-module-list{grid-template-columns:repeat(3,1fr)}.cl-module{grid-template-columns:27px 1fr}.cl-module small{display:none}.cl-library-card{grid-template-columns:1fr}.cl-library-action{text-align:left}.cl-library-preview{justify-content:flex-start}}
@media(max-width:600px){.cl-hero{padding:20px}.cl-hero-row,.cl-head{display:block}.cl-visited{text-align:left;margin-top:15px}.cl-mode{display:inline-block;margin-top:10px}.cl-module-list{grid-template-columns:1fr 1fr;gap:4px}.cl-module{min-height:49px;padding:8px 6px;gap:6px}.cl-module i{width:25px;height:25px}.cl-chart-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.cl-chart{width:620px;min-width:620px;height:290px}.cl-watermark{font-size:21px}.cl-hover-note{font-size:9px;bottom:9px;left:10px}.cl-workspace{min-height:0}.cl-inspector{padding:16px;min-height:0}.cl-inspector h3{font-size:17px}.cl-controls{padding:10px}.cl-control-row{display:grid;grid-template-columns:1fr 1fr}.cl-control-row b{grid-column:1/-1;margin-right:0}.cl-chip{width:100%;min-height:38px}.cl-risk{grid-template-columns:1fr;gap:9px}.cl-rr{grid-column:auto;width:100%}.cl-nav{padding:11px 12px}.cl-nav span{display:none}.cl-nav .btn{min-width:0;flex:1;padding:9px 8px}.cl-learningbar{display:block;padding:12px 14px}.cl-goal b{font-size:13px;line-height:1.35}.cl-learning-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;margin-top:10px}.cl-learning-count,.cl-step-next{grid-column:1/-1}.cl-switch,.cl-step-next{min-height:38px}.cl-summary{padding:14px}.cl-summary-head{display:block}.cl-summary-head b{display:block;margin-top:6px;line-height:1.35}.cl-summary-grid,.cl-compare-cols{grid-template-columns:1fr}.cl-summary-actions{display:block}.cl-summary-actions .disc{display:block;margin-top:8px}.cl-complete{grid-template-columns:1fr}.cl-complete .btn{justify-self:start}}
@media(max-width:480px){.cl-course-tools{align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}.cl-reset{min-height:38px;padding:8px 0}.cl-hero{padding:17px 15px;border-radius:14px}.cl-hero h1{font-size:clamp(24px,8vw,32px);letter-spacing:-.9px}.cl-hero p{font-size:14px;line-height:1.6}.cl-hero-meta{gap:6px;margin-top:14px}.cl-hero-meta span{padding:6px 8px;font-size:9px}.cl-shell{gap:10px;margin-top:10px}.cl-outline{padding:10px;border-radius:12px}.cl-outline-head{padding:3px 4px 10px}.cl-stage{border-radius:12px}.cl-head{padding:15px 14px 13px}.cl-head h2{font-size:20px}.cl-head p{font-size:13px;line-height:1.55}.cl-learningbar{padding:11px 12px}.cl-inspector{padding:14px}.cl-inspector>p{font-size:13px;line-height:1.6}.cl-points li{font-size:12.5px}.cl-summary{padding:13px 12px}.cl-nav{padding:10px}.cl-chip,.cl-switch,.cl-step-next,.cl-nav .btn{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.cl-hot,.cl-progress i{transition:none}}

.tp-hero{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(240,180,41,.26);border-radius:16px;background:radial-gradient(circle at 86% 8%,rgba(240,180,41,.14),transparent 34%),linear-gradient(145deg,#111722,#080b12 68%)}.tp-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.035) 80px)}.tp-hero>*{position:relative;z-index:1}.tp-hero-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.tp-hero h1{max-width:760px;margin:9px 0 10px;font-size:clamp(27px,4vw,43px);line-height:1.06;letter-spacing:-1.4px}.tp-hero p{max-width:720px;color:#aeb8ca;font-size:13.5px;line-height:1.7}.tp-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.tp-hero-meta span{padding:6px 9px;border:1px solid var(--line2);border-radius:999px;background:rgba(0,0,0,.2);color:#c8d0df;font:700 9px var(--f-mono);letter-spacing:.55px}.tp-visited{min-width:145px;text-align:right}.tp-visited strong{display:block;color:var(--gold);font:800 25px var(--f-mono)}.tp-visited small{color:var(--mut);font-size:9px;letter-spacing:.5px}.tp-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;margin-top:14px}.tp-outline{align-self:start;position:sticky;top:18px;padding:14px}.tp-outline-head{padding:4px 5px 12px;border-bottom:1px solid var(--line)}.tp-outline-head b{display:block;font-size:12px}.tp-outline-head span{color:var(--mut);font-size:10px}.tp-module-list{display:grid;gap:5px;margin-top:10px}.tp-module{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;width:100%;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:var(--mut);text-align:left;cursor:pointer}.tp-module:hover{background:rgba(255,255,255,.035);color:var(--fg)}.tp-module i{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line2);border-radius:7px;font:700 9px var(--f-mono);font-style:normal}.tp-module span{font-size:10.5px;font-weight:650;line-height:1.3}.tp-module small{font:700 8px var(--f-mono);color:var(--dim)}.tp-module.active{background:var(--gold-dim);color:var(--gold)}.tp-module.active i{border-color:rgba(240,180,41,.45)}.tp-module.visited:not(.active) i{color:var(--grn);border-color:rgba(34,212,131,.3)}.tp-stage{overflow:hidden;padding:0}.tp-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:18px 19px 15px;border-bottom:1px solid var(--line)}.tp-head-main{max-width:690px}.tp-no{color:var(--gold);font:700 9px var(--f-mono);letter-spacing:1px}.tp-head h2{margin:5px 0 6px;font-size:22px;letter-spacing:-.45px}.tp-head p{margin:0;color:var(--mut);font-size:11.5px;line-height:1.6}.tp-mode{flex-shrink:0;padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:#aab5c7;font:700 8px var(--f-mono);letter-spacing:.6px}.tp-progress{height:3px;background:rgba(255,255,255,.04)}.tp-progress i{display:block;height:100%;background:linear-gradient(90deg,#bc7c08,var(--gold),#ffe49b);transition:width .4s var(--ease)}.tp-learningbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(240,180,41,.035)}.tp-goal{min-width:0}.tp-goal>span{display:block;color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.tp-goal b{display:block;margin-top:4px;color:#e9edf5;font-size:12px}.tp-goal small{display:block;margin-top:3px;color:var(--mut);font-size:10px}.tp-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.tp-count{color:var(--mut);font:700 8px var(--f-mono);white-space:nowrap}.tp-switch,.tp-next{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#aeb9ca;font:700 8px var(--f-mono);cursor:pointer}.tp-switch:hover,.tp-switch.active,.tp-next:hover{border-color:rgba(240,180,41,.48);color:var(--gold);background:var(--gold-dim)}.tp-next{color:var(--gold);border-color:rgba(240,180,41,.25)}.tp-next:disabled{cursor:default;opacity:.55}.tp-guided{animation:tp-pulse 1.9s ease-in-out infinite;outline:1px solid rgba(240,180,41,.58);outline-offset:3px}@keyframes tp-pulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(240,180,41,.28)}50%{filter:brightness(1.28);box-shadow:0 0 0 5px rgba(240,180,41,0)}}.tp-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);min-height:440px}.tp-chart-wrap{position:relative;min-width:0;background:radial-gradient(circle at 72% 20%,rgba(240,180,41,.045),transparent 30%),#080c13;border-right:1px solid var(--line)}.tp-chart{display:block;width:100%;height:390px;touch-action:manipulation}.tp-watermark{position:absolute;left:17px;top:14px;color:rgba(255,255,255,.05);font:800 27px var(--f-mono);pointer-events:none}.tp-note{position:absolute;left:17px;bottom:12px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:rgba(8,12,19,.82);color:#8f9bb1;font:9px var(--f-mono);pointer-events:none}.tp-grid{stroke:rgba(125,142,174,.11);stroke-width:1}.tp-axis{fill:#697792;font:9px var(--f-mono)}.tp-up{fill:#21b9a8;stroke:#21b9a8}.tp-down{fill:#ef5860;stroke:#ef5860}.tp-wick{stroke-width:1.5}.tp-level{stroke:#8a97ad;stroke-dasharray:5 5;stroke-width:1}.tp-label{fill:#c8d1e0;font:700 10px var(--f-mono);pointer-events:none}.tp-hot{cursor:help;transition:filter .16s,opacity .16s,transform .16s;transform-box:fill-box;transform-origin:center}.tp-hot:hover,.tp-hot.active{filter:brightness(1.35) drop-shadow(0 0 6px rgba(240,180,41,.5))}.tp-hot.active{transform:scale(1.025)}.tp-hit{fill:transparent;stroke:transparent;cursor:help}.tp-hit:hover,.tp-hit.active{fill:rgba(240,180,41,.09);stroke:rgba(240,180,41,.4);stroke-dasharray:4 3}.tp-zone{fill:rgba(240,180,41,.08);stroke:rgba(240,180,41,.4)}.tp-support{fill:rgba(34,212,131,.1);stroke:rgba(34,212,131,.44)}.tp-resistance{fill:rgba(239,88,96,.09);stroke:rgba(239,88,96,.43)}.tp-card{fill:rgba(255,255,255,.035);stroke:var(--line)}.tp-card-gold{fill:rgba(240,180,41,.09);stroke:rgba(240,180,41,.4)}.tp-card-green{fill:rgba(34,212,131,.08);stroke:rgba(34,212,131,.38)}.tp-card-red{fill:rgba(239,88,96,.08);stroke:rgba(239,88,96,.38)}.tp-inspector{display:flex;flex-direction:column;padding:18px;background:linear-gradient(155deg,rgba(20,26,38,.98),rgba(9,13,20,.98))}.tp-inspector-kick{color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.tp-inspector h3{font-size:18px;margin:8px 0 7px;line-height:1.2}.tp-inspector>p{color:#aeb9ca;font-size:11.5px;line-height:1.65}.tp-points{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.tp-points li{position:relative;padding-left:15px;color:#c3cddd;font-size:10.5px;line-height:1.5}.tp-points li:before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.tp-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:#69758b;font-size:9.5px;line-height:1.5}.tp-controls{padding:11px 14px;border-top:1px solid var(--line);background:rgba(255,255,255,.015)}.tp-control-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tp-control-row b{margin-right:auto;font-size:10px;color:var(--mut)}.tp-chip{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#b8c2d2;font:700 9px var(--f-mono);cursor:pointer}.tp-chip:hover,.tp-chip.active{border-color:rgba(240,180,41,.45);color:var(--gold);background:var(--gold-dim)}.tp-sliders{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;align-items:end}.tp-sliders label{display:grid;gap:5px;color:var(--mut);font:700 8px var(--f-mono)}.tp-sliders input{width:100%;accent-color:var(--gold)}.tp-sliders output{color:var(--fg);font:700 10px var(--f-mono)}.tp-summary{padding:15px 18px;border-top:1px solid var(--line);background:linear-gradient(145deg,rgba(240,180,41,.06),rgba(255,255,255,.012))}.tp-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.tp-summary-head span{color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.tp-summary-head b{font-size:12px}.tp-summary>p{margin:5px 0 10px;color:var(--mut);font-size:10.5px;line-height:1.55}.tp-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tp-takeaway,.tp-compare{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12)}.tp-takeaway ul{display:grid;gap:4px;margin:0;padding:0 0 0 15px;color:#c3cddd;font-size:10px;line-height:1.45}.tp-compare>b{display:block;margin-bottom:7px;color:#cbd4e2;font-size:10px}.tp-compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tp-compare-cols div{padding:7px;border-radius:6px;background:rgba(255,255,255,.035);color:#9eabc0;font-size:9.5px;line-height:1.45}.tp-compare-cols strong{display:block;margin-bottom:3px;color:#d9e0eb;font-size:9px}.tp-summary-actions{display:flex;align-items:center;gap:10px;margin-top:11px}.tp-summary-actions a{font:700 9px var(--f-mono);color:var(--gold)}.tp-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-top:1px solid var(--line)}.tp-nav span{color:var(--mut);font-size:10px;text-align:center}.tp-nav .btn{min-width:105px}.tp-library{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:22px;align-items:center;margin:0 0 17px;padding:21px;border-color:rgba(240,180,41,.27);background:radial-gradient(circle at 90% 10%,rgba(240,180,41,.12),transparent 35%),var(--glass)}.tp-library h2{font-size:23px;margin:7px 0}.tp-library p{max-width:680px;color:var(--mut);font-size:12.5px;line-height:1.65}.tp-library-action{text-align:right}.tp-library-preview{display:flex;justify-content:flex-end;align-items:end;gap:7px;height:92px;margin-bottom:12px}.tp-library-preview i{display:block;width:17px;border-radius:2px}.tp-library-preview i:nth-child(1){height:42px;background:#21b9a8}.tp-library-preview i:nth-child(2){height:70px;background:#f0b429}.tp-library-preview i:nth-child(3){height:54px;background:#ef5860}.tp-library-preview i:nth-child(4){height:80px;background:#21b9a8}.tp-library-preview i:nth-child(5){height:63px;background:#f0b429}
.tp-sliders{grid-template-columns:repeat(4,minmax(120px,1fr))}
.tp-course-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.tp-back{color:var(--mut);font-size:13px}.tp-reset{border:0;background:transparent;color:var(--mut);font:700 11px var(--f-mono);cursor:pointer}.tp-reset:hover{color:var(--gold)}.tp-complete{display:none;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:14px;padding:18px 20px;border:1px solid rgba(34,212,131,.3);border-radius:14px;background:linear-gradient(135deg,rgba(34,212,131,.09),rgba(240,180,41,.05))}.tp-complete.show{display:grid}.tp-complete b{display:block;font-size:17px}.tp-complete p{margin-top:4px;color:var(--mut);font-size:13px;line-height:1.5}
.tp-library p,.tp-head p,.tp-inspector>p{font-size:14px}.tp-points li,.tp-summary>p,.tp-summary-grid li,.tp-compare-cols div{font-size:13px}.tp-outline-head span,.tp-goal small,.tp-nav span,.tp-control-row b,.tp-foot{font-size:12px}.tp-module span{font-size:13px}.tp-switch,.tp-next,.tp-chip{font-size:11px}.tp-summary-head b{font-size:14px}.tp-hero p{font-size:15px}.tp-visited small,.tp-mode,.tp-no,.tp-goal>span,.tp-count,.tp-summary-head span{font-size:10px}.tp-library-preview{height:72px;margin-bottom:5px}.tp-module.complete:not(.active) i{color:var(--grn);border-color:rgba(34,212,131,.35)}
@media(max-width:1050px){.tp-workspace{grid-template-columns:1fr}.tp-chart-wrap{border-right:0;border-bottom:1px solid var(--line)}.tp-inspector{min-height:240px}}
@media(max-width:820px){.tp-shell{grid-template-columns:1fr}.tp-outline{position:static}.tp-module-list{grid-template-columns:repeat(3,1fr)}.tp-module{grid-template-columns:27px 1fr}.tp-module small{display:none}.tp-library{grid-template-columns:1fr}.tp-library-action{text-align:left}.tp-library-preview{justify-content:flex-start}}
@media(max-width:600px){.tp-hero{padding:20px}.tp-hero-row,.tp-head{display:block}.tp-visited{text-align:left;margin-top:15px}.tp-mode{display:inline-block;margin-top:10px}.tp-module-list{grid-template-columns:1fr 1fr;gap:4px}.tp-module{min-height:49px;padding:8px 6px;gap:6px}.tp-module i{width:25px;height:25px}.tp-chart-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.tp-chart{width:620px;min-width:620px;height:290px}.tp-watermark{font-size:21px}.tp-note{font-size:9px;bottom:9px;left:10px}.tp-workspace{min-height:0}.tp-inspector{padding:16px;min-height:0}.tp-inspector h3{font-size:17px}.tp-controls{padding:10px}.tp-control-row{display:grid;grid-template-columns:1fr 1fr}.tp-control-row b{grid-column:1/-1;margin-right:0}.tp-chip{width:100%;min-height:38px}.tp-sliders{grid-template-columns:1fr;gap:9px}.tp-nav{padding:11px 12px}.tp-nav span{display:none}.tp-nav .btn{min-width:0;flex:1;padding:9px 8px}.tp-learningbar{display:block;padding:12px 14px}.tp-goal b{font-size:13px;line-height:1.35}.tp-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;margin-top:10px}.tp-count,.tp-next{grid-column:1/-1}.tp-switch,.tp-next{min-height:38px}.tp-summary{padding:14px}.tp-summary-head{display:block}.tp-summary-head b{display:block;margin-top:6px;line-height:1.35}.tp-summary-grid,.tp-compare-cols{grid-template-columns:1fr}.tp-summary-actions{display:block}.tp-summary-actions .disc{display:block;margin-top:8px}.tp-complete{grid-template-columns:1fr}.tp-complete .btn{justify-self:start}}
@media(max-width:480px){.tp-course-tools{align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}.tp-reset{min-height:38px;padding:8px 0}.tp-hero{padding:17px 15px;border-radius:14px}.tp-hero h1{font-size:clamp(24px,8vw,32px);letter-spacing:-.9px}.tp-hero p{font-size:14px;line-height:1.6}.tp-hero-meta{gap:6px;margin-top:14px}.tp-hero-meta span{padding:6px 8px;font-size:9px}.tp-shell{gap:10px;margin-top:10px}.tp-outline{padding:10px;border-radius:12px}.tp-outline-head{padding:3px 4px 10px}.tp-stage{border-radius:12px}.tp-head{padding:15px 14px 13px}.tp-head h2{font-size:20px}.tp-head p{font-size:13px;line-height:1.55}.tp-learningbar{padding:11px 12px}.tp-inspector{padding:14px}.tp-inspector>p{font-size:13px;line-height:1.6}.tp-points li{font-size:12.5px}.tp-summary{padding:13px 12px}.tp-nav{padding:10px}.tp-chip,.tp-switch,.tp-next,.tp-nav .btn{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.tp-hot,.tp-progress i{transition:none}}

.ex-hero{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(240,180,41,.26);border-radius:16px;background:radial-gradient(circle at 86% 8%,rgba(240,180,41,.14),transparent 34%),linear-gradient(145deg,#111722,#080b12 68%)}.ex-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.035) 80px)}.ex-hero>*{position:relative;z-index:1}.ex-hero-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.ex-hero h1{max-width:760px;margin:9px 0 10px;font-size:clamp(27px,4vw,43px);line-height:1.06;letter-spacing:-1.4px}.ex-hero p{max-width:720px;color:#aeb8ca;font-size:13.5px;line-height:1.7}.ex-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.ex-hero-meta span{padding:6px 9px;border:1px solid var(--line2);border-radius:999px;background:rgba(0,0,0,.2);color:#c8d0df;font:700 9px var(--f-mono);letter-spacing:.55px}.ex-visited{min-width:145px;text-align:right}.ex-visited strong{display:block;color:var(--gold);font:800 25px var(--f-mono)}.ex-visited small{color:var(--mut);font-size:9px;letter-spacing:.5px}.ex-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;margin-top:14px}.ex-outline{align-self:start;position:sticky;top:18px;padding:14px}.ex-outline-head{padding:4px 5px 12px;border-bottom:1px solid var(--line)}.ex-outline-head b{display:block;font-size:12px}.ex-outline-head span{color:var(--mut);font-size:10px}.ex-module-list{display:grid;gap:5px;margin-top:10px}.ex-module{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;width:100%;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:var(--mut);text-align:left;cursor:pointer}.ex-module:hover{background:rgba(255,255,255,.035);color:var(--fg)}.ex-module i{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line2);border-radius:7px;font:700 9px var(--f-mono);font-style:normal}.ex-module span{font-size:10.5px;font-weight:650;line-height:1.3}.ex-module small{font:700 8px var(--f-mono);color:var(--dim)}.ex-module.active{background:var(--gold-dim);color:var(--gold)}.ex-module.active i{border-color:rgba(240,180,41,.45)}.ex-module.visited:not(.active) i{color:var(--grn);border-color:rgba(34,212,131,.3)}.ex-stage{overflow:hidden;padding:0}.ex-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:18px 19px 15px;border-bottom:1px solid var(--line)}.ex-head-main{max-width:690px}.ex-no{color:var(--gold);font:700 9px var(--f-mono);letter-spacing:1px}.ex-head h2{margin:5px 0 6px;font-size:22px;letter-spacing:-.45px}.ex-head p{margin:0;color:var(--mut);font-size:11.5px;line-height:1.6}.ex-mode{flex-shrink:0;padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:#aab5c7;font:700 8px var(--f-mono);letter-spacing:.6px}.ex-progress{height:3px;background:rgba(255,255,255,.04)}.ex-progress i{display:block;height:100%;background:linear-gradient(90deg,#bc7c08,var(--gold),#ffe49b);transition:width .4s var(--ease)}.ex-learningbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(240,180,41,.035)}.ex-goal{min-width:0}.ex-goal>span{display:block;color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.ex-goal b{display:block;margin-top:4px;color:#e9edf5;font-size:12px}.ex-goal small{display:block;margin-top:3px;color:var(--mut);font-size:10px}.ex-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.ex-count{color:var(--mut);font:700 8px var(--f-mono);white-space:nowrap}.ex-switch,.ex-next{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#aeb9ca;font:700 8px var(--f-mono);cursor:pointer}.ex-switch:hover,.ex-switch.active,.ex-next:hover{border-color:rgba(240,180,41,.48);color:var(--gold);background:var(--gold-dim)}.ex-next{color:var(--gold);border-color:rgba(240,180,41,.25)}.ex-next:disabled{cursor:default;opacity:.55}.ex-guided{animation:ex-pulse 1.9s ease-in-out infinite;outline:1px solid rgba(240,180,41,.58);outline-offset:3px}@keyframes ex-pulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(240,180,41,.28)}50%{filter:brightness(1.28);box-shadow:0 0 0 5px rgba(240,180,41,0)}}.ex-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);min-height:440px}.ex-chart-wrap{position:relative;min-width:0;background:radial-gradient(circle at 72% 20%,rgba(240,180,41,.045),transparent 30%),#080c13;border-right:1px solid var(--line)}.ex-chart{display:block;width:100%;height:390px;touch-action:manipulation}.ex-watermark{position:absolute;left:17px;top:14px;color:rgba(255,255,255,.05);font:800 27px var(--f-mono);pointer-events:none}.ex-note{position:absolute;left:17px;bottom:12px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:rgba(8,12,19,.82);color:#8f9bb1;font:9px var(--f-mono);pointer-events:none}.ex-hot{cursor:help;transition:filter .16s,transform .16s;transform-box:fill-box;transform-origin:center}.ex-hot:hover,.ex-hot.active{filter:brightness(1.35) drop-shadow(0 0 6px rgba(240,180,41,.5))}.ex-hot.active{transform:scale(1.025)}.ex-grid{stroke:rgba(125,142,174,.11);stroke-width:1}.ex-axis{fill:#697792;font:9px var(--f-mono)}.ex-up{fill:#21b9a8;stroke:#21b9a8}.ex-down{fill:#ef5860;stroke:#ef5860}.ex-wick{stroke-width:1.5}.ex-label{fill:#c8d1e0;font:700 10px var(--f-mono);pointer-events:none}.ex-card{fill:rgba(255,255,255,.035);stroke:var(--line)}.ex-gold{fill:rgba(240,180,41,.09);stroke:rgba(240,180,41,.4)}.ex-green{fill:rgba(34,212,131,.08);stroke:rgba(34,212,131,.38)}.ex-red{fill:rgba(239,88,96,.08);stroke:rgba(239,88,96,.38)}.ex-level{stroke:#8a97ad;stroke-dasharray:5 5;stroke-width:1}.ex-controls{padding:11px 14px;border-top:1px solid var(--line);background:rgba(255,255,255,.015)}.ex-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ex-row b{margin-right:auto;font-size:10px;color:var(--mut)}.ex-chip{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#b8c2d2;font:700 9px var(--f-mono);cursor:pointer}.ex-chip:hover,.ex-chip.active{border-color:rgba(240,180,41,.45);color:var(--gold);background:var(--gold-dim)}.ex-sliders{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;align-items:end}.ex-sliders label{display:grid;gap:5px;color:var(--mut);font:700 8px var(--f-mono)}.ex-sliders input{width:100%;accent-color:var(--gold)}.ex-sliders output{color:var(--fg);font:700 10px var(--f-mono)}.ex-inspector{display:flex;flex-direction:column;padding:18px;background:linear-gradient(155deg,rgba(20,26,38,.98),rgba(9,13,20,.98))}.ex-kick{color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.ex-inspector h3{font-size:18px;margin:8px 0 7px;line-height:1.2}.ex-inspector>p{color:#aeb9ca;font-size:11.5px;line-height:1.65}.ex-points{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.ex-points li{position:relative;padding-left:15px;color:#c3cddd;font-size:10.5px;line-height:1.5}.ex-points li:before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.ex-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:#69758b;font-size:9.5px;line-height:1.5}.ex-summary{padding:15px 18px;border-top:1px solid var(--line);background:linear-gradient(145deg,rgba(240,180,41,.06),rgba(255,255,255,.012))}.ex-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.ex-summary-head span{color:var(--gold);font:700 8px var(--f-mono);letter-spacing:1px}.ex-summary-head b{font-size:12px}.ex-summary>p{margin:5px 0 10px;color:var(--mut);font-size:10.5px;line-height:1.55}.ex-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ex-takeaway,.ex-compare{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12)}.ex-takeaway ul{display:grid;gap:4px;margin:0;padding:0 0 0 15px;color:#c3cddd;font-size:10px;line-height:1.45}.ex-compare>b{display:block;margin-bottom:7px;color:#cbd4e2;font-size:10px}.ex-compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ex-compare-cols div{padding:7px;border-radius:6px;background:rgba(255,255,255,.035);color:#9eabc0;font-size:9.5px;line-height:1.45}.ex-compare-cols strong{display:block;margin-bottom:3px;color:#d9e0eb;font-size:9px}.ex-summary-actions{display:flex;align-items:center;gap:10px;margin-top:11px}.ex-summary-actions a{font:700 9px var(--f-mono);color:var(--gold)}.ex-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-top:1px solid var(--line)}.ex-nav span{color:var(--mut);font-size:10px;text-align:center}.ex-nav .btn{min-width:105px}.ex-library{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:22px;align-items:center;margin:0 0 17px;padding:21px;border-color:rgba(240,180,41,.27);background:radial-gradient(circle at 90% 10%,rgba(240,180,41,.12),transparent 35%),var(--glass)}.ex-library h2{font-size:23px;margin:7px 0}.ex-library p{max-width:680px;color:var(--mut);font-size:12.5px;line-height:1.65}.ex-library-action{text-align:right}.ex-library-preview{display:flex;justify-content:flex-end;align-items:end;gap:7px;height:92px;margin-bottom:12px}.ex-library-preview i{display:block;width:17px;border-radius:2px}.ex-library-preview i:nth-child(1){height:46px;background:#f0b429}.ex-library-preview i:nth-child(2){height:72px;background:#ef5860}.ex-library-preview i:nth-child(3){height:58px;background:#21b9a8}.ex-library-preview i:nth-child(4){height:82px;background:#f0b429}.ex-library-preview i:nth-child(5){height:64px;background:#21b9a8}
.ex-course-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.ex-back{color:var(--mut);font-size:13px}.ex-reset{border:0;background:transparent;color:var(--mut);font:700 11px var(--f-mono);cursor:pointer}.ex-reset:hover{color:var(--gold)}.ex-complete{display:none;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:14px;padding:18px 20px;border:1px solid rgba(34,212,131,.3);border-radius:14px;background:linear-gradient(135deg,rgba(34,212,131,.09),rgba(240,180,41,.05))}.ex-complete.show{display:grid}.ex-complete b{display:block;font-size:17px}.ex-complete p{margin-top:4px;color:var(--mut);font-size:13px;line-height:1.5}
.ex-library p,.ex-head p,.ex-inspector>p{font-size:14px}.ex-points li,.ex-summary>p,.ex-summary-grid li,.ex-compare-cols div{font-size:13px}.ex-outline-head span,.ex-goal small,.ex-nav span,.ex-row b,.ex-foot{font-size:12px}.ex-module span{font-size:13px}.ex-switch,.ex-next,.ex-chip{font-size:11px}.ex-summary-head b{font-size:14px}.ex-hero p{font-size:15px}.ex-visited small,.ex-mode,.ex-no,.ex-goal>span,.ex-count,.ex-summary-head span{font-size:10px}.ex-library-preview{height:72px;margin-bottom:5px}.ex-module.complete:not(.active) i{color:var(--grn);border-color:rgba(34,212,131,.35)}
@media(max-width:1050px){.ex-workspace{grid-template-columns:1fr}.ex-chart-wrap{border-right:0;border-bottom:1px solid var(--line)}.ex-inspector{min-height:240px}}
@media(max-width:820px){.ex-shell{grid-template-columns:1fr}.ex-outline{position:static}.ex-module-list{grid-template-columns:repeat(3,1fr)}.ex-module{grid-template-columns:27px 1fr}.ex-module small{display:none}.ex-library{grid-template-columns:1fr}.ex-library-action{text-align:left}.ex-library-preview{justify-content:flex-start}}
@media(max-width:600px){.ex-hero{padding:20px}.ex-hero-row,.ex-head{display:block}.ex-visited{text-align:left;margin-top:15px}.ex-mode{display:inline-block;margin-top:10px}.ex-module-list{grid-template-columns:1fr 1fr;gap:4px}.ex-module{min-height:49px;padding:8px 6px;gap:6px}.ex-module i{width:25px;height:25px}.ex-chart-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ex-chart{width:620px;min-width:620px;height:290px}.ex-watermark{font-size:21px}.ex-note{font-size:9px;bottom:9px;left:10px}.ex-workspace{min-height:0}.ex-inspector{padding:16px;min-height:0}.ex-inspector h3{font-size:17px}.ex-controls{padding:10px}.ex-row{display:grid;grid-template-columns:1fr 1fr}.ex-row b{grid-column:1/-1;margin-right:0}.ex-chip{width:100%;min-height:38px}.ex-sliders{grid-template-columns:1fr;gap:9px}.ex-learningbar{display:block;padding:12px 14px}.ex-goal b{font-size:13px;line-height:1.35}.ex-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;margin-top:10px}.ex-count,.ex-next{grid-column:1/-1}.ex-switch,.ex-next{min-height:38px}.ex-summary{padding:14px}.ex-summary-head{display:block}.ex-summary-head b{display:block;margin-top:6px;line-height:1.35}.ex-summary-grid,.ex-compare-cols{grid-template-columns:1fr}.ex-summary-actions{display:block}.ex-summary-actions .disc{display:block;margin-top:8px}.ex-nav{padding:11px 12px}.ex-nav span{display:none}.ex-nav .btn{min-width:0;flex:1;padding:9px 8px}.ex-complete{grid-template-columns:1fr}.ex-complete .btn{justify-self:start}}
@media(max-width:480px){.ex-course-tools{align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}.ex-reset{min-height:38px;padding:8px 0}.ex-hero{padding:17px 15px;border-radius:14px}.ex-hero h1{font-size:clamp(24px,8vw,32px);letter-spacing:-.9px}.ex-hero p{font-size:14px;line-height:1.6}.ex-hero-meta{gap:6px;margin-top:14px}.ex-hero-meta span{padding:6px 8px;font-size:9px}.ex-shell{gap:10px;margin-top:10px}.ex-outline{padding:10px;border-radius:12px}.ex-outline-head{padding:3px 4px 10px}.ex-stage{border-radius:12px}.ex-head{padding:15px 14px 13px}.ex-head h2{font-size:20px}.ex-head p{font-size:13px;line-height:1.55}.ex-learningbar{padding:11px 12px}.ex-inspector{padding:14px}.ex-inspector>p{font-size:13px;line-height:1.6}.ex-points li{font-size:12.5px}.ex-summary{padding:13px 12px}.ex-nav{padding:10px}.ex-chip,.ex-switch,.ex-next,.ex-nav .btn{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.ex-hot,.ex-progress i{transition:none}}

.me-hero{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(240,180,41,.26);border-radius:16px;background:radial-gradient(circle at 86% 8%,rgba(240,180,41,.14),transparent 34%),linear-gradient(145deg,#111722,#080b12 68%)}.me-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.035) 80px)}.me-hero>*{position:relative;z-index:1}.me-hero-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.me-hero h1{max-width:780px;margin:9px 0 10px;font-size:clamp(27px,4vw,43px);line-height:1.06;letter-spacing:-1.4px}.me-hero p{max-width:730px;color:#aeb8ca;font-size:15px;line-height:1.7}.me-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.me-meta span{padding:6px 9px;border:1px solid var(--line2);border-radius:999px;background:rgba(0,0,0,.2);color:#c8d0df;font:700 10px var(--f-mono);letter-spacing:.55px}.me-visited{min-width:145px;text-align:right}.me-visited strong{display:block;color:var(--gold);font:800 25px var(--f-mono)}.me-visited small{color:var(--mut);font-size:10px;letter-spacing:.7px}.me-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.me-back{color:var(--mut);font-size:13px}.me-reset{border:0;background:transparent;color:var(--mut);font:700 11px var(--f-mono);cursor:pointer}.me-reset:hover{color:var(--gold)}.me-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;margin-top:14px}.me-outline{align-self:start;position:sticky;top:18px;padding:14px}.me-outline-head{padding:4px 5px 12px;border-bottom:1px solid var(--line)}.me-outline-head b{display:block;font-size:12px}.me-outline-head span{color:var(--mut);font-size:10px}.me-module-list{display:grid;gap:5px;margin-top:10px}.me-module{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;width:100%;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:var(--mut);text-align:left;cursor:pointer}.me-module:hover{background:rgba(255,255,255,.035);color:var(--fg)}.me-module i{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line2);border-radius:7px;font:700 9px var(--f-mono);font-style:normal}.me-module span{font-size:13px;font-weight:650;line-height:1.3}.me-module small{font:700 9px var(--f-mono);color:var(--dim)}.me-module.active{background:var(--gold-dim);color:var(--gold)}.me-module.active i{border-color:rgba(240,180,41,.45)}.me-module.visited:not(.active) i,.me-module.complete:not(.active) i{color:var(--grn);border-color:rgba(34,212,131,.3)}.me-stage{overflow:hidden;padding:0}.me-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:18px 19px 15px;border-bottom:1px solid var(--line)}.me-head-main{max-width:690px}.me-no{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.me-head h2{margin:5px 0 6px;font-size:22px;letter-spacing:-.45px}.me-head p{margin:0;color:var(--mut);font-size:14px;line-height:1.6}.me-mode{flex-shrink:0;padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:#aab5c7;font:700 9px var(--f-mono);letter-spacing:.6px}.me-progress{height:3px;background:rgba(255,255,255,.04)}.me-progress i{display:block;height:100%;background:linear-gradient(90deg,#bc7c08,var(--gold),#ffe49b);transition:width .4s var(--ease)}.me-learningbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(240,180,41,.035)}.me-goal{min-width:0}.me-goal>span{display:block;color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.me-goal b{display:block;margin-top:4px;color:#e9edf5;font-size:13px}.me-goal small{display:block;margin-top:3px;color:var(--mut);font-size:12px}.me-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.me-count{color:var(--mut);font:700 10px var(--f-mono);white-space:nowrap}.me-switch,.me-next{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#aeb9ca;font:700 10px var(--f-mono);cursor:pointer}.me-switch:hover,.me-switch.active,.me-next:hover{border-color:rgba(240,180,41,.48);color:var(--gold);background:var(--gold-dim)}.me-next{color:var(--gold);border-color:rgba(240,180,41,.25)}.me-next:disabled{cursor:default;opacity:.55}.me-guided{animation:me-pulse 1.9s ease-in-out infinite;outline:1px solid rgba(240,180,41,.58);outline-offset:3px}@keyframes me-pulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(240,180,41,.28)}50%{filter:brightness(1.28);box-shadow:0 0 0 5px rgba(240,180,41,0)}}.me-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);min-height:440px}.me-chart-wrap{position:relative;min-width:0;background:radial-gradient(circle at 72% 20%,rgba(240,180,41,.045),transparent 30%),#080c13;border-right:1px solid var(--line)}.me-chart{display:block;width:100%;height:390px;touch-action:manipulation}.me-watermark{position:absolute;left:17px;top:14px;color:rgba(255,255,255,.05);font:800 27px var(--f-mono);pointer-events:none}.me-note{position:absolute;left:17px;bottom:12px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:rgba(8,12,19,.82);color:#8f9bb1;font:9px var(--f-mono);pointer-events:none}.me-hot{cursor:help;transition:filter .16s,transform .16s,opacity .16s;transform-box:fill-box;transform-origin:center}.me-hot:hover,.me-hot.active{filter:brightness(1.35) drop-shadow(0 0 6px rgba(240,180,41,.5))}.me-hot.active{transform:scale(1.025)}.me-grid{stroke:rgba(125,142,174,.11);stroke-width:1}.me-axis{fill:#697792;font:9px var(--f-mono)}.me-label{fill:#c8d1e0;font:700 10px var(--f-mono);pointer-events:none}.me-card{fill:rgba(255,255,255,.035);stroke:var(--line)}.me-gold{fill:rgba(240,180,41,.09);stroke:rgba(240,180,41,.4)}.me-green{fill:rgba(34,212,131,.08);stroke:rgba(34,212,131,.38)}.me-red{fill:rgba(239,88,96,.08);stroke:rgba(239,88,96,.38)}.me-blue{fill:rgba(75,153,218,.1);stroke:rgba(75,153,218,.42)}.me-level{stroke:#8a97ad;stroke-dasharray:5 5;stroke-width:1}.me-candle-up{fill:#21b9a8;stroke:#21b9a8}.me-candle-down{fill:#ef5860;stroke:#ef5860}.me-wick{stroke-width:1.5}.me-event-line{stroke:var(--gold);stroke-width:1.5;stroke-dasharray:5 4;animation:me-line 2.8s linear infinite}.me-spark{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:me-draw 4.5s var(--ease) infinite}.me-pulse-dot{fill:var(--gold);filter:drop-shadow(0 0 6px rgba(240,180,41,.8));animation:me-dot 2s ease-in-out infinite}.me-release{fill:rgba(240,180,41,.1);stroke:rgba(240,180,41,.38);animation:me-release 2.5s ease-in-out infinite}.me-check{fill:none;stroke:var(--grn);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;animation:me-check 2.5s ease-in-out infinite}.me-controls{padding:11px 14px;border-top:1px solid var(--line);background:rgba(255,255,255,.015)}.me-control-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.me-control-row b{margin-right:auto;font-size:12px;color:var(--mut)}.me-chip{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#b8c2d2;font:700 10px var(--f-mono);cursor:pointer}.me-chip:hover,.me-chip.active{border-color:rgba(240,180,41,.45);color:var(--gold);background:var(--gold-dim)}.me-inspector{display:flex;flex-direction:column;padding:18px;background:linear-gradient(155deg,rgba(20,26,38,.98),rgba(9,13,20,.98))}.me-kick{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.me-inspector h3{font-size:18px;margin:8px 0 7px;line-height:1.2}.me-inspector>p{color:#aeb9ca;font-size:14px;line-height:1.65}.me-points{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.me-points li{position:relative;padding-left:15px;color:#c3cddd;font-size:13px;line-height:1.5}.me-points li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.me-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:#69758b;font-size:12px;line-height:1.5}.me-summary{padding:15px 18px;border-top:1px solid var(--line);background:linear-gradient(145deg,rgba(240,180,41,.06),rgba(255,255,255,.012))}.me-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.me-summary-head span{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.me-summary-head b{font-size:14px}.me-summary>p{margin:5px 0 10px;color:var(--mut);font-size:13px;line-height:1.55}.me-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.me-takeaway,.me-compare{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12)}.me-takeaway ul{display:grid;gap:4px;margin:0;padding:0 0 0 15px;color:#c3cddd;font-size:12px;line-height:1.45}.me-compare>b{display:block;margin-bottom:7px;color:#cbd4e2;font-size:12px}.me-compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:7px}.me-compare-cols div{padding:7px;border-radius:6px;background:rgba(255,255,255,.035);color:#9eabc0;font-size:12px;line-height:1.45}.me-compare-cols strong{display:block;margin-bottom:3px;color:#d9e0eb;font-size:11px}.me-summary-actions{display:flex;align-items:center;gap:10px;margin-top:11px}.me-summary-actions a{font:700 10px var(--f-mono);color:var(--gold)}.me-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-top:1px solid var(--line)}.me-nav span{color:var(--mut);font-size:12px;text-align:center}.me-nav .btn{min-width:105px}.me-complete{display:none;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:14px;padding:18px 20px;border:1px solid rgba(34,212,131,.3);border-radius:14px;background:linear-gradient(135deg,rgba(34,212,131,.09),rgba(240,180,41,.05))}.me-complete.show{display:grid}.me-complete b{display:block;font-size:17px}.me-complete p{margin-top:4px;color:var(--mut);font-size:13px;line-height:1.5}@keyframes me-line{to{stroke-dashoffset:-50}}@keyframes me-draw{0%{stroke-dashoffset:420}58%,100%{stroke-dashoffset:0}}@keyframes me-dot{0%,100%{opacity:.35;transform:scale(.78)}50%{opacity:1;transform:scale(1.14)}}@keyframes me-release{0%,100%{opacity:.25}50%{opacity:.8}}@keyframes me-check{0%,20%{stroke-dashoffset:20}55%,100%{stroke-dashoffset:0}}
@media(max-width:1050px){.me-workspace{grid-template-columns:1fr}.me-chart-wrap{border-right:0;border-bottom:1px solid var(--line)}.me-inspector{min-height:240px}}
@media(max-width:820px){.me-shell{grid-template-columns:1fr}.me-outline{position:static}.me-module-list{grid-template-columns:repeat(3,1fr)}.me-module{grid-template-columns:27px 1fr}.me-module small{display:none}}
@media(max-width:600px){.me-hero{padding:20px}.me-hero-row,.me-head{display:block}.me-visited{text-align:left;margin-top:15px}.me-mode{display:inline-block;margin-top:10px}.me-module-list{grid-template-columns:1fr 1fr;gap:4px}.me-module{min-height:49px;padding:8px 6px;gap:6px}.me-module i{width:25px;height:25px}.me-chart-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.me-chart{width:620px;min-width:620px;height:290px}.me-watermark{font-size:21px}.me-note{font-size:9px;bottom:9px;left:10px}.me-workspace{min-height:0}.me-inspector{padding:16px;min-height:0}.me-inspector h3{font-size:17px}.me-controls{padding:10px}.me-control-row{display:grid;grid-template-columns:1fr 1fr}.me-control-row b{grid-column:1/-1;margin-right:0}.me-chip{width:100%;min-height:38px}.me-learningbar{display:block;padding:12px 14px}.me-goal b{font-size:13px;line-height:1.35}.me-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;margin-top:10px}.me-count,.me-next{grid-column:1/-1}.me-switch,.me-next{min-height:38px}.me-summary{padding:14px}.me-summary-head{display:block}.me-summary-head b{display:block;margin-top:6px;line-height:1.35}.me-summary-grid,.me-compare-cols{grid-template-columns:1fr}.me-summary-actions{display:block}.me-summary-actions .disc{display:block;margin-top:8px}.me-complete{grid-template-columns:1fr}.me-complete .btn{justify-self:start}.me-nav{padding:11px 12px}.me-nav span{display:none}.me-nav .btn{min-width:0;flex:1;padding:9px 8px}}
@media(prefers-reduced-motion:reduce){.me-hot,.me-progress i{transition:none}.me-event-line,.me-spark,.me-pulse-dot,.me-release,.me-check{animation:none}.me-spark{stroke-dashoffset:0}.me-check{stroke-dashoffset:0}}

.jr-hero{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(240,180,41,.26);border-radius:16px;background:radial-gradient(circle at 86% 8%,rgba(240,180,41,.14),transparent 34%),linear-gradient(145deg,#111722,#080b12 68%)}.jr-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.035) 80px)}.jr-hero>*{position:relative;z-index:1}.jr-hero-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.jr-hero h1{max-width:780px;margin:9px 0 10px;font-size:clamp(27px,4vw,43px);line-height:1.06;letter-spacing:-1.4px}.jr-hero p{max-width:730px;color:#aeb8ca;font-size:15px;line-height:1.7}.jr-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.jr-meta span{padding:6px 9px;border:1px solid var(--line2);border-radius:999px;background:rgba(0,0,0,.2);color:#c8d0df;font:700 10px var(--f-mono);letter-spacing:.55px}.jr-visited{min-width:145px;text-align:right}.jr-visited strong{display:block;color:var(--gold);font:800 25px var(--f-mono)}.jr-visited small{color:var(--mut);font-size:10px;letter-spacing:.7px}.jr-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.jr-back{color:var(--mut);font-size:13px}.jr-reset{border:0;background:transparent;color:var(--mut);font:700 11px var(--f-mono);cursor:pointer}.jr-reset:hover{color:var(--gold)}.jr-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;margin-top:14px}.jr-outline{align-self:start;position:sticky;top:18px;padding:14px}.jr-outline-head{padding:4px 5px 12px;border-bottom:1px solid var(--line)}.jr-outline-head b{display:block;font-size:12px}.jr-outline-head span{color:var(--mut);font-size:10px}.jr-module-list{display:grid;gap:5px;margin-top:10px}.jr-module{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;width:100%;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:var(--mut);text-align:left;cursor:pointer}.jr-module:hover{background:rgba(255,255,255,.035);color:var(--fg)}.jr-module i{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line2);border-radius:7px;font:700 9px var(--f-mono);font-style:normal}.jr-module span{font-size:13px;font-weight:650;line-height:1.3}.jr-module small{font:700 9px var(--f-mono);color:var(--dim)}.jr-module.active{background:var(--gold-dim);color:var(--gold)}.jr-module.active i{border-color:rgba(240,180,41,.45)}.jr-module.visited:not(.active) i,.jr-module.complete:not(.active) i{color:var(--grn);border-color:rgba(34,212,131,.3)}.jr-stage{overflow:hidden;padding:0}.jr-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:18px 19px 15px;border-bottom:1px solid var(--line)}.jr-head-main{max-width:690px}.jr-no{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.jr-head h2{margin:5px 0 6px;font-size:22px;letter-spacing:-.45px}.jr-head p{margin:0;color:var(--mut);font-size:14px;line-height:1.6}.jr-mode{flex-shrink:0;padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:#aab5c7;font:700 9px var(--f-mono);letter-spacing:.6px}.jr-progress{height:3px;background:rgba(255,255,255,.04)}.jr-progress i{display:block;height:100%;background:linear-gradient(90deg,#bc7c08,var(--gold),#ffe49b);transition:width .4s var(--ease)}.jr-learningbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(240,180,41,.035)}.jr-goal{min-width:0}.jr-goal>span{display:block;color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.jr-goal b{display:block;margin-top:4px;color:#e9edf5;font-size:13px}.jr-goal small{display:block;margin-top:3px;color:var(--mut);font-size:12px}.jr-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.jr-count{color:var(--mut);font:700 10px var(--f-mono);white-space:nowrap}.jr-switch,.jr-next{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#aeb9ca;font:700 10px var(--f-mono);cursor:pointer}.jr-switch:hover,.jr-switch.active,.jr-next:hover{border-color:rgba(240,180,41,.48);color:var(--gold);background:var(--gold-dim)}.jr-next{color:var(--gold);border-color:rgba(240,180,41,.25)}.jr-next:disabled{cursor:default;opacity:.55}.jr-guided{animation:jr-pulse 1.9s ease-in-out infinite;outline:1px solid rgba(240,180,41,.58);outline-offset:3px}@keyframes jr-pulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(240,180,41,.28)}50%{filter:brightness(1.28);box-shadow:0 0 0 5px rgba(240,180,41,0)}}.jr-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);min-height:440px}.jr-chart-wrap{position:relative;min-width:0;background:radial-gradient(circle at 72% 20%,rgba(240,180,41,.045),transparent 30%),#080c13;border-right:1px solid var(--line)}.jr-chart{display:block;width:100%;height:390px;touch-action:manipulation}.jr-watermark{position:absolute;left:17px;top:14px;color:rgba(255,255,255,.05);font:800 27px var(--f-mono);pointer-events:none}.jr-note{position:absolute;left:17px;bottom:12px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:rgba(8,12,19,.82);color:#8f9bb1;font:9px var(--f-mono);pointer-events:none}.jr-hot{cursor:help;transition:filter .16s,transform .16s,opacity .16s;transform-box:fill-box;transform-origin:center}.jr-hot:hover,.jr-hot.active{filter:brightness(1.35) drop-shadow(0 0 6px rgba(240,180,41,.5))}.jr-hot.active{transform:scale(1.025)}.jr-grid{stroke:rgba(125,142,174,.11);stroke-width:1}.jr-label{fill:#c8d1e0;font:700 10px var(--f-mono);pointer-events:none}.jr-card{fill:rgba(255,255,255,.035);stroke:var(--line)}.jr-gold{fill:rgba(240,180,41,.09);stroke:rgba(240,180,41,.4)}.jr-green{fill:rgba(34,212,131,.08);stroke:rgba(34,212,131,.38)}.jr-red{fill:rgba(239,88,96,.08);stroke:rgba(239,88,96,.38)}.jr-blue{fill:rgba(75,153,218,.1);stroke:rgba(75,153,218,.42)}.jr-line{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:440;stroke-dashoffset:440;animation:jr-draw 4.5s var(--ease) infinite}.jr-dot{fill:var(--gold);filter:drop-shadow(0 0 6px rgba(240,180,41,.8));animation:jr-dot 2s ease-in-out infinite}.jr-check{fill:none;stroke:var(--grn);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;animation:jr-check 2.6s ease-in-out infinite}.jr-loss{fill:rgba(239,88,96,.12);stroke:rgba(239,88,96,.4)}.jr-win{fill:rgba(34,212,131,.1);stroke:rgba(34,212,131,.4)}.jr-controls{padding:11px 14px;border-top:1px solid var(--line);background:rgba(255,255,255,.015)}.jr-control-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.jr-control-row b{margin-right:auto;font-size:12px;color:var(--mut)}.jr-chip{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#b8c2d2;font:700 10px var(--f-mono);cursor:pointer}.jr-chip:hover,.jr-chip.active{border-color:rgba(240,180,41,.45);color:var(--gold);background:var(--gold-dim)}.jr-inspector{display:flex;flex-direction:column;padding:18px;background:linear-gradient(155deg,rgba(20,26,38,.98),rgba(9,13,20,.98))}.jr-kick{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.jr-inspector h3{font-size:18px;margin:8px 0 7px;line-height:1.2}.jr-inspector>p{color:#aeb9ca;font-size:14px;line-height:1.65}.jr-points{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.jr-points li{position:relative;padding-left:15px;color:#c3cddd;font-size:13px;line-height:1.5}.jr-points li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.jr-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:#69758b;font-size:12px;line-height:1.5}.jr-summary{padding:15px 18px;border-top:1px solid var(--line);background:linear-gradient(145deg,rgba(240,180,41,.06),rgba(255,255,255,.012))}.jr-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.jr-summary-head span{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.jr-summary-head b{font-size:14px}.jr-summary>p{margin:5px 0 10px;color:var(--mut);font-size:13px;line-height:1.55}.jr-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jr-takeaway,.jr-compare{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12)}.jr-takeaway ul{display:grid;gap:4px;margin:0;padding:0 0 0 15px;color:#c3cddd;font-size:12px;line-height:1.45}.jr-compare>b{display:block;margin-bottom:7px;color:#cbd4e2;font-size:12px}.jr-compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:7px}.jr-compare-cols div{padding:7px;border-radius:6px;background:rgba(255,255,255,.035);color:#9eabc0;font-size:12px;line-height:1.45}.jr-compare-cols strong{display:block;margin-bottom:3px;color:#d9e0eb;font-size:11px}.jr-summary-actions{display:flex;align-items:center;gap:10px;margin-top:11px}.jr-summary-actions a{font:700 10px var(--f-mono);color:var(--gold)}.jr-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-top:1px solid var(--line)}.jr-nav span{color:var(--mut);font-size:12px;text-align:center}.jr-nav .btn{min-width:105px}.jr-complete{display:none;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:14px;padding:18px 20px;border:1px solid rgba(34,212,131,.3);border-radius:14px;background:linear-gradient(135deg,rgba(34,212,131,.09),rgba(240,180,41,.05))}.jr-complete.show{display:grid}.jr-complete b{display:block;font-size:17px}.jr-complete p{margin-top:4px;color:var(--mut);font-size:13px;line-height:1.5}@keyframes jr-draw{0%{stroke-dashoffset:440}58%,100%{stroke-dashoffset:0}}@keyframes jr-dot{0%,100%{opacity:.35;transform:scale(.78)}50%{opacity:1;transform:scale(1.14)}}@keyframes jr-check{0%,20%{stroke-dashoffset:20}55%,100%{stroke-dashoffset:0}}
@media(max-width:1050px){.jr-workspace{grid-template-columns:1fr}.jr-chart-wrap{border-right:0;border-bottom:1px solid var(--line)}.jr-inspector{min-height:240px}}
@media(max-width:820px){.jr-shell{grid-template-columns:1fr}.jr-outline{position:static}.jr-module-list{grid-template-columns:repeat(3,1fr)}.jr-module{grid-template-columns:27px 1fr}.jr-module small{display:none}}
@media(max-width:600px){.jr-hero{padding:20px}.jr-hero-row,.jr-head{display:block}.jr-visited{text-align:left;margin-top:15px}.jr-mode{display:inline-block;margin-top:10px}.jr-module-list{grid-template-columns:1fr 1fr;gap:4px}.jr-module{min-height:49px;padding:8px 6px;gap:6px}.jr-module i{width:25px;height:25px}.jr-chart-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.jr-chart{width:620px;min-width:620px;height:290px}.jr-watermark{font-size:21px}.jr-note{font-size:9px;bottom:9px;left:10px}.jr-workspace{min-height:0}.jr-inspector{padding:16px;min-height:0}.jr-inspector h3{font-size:17px}.jr-controls{padding:10px}.jr-control-row{display:grid;grid-template-columns:1fr 1fr}.jr-control-row b{grid-column:1/-1;margin-right:0}.jr-chip{width:100%;min-height:38px}.jr-learningbar{display:block;padding:12px 14px}.jr-goal b{font-size:13px;line-height:1.35}.jr-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;margin-top:10px}.jr-count,.jr-next{grid-column:1/-1}.jr-switch,.jr-next{min-height:38px}.jr-summary{padding:14px}.jr-summary-head{display:block}.jr-summary-head b{display:block;margin-top:6px;line-height:1.35}.jr-summary-grid,.jr-compare-cols{grid-template-columns:1fr}.jr-summary-actions{display:block}.jr-summary-actions .disc{display:block;margin-top:8px}.jr-complete{grid-template-columns:1fr}.jr-complete .btn{justify-self:start}.jr-nav{padding:11px 12px}.jr-nav span{display:none}.jr-nav .btn{min-width:0;flex:1;padding:9px 8px}}
@media(prefers-reduced-motion:reduce){.jr-hot,.jr-progress i{transition:none}.jr-line,.jr-dot,.jr-check{animation:none}.jr-line{stroke-dashoffset:0}.jr-check{stroke-dashoffset:0}}

.mr-hero{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(240,180,41,.26);border-radius:16px;background:radial-gradient(circle at 86% 8%,rgba(240,180,41,.14),transparent 34%),linear-gradient(145deg,#111722,#080b12 68%)}.mr-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.035) 80px)}.mr-hero>*{position:relative;z-index:1}.mr-hero-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.mr-hero h1{max-width:780px;margin:9px 0 10px;font-size:clamp(27px,4vw,43px);line-height:1.06;letter-spacing:-1.4px}.mr-hero p{max-width:730px;color:#aeb8ca;font-size:15px;line-height:1.7}.mr-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.mr-meta span{padding:6px 9px;border:1px solid var(--line2);border-radius:999px;background:rgba(0,0,0,.2);color:#c8d0df;font:700 10px var(--f-mono);letter-spacing:.55px}.mr-visited{min-width:145px;text-align:right}.mr-visited strong{display:block;color:var(--gold);font:800 25px var(--f-mono)}.mr-visited small{color:var(--mut);font-size:10px;letter-spacing:.7px}.mr-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.mr-back{color:var(--mut);font-size:13px}.mr-reset{border:0;background:transparent;color:var(--mut);font:700 11px var(--f-mono);cursor:pointer}.mr-reset:hover{color:var(--gold)}.mr-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;margin-top:14px}.mr-outline{align-self:start;position:sticky;top:18px;padding:14px}.mr-outline-head{padding:4px 5px 12px;border-bottom:1px solid var(--line)}.mr-outline-head b{display:block;font-size:12px}.mr-outline-head span{color:var(--mut);font-size:10px}.mr-module-list{display:grid;gap:5px;margin-top:10px}.mr-module{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;width:100%;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:var(--mut);text-align:left;cursor:pointer}.mr-module:hover{background:rgba(255,255,255,.035);color:var(--fg)}.mr-module i{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line2);border-radius:7px;font:700 9px var(--f-mono);font-style:normal}.mr-module span{font-size:13px;font-weight:650;line-height:1.3}.mr-module small{font:700 9px var(--f-mono);color:var(--dim)}.mr-module.active{background:var(--gold-dim);color:var(--gold)}.mr-module.active i{border-color:rgba(240,180,41,.45)}.mr-module.visited:not(.active) i,.mr-module.complete:not(.active) i{color:var(--grn);border-color:rgba(34,212,131,.3)}.mr-stage{overflow:hidden;padding:0}.mr-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:18px 19px 15px;border-bottom:1px solid var(--line)}.mr-head-main{max-width:690px}.mr-no{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.mr-head h2{margin:5px 0 6px;font-size:22px;letter-spacing:-.45px}.mr-head p{margin:0;color:var(--mut);font-size:14px;line-height:1.6}.mr-mode{flex-shrink:0;padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:#aab5c7;font:700 9px var(--f-mono);letter-spacing:.6px}.mr-progress{height:3px;background:rgba(255,255,255,.04)}.mr-progress i{display:block;height:100%;background:linear-gradient(90deg,#bc7c08,var(--gold),#ffe49b);transition:width .4s var(--ease)}.mr-learningbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(240,180,41,.035)}.mr-goal{min-width:0}.mr-goal>span{display:block;color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.mr-goal b{display:block;margin-top:4px;color:#e9edf5;font-size:13px}.mr-goal small{display:block;margin-top:3px;color:var(--mut);font-size:12px}.mr-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.mr-count{color:var(--mut);font:700 10px var(--f-mono);white-space:nowrap}.mr-switch,.mr-next{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#aeb9ca;font:700 10px var(--f-mono);cursor:pointer}.mr-switch:hover,.mr-switch.active,.mr-next:hover{border-color:rgba(240,180,41,.48);color:var(--gold);background:var(--gold-dim)}.mr-next{color:var(--gold);border-color:rgba(240,180,41,.25)}.mr-next:disabled{cursor:default;opacity:.55}.mr-guided{animation:mr-pulse 1.9s ease-in-out infinite;outline:1px solid rgba(240,180,41,.58);outline-offset:3px}@keyframes mr-pulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(240,180,41,.28)}50%{filter:brightness(1.28);box-shadow:0 0 0 5px rgba(240,180,41,0)}}.mr-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);min-height:440px}.mr-chart-wrap{position:relative;min-width:0;background:radial-gradient(circle at 72% 20%,rgba(240,180,41,.045),transparent 30%),#080c13;border-right:1px solid var(--line)}.mr-chart{display:block;width:100%;height:390px;touch-action:manipulation}.mr-watermark{position:absolute;left:17px;top:14px;color:rgba(255,255,255,.05);font:800 27px var(--f-mono);pointer-events:none}.mr-note{position:absolute;left:17px;bottom:12px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:rgba(8,12,19,.82);color:#8f9bb1;font:9px var(--f-mono);pointer-events:none}.mr-hot{cursor:help;transition:filter .16s,transform .16s,opacity .16s;transform-box:fill-box;transform-origin:center}.mr-hot:hover,.mr-hot.active{filter:brightness(1.35) drop-shadow(0 0 6px rgba(240,180,41,.5))}.mr-hot.active{transform:scale(1.025)}.mr-grid{stroke:rgba(125,142,174,.11);stroke-width:1}.mr-label{fill:#c8d1e0;font:700 10px var(--f-mono);pointer-events:none}.mr-card{fill:rgba(255,255,255,.035);stroke:var(--line)}.mr-gold{fill:rgba(240,180,41,.09);stroke:rgba(240,180,41,.4)}.mr-green{fill:rgba(34,212,131,.08);stroke:rgba(34,212,131,.38)}.mr-red{fill:rgba(239,88,96,.08);stroke:rgba(239,88,96,.38)}.mr-blue{fill:rgba(75,153,218,.1);stroke:rgba(75,153,218,.42)}.mr-muted{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.13)}.mr-line{fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:440;stroke-dashoffset:440;animation:mr-draw 4.5s var(--ease) infinite}.mr-dot{fill:var(--gold);filter:drop-shadow(0 0 6px rgba(240,180,41,.8));animation:mr-dot 2s ease-in-out infinite}.mr-mask{fill:rgba(8,12,19,.92);stroke:rgba(240,180,41,.25);stroke-dasharray:5 5;animation:mr-mask 3s linear infinite}.mr-candle-up{fill:#21b9a8;stroke:#21b9a8}.mr-candle-down{fill:#ef5860;stroke:#ef5860}.mr-wick{stroke-width:1.5}.mr-controls{padding:11px 14px;border-top:1px solid var(--line);background:rgba(255,255,255,.015)}.mr-control-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mr-control-row b{margin-right:auto;font-size:12px;color:var(--mut)}.mr-chip{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.025);color:#b8c2d2;font:700 10px var(--f-mono);cursor:pointer}.mr-chip:hover,.mr-chip.active{border-color:rgba(240,180,41,.45);color:var(--gold);background:var(--gold-dim)}.mr-inspector{display:flex;flex-direction:column;padding:18px;background:linear-gradient(155deg,rgba(20,26,38,.98),rgba(9,13,20,.98))}.mr-kick{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.mr-inspector h3{font-size:18px;margin:8px 0 7px;line-height:1.2}.mr-inspector>p{color:#aeb9ca;font-size:14px;line-height:1.65}.mr-points{display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.mr-points li{position:relative;padding-left:15px;color:#c3cddd;font-size:13px;line-height:1.5}.mr-points li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.mr-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:#69758b;font-size:12px;line-height:1.5}.mr-summary{padding:15px 18px;border-top:1px solid var(--line);background:linear-gradient(145deg,rgba(240,180,41,.06),rgba(255,255,255,.012))}.mr-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.mr-summary-head span{color:var(--gold);font:700 10px var(--f-mono);letter-spacing:1px}.mr-summary-head b{font-size:14px}.mr-summary>p{margin:5px 0 10px;color:var(--mut);font-size:13px;line-height:1.55}.mr-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mr-takeaway,.mr-compare{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12)}.mr-takeaway ul{display:grid;gap:4px;margin:0;padding:0 0 0 15px;color:#c3cddd;font-size:12px;line-height:1.45}.mr-compare>b{display:block;margin-bottom:7px;color:#cbd4e2;font-size:12px}.mr-compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mr-compare-cols div{padding:7px;border-radius:6px;background:rgba(255,255,255,.035);color:#9eabc0;font-size:12px;line-height:1.45}.mr-compare-cols strong{display:block;margin-bottom:3px;color:#d9e0eb;font-size:11px}.mr-summary-actions{display:flex;align-items:center;gap:10px;margin-top:11px}.mr-summary-actions a{font:700 10px var(--f-mono);color:var(--gold)}.mr-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-top:1px solid var(--line)}.mr-nav span{color:var(--mut);font-size:12px;text-align:center}.mr-nav .btn{min-width:105px}.mr-complete{display:none;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:14px;padding:18px 20px;border:1px solid rgba(34,212,131,.3);border-radius:14px;background:linear-gradient(135deg,rgba(34,212,131,.09),rgba(240,180,41,.05))}.mr-complete.show{display:grid}.mr-complete b{display:block;font-size:17px}.mr-complete p{margin-top:4px;color:var(--mut);font-size:13px;line-height:1.5}@keyframes mr-draw{0%{stroke-dashoffset:440}58%,100%{stroke-dashoffset:0}}@keyframes mr-dot{0%,100%{opacity:.35;transform:scale(.78)}50%{opacity:1;transform:scale(1.14)}}@keyframes mr-mask{to{stroke-dashoffset:-50}}
@media(max-width:1050px){.mr-workspace{grid-template-columns:1fr}.mr-chart-wrap{border-right:0;border-bottom:1px solid var(--line)}.mr-inspector{min-height:240px}}
@media(max-width:820px){.mr-shell{grid-template-columns:1fr}.mr-outline{position:static}.mr-module-list{grid-template-columns:repeat(3,1fr)}.mr-module{grid-template-columns:27px 1fr}.mr-module small{display:none}}
@media(max-width:600px){.mr-hero{padding:20px}.mr-hero-row,.mr-head{display:block}.mr-visited{text-align:left;margin-top:15px}.mr-mode{display:inline-block;margin-top:10px}.mr-module-list{grid-template-columns:1fr 1fr;gap:4px}.mr-module{min-height:49px;padding:8px 6px;gap:6px}.mr-module i{width:25px;height:25px}.mr-chart-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.mr-chart{width:620px;min-width:620px;height:290px}.mr-watermark{font-size:21px}.mr-note{font-size:9px;bottom:9px;left:10px}.mr-workspace{min-height:0}.mr-inspector{padding:16px;min-height:0}.mr-inspector h3{font-size:17px}.mr-controls{padding:10px}.mr-control-row{display:grid;grid-template-columns:1fr 1fr}.mr-control-row b{grid-column:1/-1;margin-right:0}.mr-chip{width:100%;min-height:38px}.mr-learningbar{display:block;padding:12px 14px}.mr-goal b{font-size:13px;line-height:1.35}.mr-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;margin-top:10px}.mr-count,.mr-next{grid-column:1/-1}.mr-switch,.mr-next{min-height:38px}.mr-summary{padding:14px}.mr-summary-head{display:block}.mr-summary-head b{display:block;margin-top:6px;line-height:1.35}.mr-summary-grid,.mr-compare-cols{grid-template-columns:1fr}.mr-summary-actions{display:block}.mr-summary-actions .disc{display:block;margin-top:8px}.mr-complete{grid-template-columns:1fr}.mr-complete .btn{justify-self:start}.mr-nav{padding:11px 12px}.mr-nav span{display:none}.mr-nav .btn{min-width:0;flex:1;padding:9px 8px}}
@media(prefers-reduced-motion:reduce){.mr-hot,.mr-progress i{transition:none}.mr-line,.mr-dot,.mr-mask{animation:none}.mr-line{stroke-dashoffset:0}}

/* sharing, the desk's own posts, and a post on its own public page */
.tr-labels-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 18px}.tr-labels-pick select{width:100%}
.tr-tags-pick{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 14px;border:0;padding:0;margin:0}.tr-tags-pick legend{font-size:12px;color:var(--mut);margin-bottom:6px}
.tr-tags-pick label{display:flex;align-items:center;gap:6px;font-size:12.5px}
.th-search input{width:100%}.tr-inst-filter{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.tr-inst-filter a{padding:5px 10px;border:1px solid var(--line2);border-radius:999px;color:var(--mut);font:600 11px var(--f-mono)}
.tr-inst-filter a.on{color:var(--gold);border-color:rgba(240,180,41,.5)}
.tr-save{margin:0}.tr-save button{cursor:pointer;background:none}
@media(max-width:760px){.tr-feed-side{padding:8px!important;margin-bottom:10px}.tr-feed-side h3,.tr-feed-side>p{display:none}
.tr-feed-side .tr-room-list{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}
.tr-feed-side .tr-room-list::-webkit-scrollbar{display:none}.tr-feed-side .tr-room-tab{flex:0 0 auto;padding:8px 12px;min-height:0}
.tr-feed-side .tr-room-tab small{display:none}}
.tr-older{display:block;margin:14px 0 4px;padding:12px;border:1px solid var(--line2);border-radius:10px;text-align:center;color:var(--fg);font-weight:600;font-size:13px}
.tr-older:hover{border-color:rgba(240,180,41,.5);color:var(--gold);text-decoration:none}
.tr-reply-report{margin-top:4px;font-size:11px}.tr-reply-report summary{cursor:pointer;color:var(--dim);list-style:none}
.tr-reply-report form{display:flex;gap:6px;margin-top:6px}.tr-reply-report input{flex:1}
.tr-share-menu{position:relative;display:inline-block}.tr-share-menu>summary{list-style:none;cursor:pointer}.tr-share-menu>summary::-webkit-details-marker{display:none}
.tr-share-pop{position:absolute;z-index:25;right:0;bottom:calc(100% + 8px);display:grid;min-width:190px;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(20,25,36,.98);box-shadow:0 14px 32px rgba(0,0,0,.42)}
.tr-share-pop button,.tr-share-pop a{display:block;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:var(--fg);font:600 12.5px var(--f-body);text-align:left;text-decoration:none;cursor:pointer}
.repactions .tr-share-menu>summary{padding:8px 12px;border-color:var(--line2);color:var(--fg);font-size:12.5px}
.repactions .tr-share-pop{bottom:auto;top:calc(100% + 8px)}
.tr-share-pop button:hover,.tr-share-pop a:hover{background:rgba(240,180,41,.1);color:var(--gold);text-decoration:none}
.tr-share,.tr-permalink{color:var(--mut);font-size:11px;text-decoration:none}.tr-share{padding:6px 9px;border:1px solid var(--line2);border-radius:7px;font-weight:600}
.tr-share:hover,.tr-permalink:hover{color:var(--gold);text-decoration:none}
.tr-plan-badge.tr-plan-badge-official{border-color:rgba(240,180,41,.5);color:var(--gold);background:rgba(240,180,41,.08)}
.tr-official{border-color:rgba(240,180,41,.28)}.tr-official-head{display:block;margin-bottom:6px;font-size:15px;line-height:1.4;color:var(--fg)}
.tr-official-link{margin:4px 0 12px}.tr-official .tr-thread-image img{border-radius:10px}
.tr-reaction-summary{display:flex;gap:6px}.tr-reaction-static{padding:5px 8px;border:1px solid var(--line2);border-radius:999px;font-size:11px;color:var(--mut)}
.tr-public-note{margin:0 0 16px;color:var(--dim);font-size:11.5px;line-height:1.5}
.tr-post-page{max-width:720px}.tr-post-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:12px;color:var(--mut)}
.tr-post-head a{color:var(--mut)}.tr-post-join{margin-top:14px;padding:18px}.tr-post-join b{font-size:15px}.tr-post-join p{margin:6px 0 12px;color:var(--mut);font-size:13px;line-height:1.6}
.tr-page{max-width:1180px;margin:0 auto}.tr-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:18px;align-items:stretch;margin-bottom:17px;padding:26px;border:1px solid rgba(240,180,41,.25);border-radius:18px;background:radial-gradient(circle at 92% 8%,rgba(240,180,41,.14),transparent 36%),linear-gradient(145deg,#121823,#080b12 72%);overflow:hidden}.tr-kicker{color:var(--gold);font:800 10px var(--f-mono);letter-spacing:1.4px}.tr-hero h1{margin:10px 0 9px;font-size:clamp(28px,3.8vw,43px);line-height:1.05;letter-spacing:-1.3px}.tr-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#e7c56a}.tr-hero p{max-width:620px;color:#b3bfd1;font-size:14px;line-height:1.7}.tr-guard{display:grid;align-content:center;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(3,5,10,.33)}.tr-guard strong{font-size:15px}.tr-guard span{color:var(--mut);font-size:12px;line-height:1.55}.tr-guard b{color:var(--gold);font:800 10px var(--f-mono);letter-spacing:.8px}.tr-flash{margin:0 0 13px;padding:11px 13px;border:1px solid rgba(34,212,131,.3);border-radius:9px;background:rgba(34,212,131,.08);color:#bfe8d3;font-size:13px}.tr-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;align-items:start}.tr-sidebar{position:sticky;top:16px;padding:13px}.tr-sidebar-head{padding:4px 5px 12px;border-bottom:1px solid var(--line)}.tr-sidebar-head b{display:block;font-size:12px}.tr-sidebar-head span{display:block;margin-top:4px;color:var(--mut);font-size:11px;line-height:1.45}.tr-room-list{display:grid;gap:5px;margin-top:10px}.tr-room-tab{display:block;padding:10px 10px;border:1px solid transparent;border-radius:9px;color:var(--mut);text-decoration:none}.tr-room-tab:hover,.tr-room-tab.active{border-color:rgba(240,180,41,.28);background:var(--gold-dim);color:var(--fg);text-decoration:none}.tr-room-tab b{display:block;font-size:12.5px}.tr-room-tab small{display:block;margin-top:4px;color:var(--dim);font:700 9px var(--f-mono);letter-spacing:.55px}.tr-room-tab.active small{color:var(--gold)}.tr-content{min-width:0}.tr-room-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.tr-room-head h2{margin-top:6px;font-size:23px;letter-spacing:-.4px}.tr-room-head p{margin-top:5px;color:var(--mut);font-size:13px}.tr-room-meta{color:var(--dim);font:700 10px var(--f-mono);white-space:nowrap}.tr-composer{margin-bottom:14px;padding:16px;border:1px solid rgba(240,180,41,.28);border-radius:13px;background:linear-gradient(150deg,rgba(240,180,41,.065),rgba(255,255,255,.012))}.tr-composer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tr-composer-head b{font-size:14px}.tr-composer-head span{color:var(--mut);font-size:11px}.tr-form-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:9px}.tr-composer label{display:grid;gap:5px;color:var(--mut);font-size:11px}.tr-composer select,.tr-composer input,.tr-composer textarea,.tr-reply-form textarea,.tr-report-form input{width:100%;border:1px solid var(--line2);border-radius:8px;background:rgba(0,0,0,.18);color:var(--fg);font:13px var(--f-body);outline:none}.tr-composer select,.tr-composer input{min-height:38px;padding:8px 10px}.tr-composer textarea{min-height:92px;padding:10px;resize:vertical;line-height:1.55}.tr-composer select:focus,.tr-composer input:focus,.tr-composer textarea:focus,.tr-reply-form textarea:focus,.tr-report-form input:focus{border-color:rgba(240,180,41,.6);box-shadow:0 0 0 3px rgba(240,180,41,.08)}.tr-plan-details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.tr-plan-details summary{color:var(--gold);font-size:11px;cursor:pointer}.tr-plan-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.tr-plan-fields textarea{min-height:58px}.tr-submit-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.tr-submit-row small{color:var(--dim);font-size:10px}.tr-submit-row .btn{min-height:38px}.tr-thread{margin-bottom:11px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--glass)}.tr-thread:hover{border-color:rgba(240,180,41,.22)}.tr-thread-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tr-author{display:flex;align-items:center;gap:9px;min-width:0}.tr-avatar{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(240,180,41,.35);border-radius:9px;background:rgba(240,180,41,.08);color:var(--gold);font:800 12px var(--f-mono)}.tr-author b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-author small{display:block;margin-top:3px;color:var(--dim);font-size:10px}.tr-kind{padding:5px 7px;border:1px solid rgba(240,180,41,.25);border-radius:999px;color:var(--gold);font:800 9px var(--f-mono);letter-spacing:.45px;white-space:nowrap}.tr-thread-body{margin:13px 0 11px;color:#d2d9e5;font-size:13.5px;line-height:1.7;overflow-wrap:anywhere}.tr-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.tr-context-item:last-child:nth-child(odd){grid-column:1/-1}.tr-context-item{padding:9px 10px;border-left:2px solid rgba(240,180,41,.35);border-radius:0 7px 7px 0;background:rgba(240,180,41,.045)}.tr-context-item small{display:block;color:var(--gold);font:800 9px var(--f-mono);letter-spacing:.5px}.tr-context-item span{display:block;margin-top:4px;color:#b9c4d5;font-size:12px;line-height:1.5}.tr-thread-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line)}.tr-reaction{padding:6px 8px;border:1px solid var(--line2);border-radius:7px;background:rgba(255,255,255,.02);color:var(--mut);font:600 10px var(--f-body);cursor:pointer}.tr-reaction:hover,.tr-reaction.active{border-color:rgba(240,180,41,.45);background:var(--gold-dim);color:var(--gold)}.tr-reply-toggle{margin-left:auto;color:var(--gold);font-size:11px;cursor:pointer}.tr-replies{display:grid;gap:8px;margin-top:12px;padding-left:15px;border-left:1px solid rgba(255,255,255,.1)}.tr-reply{padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.025)}.tr-reply-head{display:flex;justify-content:space-between;gap:8px}.tr-reply-head b{font-size:11px}.tr-reply-head small{color:var(--dim);font-size:9px}.tr-reply p{margin-top:4px;color:#b9c4d5;font-size:12px;line-height:1.55}.tr-reply-form{display:flex;gap:7px;margin-top:10px}.tr-reply-form textarea{min-height:38px;padding:9px;resize:vertical}.tr-reply-form .btn{align-self:end;min-height:38px;padding:8px 11px}.tr-report-form{margin-left:auto}.tr-report-form summary{color:var(--dim);font-size:10px;cursor:pointer}.tr-report-form input{min-height:34px;margin-top:6px;padding:7px;font-size:11px}.tr-report-form button{margin-top:5px;border:0;background:transparent;color:#f08282;font-size:10px;cursor:pointer}.tr-empty{padding:28px 18px;border:1px dashed var(--line2);border-radius:12px;text-align:center;color:var(--mut);font-size:13px;line-height:1.6}.tr-empty b{display:block;margin-bottom:5px;color:var(--fg);font-size:15px}@media(max-width:900px){.tr-hero{grid-template-columns:1fr}.tr-layout{grid-template-columns:1fr}.tr-sidebar{position:static}.tr-room-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-room-tab{height:100%}}@media(max-width:620px){.tr-hero{padding:20px 16px;border-radius:15px}.tr-hero h1{font-size:30px}.tr-guard{padding:14px}.tr-room-head{display:block}.tr-room-meta{display:block;margin-top:8px}.tr-room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.tr-sidebar{padding:10px}.tr-form-grid{grid-template-columns:1fr}.tr-plan-fields{grid-template-columns:1fr}.tr-composer{padding:13px}.tr-composer-head{display:block}.tr-composer-head span{display:block;margin-top:5px}.tr-submit-row{display:block}.tr-submit-row .btn{width:100%;margin-top:9px}.tr-thread{padding:13px}.tr-thread-head{gap:8px}.tr-kind{font-size:8px}.tr-context{grid-template-columns:1fr}.tr-reply-toggle{margin-left:0}.tr-reply-form{display:block}.tr-reply-form .btn{width:100%;margin-top:7px}.tr-report-form{margin-left:0;width:100%}}
.tr-feed-grid{display:grid;grid-template-columns:205px minmax(0,680px) 205px;gap:15px;align-items:start;justify-content:center}.tr-feed-side{position:sticky;top:16px;padding:12px}.tr-feed-side h3{font-size:12px;margin-bottom:10px}.tr-feed-side p{color:var(--mut);font-size:12px;line-height:1.55}.tr-feed-side ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.tr-feed-side li{color:#b8c4d5;font-size:11px;line-height:1.45}.tr-feed-side li:before{content:"✓";margin-right:7px;color:var(--gold)}.tr-feed-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.tr-feed-head h1{margin-top:6px;font-size:25px;letter-spacing:-.5px}.tr-feed-head p{margin-top:5px;color:var(--mut);font-size:13px}.tr-feed-count{color:var(--dim);font:700 10px var(--f-mono);white-space:nowrap}.tr-compose-card{margin-bottom:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--glass)}.tr-compose-row{display:flex;align-items:center;gap:10px}.tr-compose-avatar{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:rgba(240,180,41,.13);color:var(--gold);font:800 13px var(--f-mono)}.tr-compose-open{flex:1;min-height:40px;padding:0 14px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.025);color:var(--mut);font:14px var(--f-body);text-align:left;cursor:pointer}.tr-compose-open:hover{border-color:rgba(240,180,41,.46);color:var(--fg);background:rgba(240,180,41,.05)}.tr-quick-actions{display:flex;gap:7px;margin:11px 0 0 45px}.tr-quick-actions button{padding:6px 8px;border:0;background:transparent;color:var(--mut);font-size:11px;cursor:pointer}.tr-quick-actions button:hover{color:var(--gold)}.tr-thread{padding:15px;margin-bottom:12px;border-radius:12px;background:rgba(12,16,24,.82);box-shadow:0 3px 14px rgba(0,0,0,.12)}.tr-thread-body{font-size:14px;line-height:1.7}.tr-thread-image{display:block;margin:12px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#070a10}.tr-thread-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.tr-dialog{width:min(620px,calc(100% - 28px));padding:0;border:1px solid rgba(240,180,41,.36);border-radius:15px;background:#10141d;color:var(--fg);box-shadow:0 25px 90px rgba(0,0,0,.65)}.tr-dialog::backdrop{background:rgba(2,4,9,.74);backdrop-filter:blur(4px)}.tr-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.tr-dialog-head b{font-size:16px}.tr-dialog-close{width:32px;height:32px;border:1px solid var(--line2);border-radius:50%;background:transparent;color:var(--mut);font-size:20px;line-height:1;cursor:pointer}.tr-dialog-close:hover{color:var(--fg);border-color:var(--gold)}.tr-dialog form{padding:18px}.tr-dialog label{display:grid;gap:6px;margin-bottom:12px;color:var(--mut);font-size:12px}.tr-dialog select,.tr-dialog textarea{width:100%;border:1px solid var(--line2);border-radius:8px;background:rgba(0,0,0,.2);color:var(--fg);font:14px var(--f-body);outline:none}.tr-dialog select{min-height:38px;padding:8px}.tr-dialog textarea{min-height:115px;padding:10px;resize:vertical;line-height:1.55}.tr-dialog select:focus,.tr-dialog textarea:focus{border-color:rgba(240,180,41,.6);box-shadow:0 0 0 3px rgba(240,180,41,.08)}.tr-dialog-details{border-top:1px solid var(--line);padding-top:10px}.tr-dialog-details summary{color:var(--gold);font-size:11px;cursor:pointer}.tr-dialog-details .tr-plan-fields{margin-top:10px}.tr-photo-picker{display:flex;align-items:center;gap:9px;margin:2px 0 12px;padding:10px;border:1px dashed var(--line2);border-radius:9px;background:rgba(255,255,255,.018)}.tr-photo-picker input{position:absolute;width:1px;height:1px;opacity:0}.tr-photo-button{padding:7px 10px;border:1px solid rgba(240,180,41,.32);border-radius:7px;color:var(--gold);font-size:11px;cursor:pointer}.tr-photo-name{color:var(--dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-photo-preview{display:none;max-width:100%;max-height:170px;margin:0 0 12px;border:1px solid var(--line);border-radius:8px;object-fit:contain}.tr-photo-preview.show{display:block}.tr-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.tr-dialog-actions .btn{min-height:40px}.tr-dialog-cancel{padding:9px 12px;border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--mut);cursor:pointer}@media(max-width:1080px){.tr-feed-grid{grid-template-columns:190px minmax(0,680px);justify-content:start}.tr-feed-side:last-child{display:none}}@media(max-width:760px){.tr-feed-grid{display:block}.tr-feed-side{position:static;margin-bottom:12px}.tr-feed-side .tr-room-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-feed-head{display:block}.tr-feed-count{display:block;margin-top:8px}.tr-quick-actions{margin-left:45px}.tr-dialog form{padding:14px}.tr-dialog-details .tr-plan-fields{grid-template-columns:1fr}}
.tr-dialog{width:min(680px,calc(100vw - 32px));max-width:none;max-height:min(780px,calc(100vh - 40px));margin:auto;padding:0;border:1px solid rgba(240,180,41,.38);border-radius:18px;background:linear-gradient(180deg,rgba(16,20,30,.98),rgba(9,12,20,.98));color:var(--fg);box-shadow:0 30px 100px rgba(0,0,0,.75),0 0 0 1px rgba(240,180,41,.05);overflow:hidden}.tr-dialog[open]{display:flex;animation:tr-dialog-in .28s var(--ease) both}.tr-dialog.closing{animation:tr-dialog-out .18s var(--ease) both}.tr-dialog::backdrop{background:rgba(3,5,11,.74);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.tr-dialog[open]::backdrop{animation:tr-dialog-fade .28s ease both}.tr-dialog.closing::backdrop{animation:tr-dialog-fade-out .18s ease both}@keyframes tr-dialog-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes tr-dialog-out{to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes tr-dialog-fade{from{opacity:0}}@keyframes tr-dialog-fade-out{to{opacity:0}}.tr-dialog-form{display:flex;flex-direction:column;width:100%;min-height:0;max-height:inherit}.tr-dialog-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(240,180,41,.10),transparent 60%)}.tr-dialog-head:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold2),var(--gold) 40%,transparent)}.tr-dialog-head b{font-size:20px;line-height:1.2;letter-spacing:-.3px}.tr-dialog-close{flex-shrink:0;width:44px;height:44px;border:2px solid #8ebcf0;border-radius:50%;background:rgba(255,255,255,.025);color:#9bc7ff;font:400 26px/1 var(--f-body);cursor:pointer;transition:background var(--dur),color var(--dur),transform var(--dur),border-color var(--dur)}.tr-dialog-close:hover{background:rgba(142,188,240,.12);color:#d4e8ff;border-color:#b1d5ff;transform:rotate(90deg)}.tr-dialog-close:focus-visible,.tr-dialog .btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(142,188,240,.22)}.tr-dialog-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 8px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.tr-dialog label{display:grid;gap:6px;margin-bottom:14px;color:var(--mut);font-size:12px;font-weight:500}.tr-dialog select,.tr-dialog textarea{width:100%;border:1px solid var(--line2);border-radius:8px;background:rgba(0,0,0,.2);color:var(--fg);font:14px var(--f-body);outline:none}.tr-dialog select{min-height:42px;padding:8px 10px}.tr-dialog textarea{min-height:140px;padding:11px;resize:vertical;line-height:1.55}.tr-dialog select:focus,.tr-dialog textarea:focus{border-color:rgba(240,180,41,.6);box-shadow:0 0 0 3px rgba(240,180,41,.08)}.tr-dialog-details{border-top:1px solid var(--line);padding-top:13px}.tr-dialog-details summary{color:var(--gold);font-size:12px;cursor:pointer}.tr-dialog-details .tr-plan-fields{margin-top:11px}.tr-photo-picker{display:flex;align-items:center;gap:9px;margin:2px 0 14px;padding:12px;border:1px dashed var(--line2);border-radius:9px;background:rgba(255,255,255,.018)}.tr-photo-picker input{position:absolute;width:1px;height:1px;opacity:0}.tr-photo-button{padding:9px 12px;border:1px solid rgba(240,180,41,.32);border-radius:8px;color:var(--gold);font-size:12px;cursor:pointer}.tr-photo-name{color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-photo-preview{display:none;max-width:100%;max-height:190px;margin:0 0 14px;border:1px solid var(--line);border-radius:8px;object-fit:contain}.tr-photo-preview.show{display:block}.tr-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 20px;border-top:1px solid var(--line);background:rgba(6,8,16,.7)}.tr-dialog-actions .btn{min-height:42px;padding:10px 18px}.tr-dialog-cancel{padding:10px 18px;border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--mut);cursor:pointer}@media(max-width:760px){.tr-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.tr-dialog-head{padding:17px 16px 14px}.tr-dialog-head b{font-size:18px}.tr-dialog-body{padding:16px 16px 4px}.tr-dialog-actions{padding:12px 16px 16px}.tr-dialog-actions .btn,.tr-dialog-cancel{flex:1}.tr-dialog-details .tr-plan-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tr-dialog[open],.tr-dialog.closing,.tr-dialog[open]::backdrop,.tr-dialog.closing::backdrop,.tr-dialog-close:hover{animation:none;transform:none}}
.tr-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden}.tr-avatar-image{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}.tr-compose-avatar{overflow:hidden}.tr-compose-avatar img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}.tr-feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;padding-bottom:10px;border-bottom:1px solid var(--line)}.tr-feed-filters{display:flex;gap:6px}.tr-feed-filters a{padding:7px 12px;border:1px solid transparent;border-radius:7px;color:var(--mut);font-size:12px;text-decoration:none}.tr-feed-filters a:hover,.tr-feed-filters a.active{border-color:var(--line2);background:rgba(255,255,255,.06);color:var(--fg)}.tr-feed-filters a.active{font-weight:700}.tr-feed-head{margin-bottom:11px}.tr-feed-head h1{font-size:22px}.tr-feed-head p{font-size:12px}.tr-compose-card{margin-bottom:11px}.tr-feed-side{background:rgba(12,16,24,.68)}.tr-kind-fields{padding:2px 0 1px}.tr-kind-fields[hidden],.tr-dialog-details[hidden]{display:none}.tr-question .tr-kind{border-color:rgba(112,180,255,.42);color:#9bc7ff}.tr-question-status,.tr-answer-form{margin-left:auto}.tr-question-status button,.tr-answer-form button{padding:6px 8px;border:1px solid rgba(112,180,255,.28);border-radius:7px;background:rgba(112,180,255,.06);color:#9bc7ff;font:600 10px var(--f-body);cursor:pointer}.tr-question-status button:hover,.tr-answer-form button:hover{border-color:#9bc7ff;background:rgba(112,180,255,.14)}.tr-reply.accepted{border:1px solid rgba(34,212,131,.28);background:rgba(34,212,131,.06)}.tr-reply.accepted .tr-reply-head small{color:var(--grn)}.tr-answer-form{margin-top:7px}.tr-sponsored-zone{margin-top:18px;padding-top:1px}.tr-sponsored-zone h3{margin:0;padding:0 0 11px;border-bottom:1px solid var(--line2);color:var(--mut);font-size:16px;font-weight:700}
.tr-page{max-width:1380px}.tr-feed-grid{grid-template-columns:250px minmax(0,1fr) 250px}
@media(max-width:1180px){.tr-feed-grid{grid-template-columns:220px minmax(0,1fr) 220px}}
@media(max-width:1080px){.tr-feed-grid{grid-template-columns:190px minmax(0,680px);justify-content:start}.tr-feed-side:last-child{display:none}}
@media(max-width:760px){.tr-feed-grid{display:block}}
.tr-mapping-after-open{padding:6px 9px;border:1px solid rgba(240,180,41,.34);border-radius:7px;background:rgba(240,180,41,.06);color:var(--gold);font:600 10px var(--f-body);cursor:pointer}.tr-mapping-after-open:hover{background:var(--gold-dim);transform:translateY(-1px)}.tr-mapping-after-dialog{width:min(500px,calc(100vw - 28px))}.tr-mapping-after-dialog .tr-dialog-form{padding:0}.tr-mapping-after-dialog .tr-dialog-body input[type=file],.tr-mapping-after-dialog .tr-dialog-body select{width:100%;min-height:42px;padding:9px;border:1px solid var(--line2);border-radius:8px;background:rgba(0,0,0,.2);color:var(--fg);font:13px var(--f-body)}
.tr-mapping-photos>label{grid-column:1/-1}
.tr-mapping-intro{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(112,180,255,.22);border-radius:10px;background:rgba(112,180,255,.06);color:#b8cbea;font-size:12px;line-height:1.6}.tr-mapping-intro strong{display:block;margin-bottom:4px;color:#d9e8ff;font-size:13px}.tr-mapping-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 6px}.tr-mapping-photos[hidden]{display:none}.tr-mapping-photos .tr-photo-picker{display:grid;align-content:start;gap:10px;min-height:164px;margin:0;padding:15px}.tr-mapping-photos .tr-photo-button{width:100%;padding:10px 12px;text-align:center}.tr-mapping-photos .tr-photo-preview{width:100%;height:120px;margin:0;object-fit:cover}.tr-mapping-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:13px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line)}.tr-mapping-pane{position:relative;min-width:0;background:#070a10}.tr-mapping-pane img{display:block;width:100%;height:260px;object-fit:cover}.tr-mapping-pane figcaption{position:absolute;left:9px;top:9px;padding:4px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,10,16,.78);color:#fff;font:800 9px var(--f-mono);letter-spacing:.55px}.tr-mapping-empty{display:grid;place-items:center;height:260px;padding:12px;color:var(--dim);font-size:11px;text-align:center}.tr-mapping-card>figcaption{grid-column:1/-1;padding:8px 10px;background:rgba(12,16,24,.96);color:var(--mut);font-size:11px}.tr-mapping-card>figcaption b{color:var(--fg)}@media(max-width:620px){.tr-mapping-photos{grid-template-columns:1fr}.tr-mapping-pane img,.tr-mapping-empty{height:210px}}
.tr-author-line{display:flex;align-items:center;gap:7px;min-width:0}.tr-plan-badge{display:inline-flex;align-items:center;padding:3px 6px;border:1px solid var(--line2);border-radius:999px;color:var(--mut);font:800 8px var(--f-mono);letter-spacing:.35px;line-height:1;white-space:nowrap}.tr-plan-badge-basic{border-color:rgba(112,180,255,.35);background:rgba(112,180,255,.08);color:#9bc7ff}.tr-plan-badge-pro{border-color:rgba(240,180,41,.4);background:rgba(240,180,41,.09);color:var(--gold)}
.tr-reply-toggle[open]{flex:1 0 100%;margin-left:0}.tr-reply-toggle[open] .tr-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px}.tr-reply-toggle[open] .tr-reply-form textarea{min-height:92px}.tr-reply-toggle[open] .tr-reply-form .btn{align-self:stretch;min-height:92px}.tr-report-open{margin-left:auto;padding:6px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--dim);font:600 10px var(--f-body);cursor:pointer}.tr-report-open:hover{border-color:var(--line2);color:var(--fg);background:rgba(255,255,255,.04)}.tr-report-dialog{width:min(460px,calc(100vw - 28px))}.tr-report-dialog .tr-dialog-form{padding:0}.tr-report-dialog .tr-dialog-body{padding-bottom:4px}.tr-report-dialog .tr-dialog-body textarea{min-height:120px}.tr-report-dialog .tr-dialog-actions{margin-top:0}.tr-reaction-picker{position:relative;display:flex;align-items:center}.tr-reaction-picker details{position:relative}.tr-reaction-trigger{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.025);color:var(--mut);font:600 10px var(--f-body);cursor:pointer;list-style:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.tr-reaction-trigger::-webkit-details-marker{display:none}.tr-reaction-trigger::marker{content:""}.tr-reaction-trigger:hover,.tr-reaction-picker details[open] .tr-reaction-trigger{border-color:rgba(240,180,41,.48);background:var(--gold-dim);color:var(--fg);transform:translateY(-1px)}.tr-reaction-trigger-emoji{font-size:15px;line-height:1}.tr-reaction-trigger-text{font-size:10px}.tr-reaction-total{font:700 10px var(--f-mono);color:inherit}.tr-reaction-popover{position:absolute;z-index:20;bottom:calc(100% + 8px);left:0;display:flex;gap:5px;padding:7px 8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(25,30,42,.98);box-shadow:0 12px 28px rgba(0,0,0,.38);transform-origin:bottom left;animation:tr-reaction-dock .18s ease-out both}.tr-reaction-form{margin:0}.tr-reaction-popover .tr-reaction{display:inline-flex;align-items:center;justify-content:center;width:37px;min-width:37px;height:37px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:var(--fg);font:600 10px var(--f-body);cursor:pointer;transition:transform .18s ease,background .18s ease}.tr-reaction-popover .tr-reaction:hover,.tr-reaction-popover .tr-reaction.active{background:rgba(240,180,41,.18);transform:translateY(-3px) scale(1.08)}.tr-reaction-emoji{display:inline-block;font-size:19px;line-height:1;transform-origin:center}.tr-reaction.active .tr-reaction-emoji{animation:tr-reaction-pop .48s cubic-bezier(.2,.8,.25,1.25)}.tr-reaction-count{font:700 10px var(--f-mono);color:inherit}.tr-reaction-popover .tr-reaction-count{position:absolute;margin:22px 0 0 21px;min-width:14px;padding:1px 3px;border:1px solid #1b2230;border-radius:999px;background:#10141d;color:var(--fg);font-size:8px;line-height:1.1}.tr-reaction-popover .tr-reaction-form{position:relative;animation:tr-reaction-choice-in .24s ease-out both}.tr-reaction-popover .tr-reaction-form:nth-child(2){animation-delay:.025s}.tr-reaction-popover .tr-reaction-form:nth-child(3){animation-delay:.05s}.tr-reaction-popover .tr-reaction-form:nth-child(4){animation-delay:.075s}.tr-reaction-popover .tr-reaction-form:nth-child(5){animation-delay:.1s}@keyframes tr-reaction-dock{from{opacity:0;transform:scale(.8) translateY(5px)}to{opacity:1;transform:none}}@keyframes tr-reaction-choice-in{from{opacity:0;transform:scale(.6) translateY(7px)}to{opacity:1;transform:none}}@keyframes tr-reaction-pop{0%{transform:scale(.65) rotate(-10deg)}45%{transform:scale(1.35) rotate(7deg)}72%{transform:scale(.92) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@media(max-width:760px){.tr-reply-toggle[open] .tr-reply-form{grid-template-columns:1fr}.tr-reply-toggle[open] .tr-reply-form .btn{min-height:42px}.tr-report-dialog{width:calc(100vw - 24px)}.tr-reaction-popover{left:auto;right:0}}@media(prefers-reduced-motion:reduce){.tr-reaction,.tr-reaction-emoji,.tr-reaction-form,.tr-reaction-popover{animation:none!important;transition:none!important}}
.tr-kind.tr-mapping-badge-confirmed{border-color:rgba(34,212,131,.55);background:rgba(34,212,131,.12);color:#54e39a}.tr-kind.tr-mapping-badge-invalid{border-color:rgba(239,88,96,.6);background:rgba(239,88,96,.12);color:#ff8b91}.tr-kind.tr-mapping-badge-live{display:inline-flex;align-items:center;gap:6px;border-color:rgba(239,88,96,.6);background:rgba(239,88,96,.12);color:#ff8b91}.tr-kind.tr-mapping-badge-live:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#ff5d65;box-shadow:0 0 0 3px rgba(255,93,101,.14);animation:tr-live-dot 1.6s ease-in-out infinite}@keyframes tr-live-dot{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
.tr-dialog-body{padding:26px 30px 12px}.tr-dialog-body>label{margin-bottom:20px}.tr-dialog-actions{padding:16px 30px 24px}.tr-mapping-result{margin-top:4px;padding:0 2px}.tr-mapping-result[hidden]{display:none}@media(max-width:760px){.tr-dialog-body{padding:18px 16px 6px}.tr-dialog-actions{padding:14px 16px 18px}}
@media(prefers-reduced-motion:reduce){.tr-kind.tr-mapping-badge-live:before{animation:none}}
/* --- composer dialog: a research form, not a status box ------------------------------------ */
.tr-dialog-close{width:34px;height:34px;border:1px solid var(--line2);border-radius:var(--r-xs);background:transparent;color:var(--mut);font:400 19px/1 var(--f-body)}
.tr-dialog-close:hover{border-color:rgba(240,180,41,.42);background:var(--gold-dim);color:var(--gold);transform:none}
.tr-dialog-close:focus-visible,.tr-dialog .btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold-glow)}
/* the photo pickers carry display:flex, which outranks the browser's own [hidden] rule, so
   Mappingan kept showing the single-photo picker next to its own before/after pair */
.tr-dialog [hidden]{display:none}
.tr-dialog select{appearance:none;-webkit-appearance:none;min-height:40px;padding:9px 34px 9px 12px;border-radius:var(--r-sm);background:rgba(0,0,0,.24) no-repeat right 12px center/11px 7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%237a86a3' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");font-size:13.5px;cursor:pointer}
.tr-dialog-head{background:none}.tr-dialog-head b{font-size:19px}
.tr-kind-picker{margin:0 0 22px;padding:0;border:0}
.tr-kind-picker>legend{padding:0;margin-bottom:9px;color:var(--fg);font:600 13px var(--f-body)}
.tr-kind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tr-dialog .tr-kind-option{position:relative;display:grid;gap:3px;margin:0;padding:12px 13px;border:1px solid var(--line2);border-radius:var(--r-sm);background:rgba(255,255,255,.012);cursor:pointer;transition:border-color var(--dur),background var(--dur)}
.tr-dialog .tr-kind-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.tr-dialog .tr-kind-option b{color:var(--fg);font:600 13.5px var(--f-body)}
.tr-dialog .tr-kind-option i{color:var(--mut);font:400 11.5px/1.45 var(--f-body);font-style:normal}
.tr-dialog .tr-kind-option:hover{border-color:rgba(255,255,255,.2)}
.tr-dialog .tr-kind-option:has(input:checked){border-color:rgba(240,180,41,.55);background:var(--gold-dim)}
.tr-dialog .tr-kind-option:has(input:checked) b{color:var(--gold)}
.tr-dialog .tr-kind-option:has(input:focus-visible){box-shadow:0 0 0 3px var(--gold-glow)}
.tr-dialog .tr-field-head{display:flex;align-items:baseline;gap:9px}
.tr-dialog .tr-field-head b{color:var(--fg);font:600 13px var(--f-body);white-space:nowrap}
.tr-dialog .tr-field-head i{min-width:0;color:var(--mut);font:400 11.5px var(--f-body);font-style:normal}
.tr-dialog .tr-field-count{margin-left:auto;color:var(--dim);font:500 10.5px var(--f-mono);white-space:nowrap;font-variant-numeric:tabular-nums}
.tr-dialog .tr-field-count.warn{color:var(--amb)}
.tr-dialog .tr-field-count.full{color:var(--red)}
.tr-dialog textarea{min-height:78px;padding:10px 12px;border-radius:var(--r-sm);background:rgba(0,0,0,.24);font-size:13.5px;line-height:1.6;transition:border-color var(--dur),box-shadow var(--dur)}
.tr-dialog textarea[name=body]{min-height:124px;font-size:15px;line-height:1.65}
.tr-dialog textarea::placeholder{color:var(--dim)}
.tr-dialog .tr-kind-fields{margin:0;padding:15px 0 0;border-top:1px solid var(--line)}
.tr-dialog .tr-plan-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.tr-dialog .tr-plan-fields label{margin-bottom:0}
.tr-dialog .tr-dialog-details{margin-top:2px;padding-top:15px}
.tr-dialog .tr-dialog-details summary{display:flex;align-items:center;gap:8px;color:var(--mut);font:500 12.5px var(--f-body);list-style:none}
.tr-dialog .tr-dialog-details summary::-webkit-details-marker{display:none}
.tr-dialog .tr-dialog-details summary:before{content:"+";display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--line2);border-radius:5px;color:var(--gold);font:600 13px/1 var(--f-mono)}
.tr-dialog .tr-dialog-details[open] summary:before{content:"−"}
.tr-dialog .tr-dialog-details summary:hover{color:var(--fg)}
.tr-dialog .tr-photo-picker{margin:0 0 15px;padding:8px 10px;border-radius:var(--r-sm);background:transparent}
.tr-dialog .tr-photo-button{padding:6px 10px;font-size:11.5px;border-radius:var(--r-xs);font-weight:600;transition:background var(--dur),border-color var(--dur)}
.tr-dialog .tr-photo-button:hover{background:var(--gold-dim);border-color:rgba(240,180,41,.5)}
.tr-dialog .tr-mapping-photos .tr-photo-button{display:grid;place-items:center;min-height:44px}
.tr-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,transparent,rgba(6,8,16,.85))}
.tr-dialog-note{flex:1;min-width:0;color:var(--dim);font:400 11.5px/1.45 var(--f-body)}
.tr-dialog-buttons{display:flex;flex-shrink:0;gap:10px}
.tr-dialog-cancel{border-radius:var(--r-xs);font:500 13px var(--f-body);transition:color var(--dur),border-color var(--dur)}
.tr-dialog-cancel:hover{color:var(--fg);border-color:var(--line2)}
@media(max-width:520px){.tr-dialog .tr-field-head{flex-wrap:wrap;gap:4px 9px}.tr-dialog .tr-field-count{order:2}.tr-dialog .tr-field-head i{order:3;flex-basis:100%}}@media(max-width:760px){.tr-kind-grid,.tr-dialog .tr-plan-fields{grid-template-columns:1fr}.tr-dialog-actions{flex-direction:column-reverse;align-items:stretch}.tr-dialog-buttons .btn,.tr-dialog-cancel{flex:1}.tr-dialog-note{text-align:center}}

.tr-author-profile{color:inherit;text-decoration:none}.tr-author-profile:hover{color:var(--gold);text-decoration:underline}
.tr-author-avatar-link{display:block;flex:0 0 36px;border-radius:50%;text-decoration:none}
.tr-profile{max-width:1180px;margin:0 auto}.tr-profile-cover{position:relative;min-height:210px;border:1px solid rgba(240,180,41,.22);border-radius:16px;background:radial-gradient(ellipse at 82% 15%,rgba(240,180,41,.22),transparent 35%),linear-gradient(125deg,#171d29,#0a0d15 70%);overflow:hidden}.tr-profile-cover:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(5,8,14,.72))}.tr-profile-cover-label{position:absolute;z-index:1;right:22px;bottom:18px;color:#d4deef;font:700 10px var(--f-mono);letter-spacing:1px}.tr-profile-card{position:relative;z-index:2;display:flex;align-items:end;gap:18px;margin:-54px 25px 0}.tr-profile-avatar{display:grid;place-items:center;flex:0 0 126px;width:126px;height:126px;overflow:hidden;border:5px solid #0c1018;border-radius:50%;background:#252216;color:var(--gold);font:800 34px var(--f-mono);box-shadow:0 8px 28px #0008}.tr-profile-avatar img{width:100%;height:100%;object-fit:cover}.tr-profile-intro{min-width:0;padding-bottom:12px}.tr-profile-intro h1{margin:0;font-size:clamp(25px,3vw,34px);letter-spacing:-.8px}.tr-profile-intro p{margin:5px 0 0;color:var(--mut);font-size:13px}.tr-profile-badge{display:inline-flex;margin-top:9px;padding:5px 8px;border:1px solid rgba(240,180,41,.28);border-radius:99px;background:rgba(240,180,41,.07);color:var(--gold);font:700 9px var(--f-mono);letter-spacing:.5px}.tr-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:19px 0;padding:0 20px 17px;border-bottom:1px solid var(--line)}.tr-profile-stat{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(12,16,24,.58)}.tr-profile-stat b{display:block;font-size:18px}.tr-profile-stat span{display:block;margin-top:3px;color:var(--mut);font-size:11px}.tr-profile-body{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.5fr);gap:15px;align-items:start}.tr-profile-about{position:sticky;top:16px;padding:17px}.tr-profile-about h2,.tr-profile-history h2{margin:0 0 11px;font-size:16px}.tr-profile-about p{color:var(--mut);font-size:12px;line-height:1.6}.tr-profile-meta{display:grid;gap:11px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.tr-profile-meta div{display:flex;justify-content:space-between;gap:8px;color:var(--mut);font-size:11px}.tr-profile-meta b{color:var(--fg);text-align:right}.tr-profile-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:rgba(12,16,24,.68)}.tr-profile-history-head span{color:var(--dim);font:700 10px var(--f-mono)}@media(max-width:760px){.tr-profile-cover{min-height:165px}.tr-profile-card{align-items:center;gap:12px;margin:-42px 15px 0}.tr-profile-avatar{flex-basis:92px;width:92px;height:92px;border-width:4px;font-size:27px}.tr-profile-intro{padding:0}.tr-profile-intro h1{font-size:24px}.tr-profile-intro p{font-size:11px}.tr-profile-stats{gap:6px;margin:15px 0;padding:0 12px 13px}.tr-profile-stat{padding:10px}.tr-profile-stat b{font-size:16px}.tr-profile-stat span{font-size:10px}.tr-profile-body{grid-template-columns:1fr}.tr-profile-about{position:static}.tr-profile-history-head{padding:12px}}

/* --- the feed, tidied: one bar of controls, quiet post actions, a "⋯" menu for the rest --------- */
.tr-feed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px}
.tr-feed-head h1{margin:0;font-size:24px;letter-spacing:-.5px}.tr-feed-head p{margin:4px 0 0;color:var(--mut);font-size:13px}
.tr-feed-head .th-search{flex:0 0 250px;margin:0}
.th-search input{width:100%;min-height:36px;padding:7px 12px 7px 34px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.03) no-repeat 12px center/14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a86a3' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");color:var(--fg);font:13px var(--f-body)}
.th-search input:focus{outline:none;border-color:rgba(240,180,41,.55)}
.tr-compose-card{margin-bottom:16px;padding:14px 16px}
.tr-quick-actions{gap:4px;margin:10px 0 0 42px}
.tr-quick-actions button,.tr-quick-actions .tr-quick-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12.5px;white-space:nowrap;text-decoration:none}
.tr-quick-actions button:hover{background:rgba(255,255,255,.04)}
.tr-feed-toolbar{display:grid;gap:12px;margin:0 0 14px;padding:0;border:0}
.sc-tabs{display:inline-flex;margin:0;gap:2px;padding:3px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.02)}
.sc-tabs a{padding:6px 18px;border:0;border-radius:7px;font-size:13px}
.sc-tabs a.on{background:rgba(240,180,41,.12);color:var(--gold)}
.tr-inst-filter{margin:0}.tr-inst-filter label{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:12px}
.tr-inst-filter select{min-height:34px;padding:6px 30px 6px 11px;border:1px solid var(--line2);border-radius:8px;appearance:none;-webkit-appearance:none;background:rgba(0,0,0,.2) no-repeat right 11px center/10px 6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%237a86a3' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");color:var(--fg);font:600 12px var(--f-mono);cursor:pointer}
.tr-feed-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.tr-feed-filters::-webkit-scrollbar{display:none}
.tr-feed-filters a{flex:0 0 auto;padding:5px 12px;border:1px solid var(--line2);border-radius:999px;color:var(--mut);font-size:12px}
.tr-feed-filters a:hover{background:rgba(255,255,255,.04)}
.tr-feed-filters a.active{border-color:rgba(240,180,41,.5);background:rgba(240,180,41,.08);color:var(--gold);font-weight:600}
.tr-thread{padding:18px 20px;margin-bottom:12px}
.tr-author b{font-size:14px}.tr-author small{margin-top:2px;color:var(--dim);font-size:11.5px}
.tr-kind{padding:4px 8px;font-size:9.5px}
.tr-thread-body{margin:12px 0 6px;font-size:14.5px;line-height:1.65}
.tr-thread-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:12px;padding-top:8px}
.tr-act-side{display:flex;align-items:center;gap:4px;margin-left:auto}
.tr-act,.tr-thread-actions .tr-share,.tr-reaction-trigger{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;border:0;border-radius:999px;background:transparent;color:var(--mut);font:600 12px var(--f-body);cursor:pointer;transform:none!important}
.tr-act:hover,.tr-thread-actions .tr-share:hover,.tr-reaction-trigger:hover,.tr-reaction-picker details[open] .tr-reaction-trigger{background:rgba(255,255,255,.06);color:var(--fg)}
.tr-act.on{color:var(--gold)}.tr-reaction-trigger-text{font-size:12px}.tr-reaction-trigger-emoji{font-size:14px}
.tr-more>summary{font-size:17px;letter-spacing:1px}
.tr-share-pop form{margin:0}.tr-share-pop form button{width:100%}.tr-more .tr-share-pop{min-width:220px}
.tr-thread-actions .tr-question-status{margin-left:0}
.tr-replies{gap:8px;margin-top:10px;padding-left:0;border-left:0}
.tr-reply{padding:10px 13px;border-radius:10px;background:rgba(255,255,255,.03)}
.tr-reply-head{justify-content:flex-start;align-items:center;gap:6px}.tr-reply-head .vf svg{width:14px;height:14px}
.tr-reply-head b{font-size:12.5px}.tr-reply-head small{font-size:11px}.tr-best{margin-left:auto;color:var(--grn);font-size:11px;font-weight:600}
.tr-reply p{margin:4px 0 0;font-size:13px;line-height:1.6}
.tr-reply-foot{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;margin-top:6px}.tr-reply-foot form{margin:0}
.tr-link{padding:0;border:0;background:none;color:var(--dim);font:600 11.5px var(--f-body);cursor:pointer}.tr-link:hover{color:var(--gold)}
.tr-reply-foot .tr-answer-form button{padding:0;border:0;background:none;color:#9bc7ff;font:600 11.5px var(--f-body)}
.th-answer{display:flex;gap:8px;margin-top:8px}.th-answer textarea,.th-answer input{flex:1;min-height:38px}
.tr-reply-box{margin-top:12px}.tr-reply-box textarea{min-height:44px}
.tr-feed-side{padding:16px}.tr-feed-side h3{margin:0 0 10px;font-size:13px}
.tr-room-list{grid-template-columns:minmax(0,1fr)}.tr-room-tab{min-width:0;padding:9px 11px}.tr-room-tab b{font-size:13px}
.tr-room-tab small{overflow:hidden;font:400 11.5px/1.4 var(--f-body);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis}
.tr-feed-side li{font-size:12px}
@media(max-width:760px){.tr-feed-head{display:block}.tr-feed-head .th-search{display:block;margin-top:12px}
.tr-thread{padding:14px}.tr-quick-actions{margin-left:0}}
.tr-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.tr-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-profile-cover-label{display:none}}
/* feed bar: underlined Mengikuti/Semua, then one quiet row of type filters with the market picker */
.tr-feed-toolbar{gap:0;margin:0 0 14px}
.tr-feed-toolbar .sc-tabs{display:flex;gap:24px;margin:0;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
.tr-feed-toolbar .sc-tabs a{position:relative;padding:10px 2px 11px;border:0;border-radius:0;background:none;color:var(--mut);font:600 14px var(--f-body)}
.tr-feed-toolbar .sc-tabs a:hover{color:var(--fg)}
.tr-feed-toolbar .sc-tabs a.on{color:var(--fg);background:none}
.tr-feed-toolbar .sc-tabs a.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--gold)}
.tr-feed-bar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.tr-feed-toolbar .tr-feed-filters{gap:2px;min-width:0}
.tr-feed-toolbar .tr-feed-filters a{display:inline-flex;align-items:center;height:30px;padding:0 11px;border:0;border-radius:7px;background:none;color:var(--mut);font:500 12.5px var(--f-body)}
.tr-feed-toolbar .tr-feed-filters a:hover{background:rgba(255,255,255,.04);color:var(--fg)}
.tr-feed-toolbar .tr-feed-filters a.active{background:rgba(255,255,255,.08);color:var(--fg);font-weight:600}
.tr-feed-toolbar .tr-inst-filter{flex:0 0 auto}.tr-feed-toolbar .tr-inst-filter label span{display:none}
.tr-feed-toolbar .tr-inst-filter select{height:30px;min-height:0;padding:0 28px 0 11px;border-color:var(--line2);border-radius:7px;background-color:transparent;font:500 12.5px var(--f-body)}
.tr-feed-toolbar .tr-inst-filter select:hover{border-color:rgba(255,255,255,.22)}
@media(max-width:620px){.tr-feed-bar-row{flex-direction:column;align-items:stretch;gap:8px}.tr-feed-toolbar .tr-inst-filter select{width:100%}}
@media(max-width:520px){.tr-reaction-trigger-text{display:none}.tr-act,.tr-thread-actions .tr-share,.tr-reaction-trigger{padding:5px 8px}.tr-thread-actions{gap:0}}

/* --- timeline: one column with hairline dividers, a side column for search and filters --------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tr-x-page{max-width:1010px;margin:0 auto}
.tr-page.tr-post-page{max-width:680px}.tr-post-page .tr-thread.tr-x{padding:18px 20px}
.tr-x-grid{display:grid;grid-template-columns:minmax(0,640px) 300px;gap:24px;align-items:start;justify-content:center}
.tr-x-col{min-width:0;border:1px solid var(--line);border-radius:16px;background:rgba(10,13,20,.5);overflow:clip}
.tr-x-tabs{position:sticky;top:0;z-index:15;border-bottom:1px solid var(--line);background:rgba(8,11,17,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tr-x-tabs .sc-tabs{display:flex;gap:0;margin:0;padding:0;border:0;border-radius:0;background:none}
.tr-x-tabs .sc-tabs a{position:relative;flex:1;padding:15px 0;border:0;border-radius:0;background:none;color:var(--mut);font:600 14px var(--f-body);text-align:center}
.tr-x-tabs .sc-tabs a:hover{background:rgba(255,255,255,.03);color:var(--fg);text-decoration:none}
.tr-x-tabs .sc-tabs a.on{background:none;color:var(--fg)}
.tr-x-tabs .sc-tabs a.on:after{content:"";position:absolute;left:50%;bottom:0;width:56px;height:3px;margin-left:-28px;border-radius:3px;background:var(--gold)}
.tr-x-phone-filters,.tr-x-phone-extras{display:none}
.tr-pending{opacity:.55}.tr-pending small{font-style:italic}
.tr-pop{animation:tr-pop .42s cubic-bezier(.2,.8,.25,1.3)}
@keyframes tr-pop{0%{transform:scale(.7)}55%{transform:scale(1.28)}100%{transform:scale(1)}}
.tr-toast{position:fixed;left:50%;bottom:28px;z-index:90;max-width:min(420px,calc(100vw - 32px));padding:11px 16px;border:1px solid rgba(255,93,101,.4);border-radius:12px;background:#1a1016;color:#ffd5d8;font-size:13px;box-shadow:0 12px 32px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s,transform .2s}
.tr-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){.tr-toast{bottom:84px}}
@media(prefers-reduced-motion:reduce){.tr-pop{animation:none}}
.tr-reaction-trigger-icon{display:inline-grid;line-height:0}
.tr-x-compose{display:flex;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}
.tr-x-compose .tr-compose-avatar{flex:0 0 40px;width:40px;height:40px}
.tr-x-compose-main{flex:1;min-width:0}
.tr-x-compose .tr-compose-open{width:100%;min-height:42px;padding:0;border:0;border-radius:0;background:none;color:var(--dim);font:16.5px var(--f-body);text-align:left}
.tr-x-compose .tr-compose-open:hover{background:none;color:var(--mut)}
.tr-x-compose-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}
.tr-x-compose .tr-quick-actions{gap:2px;margin:0}.tr-x-compose .tr-quick-actions button,.tr-x-compose .tr-quick-actions .tr-quick-link{padding:6px 9px;border-radius:999px;color:var(--gold);font-size:12.5px}
.tr-x-compose .tr-quick-actions button:hover,.tr-x-compose .tr-quick-actions .tr-quick-link:hover{background:rgba(240,180,41,.08)}
.tr-x-compose-bar .btn{min-height:34px;padding:6px 18px;border-radius:999px}
.tr-thread.tr-x{display:flex;gap:12px}
.tr-x-feed .tr-thread.tr-x{margin:0;padding:14px 18px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.tr-x-feed .tr-thread.tr-x:hover{border-color:var(--line);background:rgba(255,255,255,.012)}
.tr-x-feed .tr-thread.tr-official{background:linear-gradient(90deg,rgba(240,180,41,.035),transparent 60%)}
.tr-x-side{flex:0 0 40px}.tr-x .tr-avatar{width:40px;height:40px;flex-basis:40px}
.tr-x-main{flex:1;min-width:0}
.tr-x .tr-thread-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tr-x .tr-author-line{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.tr-x .tr-author-line b{overflow:hidden;font-size:14.5px;text-overflow:ellipsis}
.tr-x .tr-handle{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tr-x .tr-handle,.tr-x .tr-author-line>i,.tr-x .tr-permalink{color:var(--dim);font-size:13.5px;font-style:normal}
.tr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:1px;color:var(--mut);font-size:12.5px}
.tr-meta i{color:var(--dim);font-style:normal}
.tr-meta a{color:inherit}.tr-meta-inst{color:var(--gold)!important;font:600 12px var(--f-mono)}
.tr-state{font-weight:600}.tr-state.open{color:#9bc7ff}.tr-state.ok,.tr-state.confirmed{color:var(--grn)}.tr-state.invalid,.tr-state.live{color:#ff8b91}
.tr-x .tr-thread-body{margin:8px 0 4px;color:#dfe5ee;font-size:15px;line-height:1.6}
.tr-x .tr-context{margin:10px 0 4px}
.tr-x .tr-thread-image,.tr-x .tr-mapping-card{margin-top:10px;border-radius:14px}
.tr-x .tr-official-link{margin:8px 0 2px}
.tr-x .tr-thread-actions{display:flex;align-items:center;gap:18px;margin:6px 0 0 -8px;padding:0;border:0}
.tr-x .tr-act,.tr-x .tr-reaction-trigger{gap:6px;min-height:34px;padding:6px 8px;color:var(--dim)}
.tr-x .tr-act:hover,.tr-x .tr-reaction-trigger:hover,.tr-x .tr-reaction-picker details[open] .tr-reaction-trigger{background:rgba(240,180,41,.09);color:var(--gold)}
.tr-x .tr-act.on{color:var(--gold)}.tr-x .tr-act span,.tr-x .tr-reaction-total{font:500 12.5px var(--f-body)}
.tr-x .tr-reaction-trigger-text{display:none}
.tr-x .tr-act-side{margin-left:auto}
.tr-x .tr-more>summary{min-height:28px;padding:0 8px;color:var(--dim);font-size:16px}
.tr-x .tr-more .tr-share-pop{top:calc(100% + 6px);bottom:auto}
.tr-more-replies{display:inline-block;margin:4px 0 2px;color:var(--gold);font-size:13px;font-weight:600}
.tr-more-replies:hover{text-decoration:underline}
.tr-x .tr-replies{margin-top:12px}.tr-x .tr-reply-box{display:flex;gap:8px;margin-top:12px}.tr-x .tr-reply-box textarea{flex:1}
.tr-x .tr-question-status button,.tr-x .tr-mapping-after-open{padding:5px 9px;font-size:11.5px}
.tr-x-feed .tr-empty{margin:18px}
.tr-x-col .tr-older{margin:0;border:0;border-radius:0}
.tr-x-aside{position:sticky;top:16px;display:grid;gap:14px}
.tr-x-aside .th-search{margin:0}.tr-x-aside .th-search input{min-height:42px}
.tr-x-box{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(10,13,20,.5)}
.tr-x-box h3{margin:0 0 8px;font-size:15px}
.tr-x-list{display:flex;flex-direction:column}
.tr-x-list a{margin:0 -10px;padding:7px 10px;border-radius:8px;color:var(--mut);font-size:13.5px}
.tr-x-list a:hover{background:rgba(255,255,255,.04);color:var(--fg);text-decoration:none}
.tr-x-list a.active{background:rgba(240,180,41,.08);color:var(--gold);font-weight:600}
.tr-x-markets{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
.tr-x-markets a{font:500 12.5px var(--f-mono)}.tr-x-markets a:first-child{grid-column:1/-1;font:500 13.5px var(--f-body)}
.tr-x-pro{position:relative;overflow:hidden;border-color:rgba(240,180,41,.28);background:radial-gradient(circle at 100% 0,rgba(240,180,41,.16),transparent 55%),rgba(14,16,22,.85)}
.tr-x-pro-tag{display:inline-block;margin-bottom:8px;padding:2px 7px;border-radius:5px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#171003;font:800 9.5px var(--f-mono);letter-spacing:.8px}
.tr-x-pro h3{margin:0 0 6px;font-size:17px;line-height:1.3;letter-spacing:-.2px}
.tr-x-pro p{margin:0 0 14px;color:#b9c4d5;font-size:13px;line-height:1.55}
.tr-x-pro-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tr-x-pro-foot .btn{min-height:36px;padding:7px 18px;border-radius:999px;font-weight:700}
.tr-x-pro-foot span{color:var(--mut);font-size:12px}.tr-x-pro-foot s{color:var(--dim)}.tr-x-pro-foot b{color:var(--fg)}
.tr-x-rules ul{margin:0;padding-left:16px;color:var(--mut);font-size:12.5px;line-height:1.75}
@media(max-width:1100px){.tr-x-grid{grid-template-columns:minmax(0,640px)}.tr-x-aside{display:none}
.tr-x-phone-extras{display:grid;gap:12px;padding:14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}
.tr-x-phone-filters{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}
.tr-x-phone-filters .tr-feed-filters{display:flex;flex:1;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}
.tr-x-phone-filters .tr-feed-filters::-webkit-scrollbar{display:none}
.tr-x-phone-filters .tr-feed-filters a{display:inline-flex;flex:0 0 auto;align-items:center;height:30px;padding:0 11px;border:0;border-radius:7px;background:none;color:var(--mut);font:500 12.5px var(--f-body)}
.tr-x-phone-filters .tr-feed-filters a.active{background:rgba(255,255,255,.08);color:var(--fg);font-weight:600}
.tr-x-phone-filters .tr-inst-filter{margin:0}.tr-x-phone-filters .tr-inst-filter label span{display:none}
.tr-x-phone-filters .tr-inst-filter select{height:30px;min-height:0;padding:0 26px 0 10px;border:1px solid var(--line2);border-radius:7px;appearance:none;-webkit-appearance:none;background:transparent no-repeat right 9px center/10px 6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%237a86a3' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");color:var(--fg);font:500 12.5px var(--f-body)}}
@media(max-width:620px){.tr-x-col{border-radius:12px}.tr-x-feed .tr-thread.tr-x{padding:12px 14px 8px}.tr-x-compose{padding:12px 14px 10px}
.tr-x .tr-thread-actions{gap:8px}.tr-x-compose .tr-quick-actions span{display:none}.tr-x-phone-filters{padding:8px 10px}
.tr-x-side{flex-basis:36px}.tr-x .tr-avatar{width:36px;height:36px;flex-basis:36px}}

/* --- composer dialog, light: chips instead of cards, a big borderless text area, one quiet footer ---- */
.tr-dialog{width:min(600px,calc(100vw - 24px));border:1px solid var(--line2);border-radius:20px;background:#0d1118;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.tr-dialog .tr-dialog-head{justify-content:flex-start;padding:10px 12px 0;border:0;background:none}
.tr-dialog .tr-dialog-head:before{display:none}
.tr-dialog .tr-dialog-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:none;color:var(--fg)}
.tr-dialog .tr-dialog-close:hover{background:rgba(255,255,255,.08);color:var(--fg);transform:none}
.tr-dialog .tr-dialog-body{padding:6px 24px 0}
.tr-dialog .tr-kind-picker{margin:2px 0 4px}
.tr-dialog .tr-kind-grid{display:flex;flex-wrap:wrap;gap:8px}
.tr-dialog .tr-kind-option{display:inline-flex;margin:0;padding:6px 15px;border:1px solid var(--line2);border-radius:999px;background:none}
.tr-dialog .tr-kind-option b{font:600 13px var(--f-body)}
.tr-dialog .tr-kind-option i{display:none}
.tr-dialog .tr-kind-option:hover{border-color:rgba(255,255,255,.28)}
.tr-dialog .tr-kind-option:has(input:checked){border-color:rgba(240,180,41,.6);background:rgba(240,180,41,.1)}
.tr-kind-hint{margin:9px 2px 0;color:var(--dim);font-size:12.5px;line-height:1.5}
.tr-dialog .tr-body-field{position:relative;margin:8px 0 2px}
.tr-dialog .tr-body-field .tr-field-head{position:absolute;right:2px;bottom:2px;pointer-events:none}
.tr-dialog .tr-body-field .tr-field-head b{display:none}
.tr-dialog textarea[name=body]{min-height:150px;padding:6px 2px 22px;border:0;border-radius:0;background:none;box-shadow:none;font-size:18px;line-height:1.55;resize:none}
.tr-dialog textarea[name=body]:focus{border:0;box-shadow:none}
.tr-dialog .tr-labels-pick{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px;padding-top:14px;border-top:1px solid var(--line)}
.tr-dialog .tr-labels-pick .tr-sel{display:block;margin:0}
.tr-dialog .tr-labels-pick select{width:auto;min-height:32px;padding:4px 30px 4px 13px;border-radius:999px;font-size:12.5px}
.tr-dialog .tr-tags-pick{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;border:0}
.tr-dialog .tr-tag{position:relative;display:inline-flex;margin:0;cursor:pointer}
.tr-dialog .tr-tag input{position:absolute;opacity:0;pointer-events:none}
.tr-dialog .tr-tag span{padding:4px 11px;border:1px solid var(--line2);border-radius:999px;color:var(--mut);font-size:12px;transition:border-color .15s,color .15s,background .15s}
.tr-dialog .tr-tag:hover span{border-color:rgba(255,255,255,.28);color:var(--fg)}
.tr-dialog .tr-tag:has(input:checked) span{border-color:rgba(240,180,41,.6);background:rgba(240,180,41,.1);color:var(--gold)}
.tr-dialog .tr-tag:has(input:focus-visible) span{box-shadow:0 0 0 3px var(--gold-glow)}
.tr-dialog .tr-photo-picker{display:inline-flex;align-items:center;gap:10px;margin:12px 0 2px;padding:0;border:0;background:none}
.tr-dialog .tr-photo-button{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border:1px solid var(--line2);border-radius:999px;background:none;color:var(--gold);font-size:12.5px}
.tr-dialog .tr-photo-button:hover{background:rgba(240,180,41,.08);border-color:rgba(240,180,41,.45)}
.tr-dialog .tr-dialog-details{margin-top:6px;padding-top:6px;border:0}
.tr-dialog .tr-dialog-details summary{color:var(--gold);font-size:12.5px}
.tr-dialog .tr-dialog-details summary:before{border-radius:50%}
.tr-dialog .tr-dialog-actions{align-items:center;padding:12px 20px 14px;border-top:1px solid var(--line);background:none}
.tr-dialog .tr-dialog-note{font-size:11.5px;line-height:1.4}
.tr-dialog .tr-dialog-buttons .btn{min-height:38px;padding:8px 24px;border-radius:999px;font-weight:700}
.tr-dialog .tr-dialog-cancel{border:0;background:none;color:var(--mut)}
.tr-dialog .tr-dialog-cancel:hover{color:var(--fg)}
@media(max-width:520px){.tr-dialog .tr-dialog-body{padding:4px 16px 0}.tr-dialog textarea[name=body]{font-size:16.5px;min-height:130px}}
.tr-reaction-picker .rx-face{width:33px;height:33px;background:linear-gradient(145deg,var(--rx-face-light),var(--rx-face-color) 65%,var(--rx-face-dark));border-radius:50%;position:relative;box-shadow:inset 0 -2px 1px #8b5c2030;transition:transform .2s}
.tr-reaction-picker .rx-face:before,.tr-reaction-picker .rx-face:after{content:'';position:absolute;width:3px;height:5px;background:var(--rx-ink);border-radius:50%;top:12px}
.tr-reaction-picker .rx-face:before{left:9px}
.tr-reaction-picker .rx-face:after{right:9px}
.tr-reaction-picker .rx-mouth{position:absolute;left:11px;top:21px;width:11px;height:5px;border-bottom:2px solid var(--rx-ink);border-radius:0 0 12px 12px}
.tr-reaction-picker .rx-badge{position:absolute;right:-7px;top:-8px;color:var(--rx-face-light);filter:drop-shadow(0 1px 1px #080b12);width:17px;height:17px}
.tr-reaction-picker .rx-badge svg{width:17px;height:17px;stroke-width:2.5}
.tr-reaction-picker [data-key="evidence"] .rx-face:before{width:11px;height:11px;top:9px;left:17px;border:2px solid var(--rx-ink);background:transparent;box-sizing:border-box}
.tr-reaction-picker [data-key="evidence"] .rx-mouth{width:8px;transform:rotate(-12deg)}
.tr-reaction-picker [data-key="risk"] .rx-face:before,.tr-reaction-picker [data-key="risk"] .rx-face:after{height:3px;transform:rotate(-15deg);width:6px;top:13px}
.tr-reaction-picker [data-key="risk"] .rx-mouth{border-radius:0;top:22px;height:0}
.tr-reaction-picker [data-key="setup"] .rx-face:before,.tr-reaction-picker [data-key="setup"] .rx-face:after{height:3px;width:6px;top:13px;transform:rotate(12deg)}
.tr-reaction-picker [data-key="momentum"] .rx-mouth{height:8px;background:var(--rx-ink);border-radius:2px 2px 10px 10px;top:20px}
.tr-reaction-picker .tr-reaction:hover[data-key="insightful"] .rx-badge{filter:drop-shadow(0 0 4px #ffcf00)}
.tr-reaction-picker .tr-reaction:hover[data-key="evidence"] .rx-face{transform:rotate(-13deg)}
.tr-reaction-picker .tr-reaction:hover[data-key="risk"] .rx-badge{transform:scale(1.25)}
.tr-reaction-picker .tr-reaction:hover[data-key="setup"] .rx-badge{transform:rotate(-22deg) scale(1.2)}
.tr-reaction-picker .tr-reaction:hover[data-key="momentum"] .rx-badge{transform:translate(3px,-5px) rotate(-10deg)}
.tr-reaction-picker .rx-badge{transition:transform .25s}
.tr-reaction-picker .rx-face{background:linear-gradient(145deg,#fff174 0%,#ffcf00 58%,#f5a500 100%);box-shadow:inset 0 -2px 2px #d8850040}
.tr-reaction-picker .rx-face:before,.tr-reaction-picker .rx-face:after{display:none}
.tr-reaction-picker .rx-eye{position:absolute;top:9px;width:9px;height:11px;background:#fffdf8;border-radius:50%;box-shadow:0 1px 1px #b87a0035;display:grid;place-items:center}
.tr-reaction-picker .rx-eye-left{left:6px}
.tr-reaction-picker .rx-eye-right{right:6px}
.tr-reaction-picker .rx-eye>span{display:block;position:relative;width:4.5px;height:6px;border-radius:50%;background:#20212b}
.tr-reaction-picker .rx-eye>span:after{content:'';position:absolute;top:1px;left:1px;width:1.5px;height:2px;border-radius:50%;background:#ffffff}
.tr-reaction-picker .rx-mouth{left:11px;top:23px;width:11px;height:5px;background:#ff9fb7;border:0;border-radius:2px 2px 9px 9px;box-shadow:0 -1px 0 #bc586e}
.tr-reaction-picker [data-key="evidence"] .rx-eye-right{box-shadow:0 0 0 1.5px #65421c}
.tr-reaction-picker [data-key="evidence"] .rx-eye-left{top:8px}
.tr-reaction-picker [data-key="evidence"] .rx-mouth{width:8px;height:4px;left:13px;transform:rotate(-10deg)}
.tr-reaction-picker [data-key="risk"] .rx-eye{height:8px;top:11px;border-radius:3px 3px 6px 6px}
.tr-reaction-picker [data-key="risk"] .rx-mouth{top:24px;height:3px;width:9px;left:12px;border-radius:4px;background:#ff9fb7}
.tr-reaction-picker [data-key="setup"] .rx-eye{height:9px;top:10px}
.tr-reaction-picker [data-key="setup"] .rx-eye>span{transform:translateX(1px)}
.tr-reaction-picker [data-key="momentum"] .rx-mouth{top:21px;height:9px;width:13px;left:10px;border-radius:2px 2px 9px 9px;background:#713642;box-shadow:none;overflow:hidden}
.tr-reaction-picker [data-key="momentum"] .rx-mouth:before{content:'';position:absolute;left:2px;right:2px;top:0;height:2px;background:#fffdf8;border-radius:0 0 2px 2px}
.tr-reaction-picker [data-key="momentum"] .rx-mouth:after{content:'';position:absolute;left:3px;bottom:-1px;width:9px;height:5px;border-radius:50% 50% 0 0;background:#ffacc2}
.tr-reaction-picker [data-key="momentum"] .rx-eye{height:12px;top:7px}
.tr-reaction-picker .rx-brow{position:absolute;width:8px;height:2px;background:#71400c;border-radius:3px;top:6px}
.tr-reaction-picker .rx-brow-left{left:6px}
.tr-reaction-picker .rx-brow-right{right:6px}
/* The lightbulb moment: wide eyes, raised eyebrows, a small surprised mouth. */
.tr-reaction-picker [data-key="insightful"] .rx-eye{top:8px;height:12px;width:10px}
.tr-reaction-picker [data-key="insightful"] .rx-eye-left{left:5px}
.tr-reaction-picker [data-key="insightful"] .rx-eye-right{right:5px}
.tr-reaction-picker [data-key="insightful"] .rx-brow{top:4px;transform:rotate(-12deg)}
.tr-reaction-picker [data-key="insightful"] .rx-brow-right{transform:rotate(12deg)}
.tr-reaction-picker [data-key="insightful"] .rx-mouth{left:13px;top:23px;width:7px;height:7px;border-radius:50%;background:#713642;box-shadow:inset 0 -2px 0 #ffa8bd}
/* Scrutiny: one eyebrow raised, one eye narrowed behind a monocle. */
.tr-reaction-picker [data-key="evidence"] .rx-eye-left{top:12px;height:5px;border-radius:2px 2px 5px 5px}
.tr-reaction-picker [data-key="evidence"] .rx-eye-left>span{height:4px;transform:translateX(1px)}
.tr-reaction-picker [data-key="evidence"] .rx-eye-right{top:9px;height:11px}
.tr-reaction-picker [data-key="evidence"] .rx-brow-left{top:9px;transform:rotate(17deg)}
.tr-reaction-picker [data-key="evidence"] .rx-brow-right{top:4px;transform:rotate(-17deg)}
.tr-reaction-picker [data-key="evidence"] .rx-mouth{left:15px;top:24px;width:8px;height:3px;border-radius:3px;transform:rotate(-14deg)}
/* Concern: brows tilt inward, pupils glance sideways, a worried open mouth. */
.tr-reaction-picker [data-key="risk"] .rx-eye{top:11px;height:9px;border-radius:50%}
.tr-reaction-picker [data-key="risk"] .rx-eye>span{transform:translateX(-1px)}
.tr-reaction-picker [data-key="risk"] .rx-brow-left{top:7px;transform:rotate(-27deg)}
.tr-reaction-picker [data-key="risk"] .rx-brow-right{top:7px;transform:rotate(27deg)}
.tr-reaction-picker [data-key="risk"] .rx-mouth{left:11px;top:24px;width:12px;height:5px;transform:none;border-radius:8px 8px 2px 2px;background:#713642;box-shadow:inset 0 -2px 0 #ffafc0}
.tr-reaction-picker [data-key="risk"] .rx-cheek{position:absolute;left:1px;top:8px;width:4px;height:7px;border-radius:70% 30% 60% 40%;background:#64d8ff;transform:rotate(18deg)}
/* Confidence: deliberate wink, an angled eyebrow, asymmetric grin. */
.tr-reaction-picker [data-key="setup"] .rx-eye-left{top:11px;height:9px}
.tr-reaction-picker [data-key="setup"] .rx-eye-right{top:14px;height:3px;background:#342418;border-radius:3px;box-shadow:none;transform:rotate(-9deg)}
.tr-reaction-picker [data-key="setup"] .rx-eye-right>span{display:none}
.tr-reaction-picker [data-key="setup"] .rx-brow-left{top:7px;transform:rotate(20deg)}
.tr-reaction-picker [data-key="setup"] .rx-brow-right{top:8px;transform:rotate(-12deg)}
.tr-reaction-picker [data-key="setup"] .rx-mouth{left:12px;top:22px;width:12px;height:6px;border-radius:1px 1px 10px 5px;transform:rotate(-12deg);background:#fba3ba;box-shadow:0 -1px 0 #9c4e4e}
/* Excitement: joyful closed eyes, lifted cheeks, an open toothy grin. */
.tr-reaction-picker [data-key="momentum"] .rx-eye{top:10px;width:9px;height:7px;border:2px solid #342418;border-bottom:0;box-sizing:border-box;border-radius:9px 9px 0 0;background:transparent;box-shadow:none}
.tr-reaction-picker [data-key="momentum"] .rx-eye>span{display:none}
.tr-reaction-picker [data-key="momentum"] .rx-brow{top:5px;opacity:.6}
.tr-reaction-picker [data-key="momentum"] .rx-cheek{position:absolute;left:4px;top:19px;width:6px;height:3px;background:#ff9487;border-radius:50%;box-shadow:19px 0 0 #ff9487}
.tr-reaction-picker [data-key="momentum"] .rx-mouth{left:9px;top:20px;width:15px;height:10px}
.tr-reaction-picker .rx-mini .rx-face{position:absolute;top:0;left:0;transform:scale(.7);transform-origin:top left}
.tr-reaction-picker .rx-trigger-emoji .rx-face{transform:scale(.76);transform-origin:top left}
/* Keep the face as a single sized drawing in inline action buttons. */
.tr-reaction-picker .rx-face{display:block;flex:none;box-sizing:border-box}
.tr-reaction-picker .rx-trigger-emoji .rx-face{position:absolute;left:0;top:0;width:33px;height:33px;transform:scale(.76);transform-origin:top left}
.tr-reaction-picker{--rx-ink:#17110a;--rx-face-light:#fff174;--rx-face-color:#ffcf00;position:relative}
.tr-reaction-picker .rx-face{display:block;position:relative;width:33px;height:33px;box-sizing:border-box;flex:none}
.tr-reaction-picker .rx-mouth{position:absolute}
.tr-reaction-picker .tr-reaction-trigger-emoji{display:block;position:relative;width:25px;height:25px}
.tr-reaction-picker .tr-reaction-trigger-emoji .rx-face{position:absolute;top:0;left:0;transform:scale(.76);transform-origin:top left}
.tr-reaction-picker .tr-reaction-emoji{display:grid;place-items:center;width:40px;height:40px;font-size:16px}
.tr-reaction-picker .tr-reaction:hover .rx-face{transform:translateY(-5px) rotate(-8deg) scale(1.12)}
.tr-reaction-picker .rx-face{transition:transform .2s cubic-bezier(.2,1.5,.4,1)}
.tr-reaction-picker .rx-badge{font-size:15px;line-height:17px;filter:none}
.tr-reaction-picker .tr-reaction-trigger{position:relative;overflow:visible}
.tr-reaction-picker .tr-reaction-trigger.rx-celebrate{animation:rx-bounce .5s ease!important}
.tr-reaction-picker .rx-confetti{position:absolute;left:35%;top:45%;width:4px;height:6px;border-radius:1px;background:var(--piece-color);pointer-events:none;z-index:10;animation:rx-confetti .7s var(--delay) ease-out both}
.tr-reaction-picker .rx-sound{border:0;border-radius:50%;background:transparent;color:var(--mut);padding:5px;min-width:30px;min-height:30px;cursor:pointer;font-size:14px;align-self:center}
.tr-reaction-picker .tr-reaction-popover .tr-reaction{width:42px;min-width:42px;height:42px}
.tr-reaction-picker .tr-reaction-trigger-emoji .rx-badge{display:none}
.tr-reaction-picker .tr-reaction-trigger-text{display:none}
.tr-reaction-picker .tr-reaction-trigger:has(.rx-face){background:var(--gold-dim);color:var(--gold)}
.tr-reaction-summary .rx-face{transform:scale(.6);transform-origin:left center}
.tr-reaction-picker .tr-reaction-popover:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px}
.tr-reaction-picker .rx-celebrate .tr-reaction-trigger-emoji{animation:rx-bounce .5s ease}
.tr-reaction-picker .rx-celebrate .tr-reaction-total{animation:rx-bounce .4s ease}
@keyframes rx-bounce{0%{transform:scale(1)}25%{transform:scale(.92)}55%{transform:scale(1.12)}78%{transform:scale(.98)}100%{transform:scale(1)}}
@keyframes rx-confetti{0%{opacity:0;transform:translate(0,0) scale(.3)}15%,70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.55)}}
@media(prefers-reduced-motion:reduce){.tr-reaction-picker .rx-face{transition:none}.tr-reaction-picker .rx-celebrate *{animation:none!important}.tr-reaction-picker .rx-confetti{display:none}.tr-reaction-picker .tr-reaction-trigger.rx-celebrate{animation:none!important}}

/* Community is the first invitation. */
body.marketing .lp-nav .lp-main-nav{display:flex;align-items:center;gap:22px;margin-left:auto;margin-right:24px}
body.marketing .lp-nav .lp-main-nav a{color:var(--mut);font-size:12px;font-weight:700}
body.marketing .lp-nav .lp-main-nav a:first-child{color:var(--fg)}
body.marketing .lp-nav .lp-main-nav a:hover{color:var(--gold)}
.lp-community-cta{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(240,180,41,.38);border-radius:8px;background:rgba(240,180,41,.09);color:var(--gold);font-size:12px;font-weight:750;white-space:nowrap}
.lp-community-cta:hover{background:var(--gold-dim);text-decoration:none}
@media(max-width:860px){body.marketing .lp-nav .lp-main-nav{display:none}}
@media(max-width:760px){.lp-account .lp-community-cta{padding:8px 9px;font-size:11px}.lp-account .lp-login,.lp-account .lp-register{display:none}}
/* in-app market strip: sits in the header band beside the account button on desktop, and as its
   own scrolling row under the stacked navigation on narrow screens */
.appstrip{position:absolute;top:22px;left:248px;right:236px;z-index:4;overflow:hidden;
mask-image:linear-gradient(90deg,transparent,#000 3%,#000 94%,transparent)}
.appstrip-track{display:flex;width:max-content;animation:appstrip-marquee 48s linear infinite}
.appstrip-group{display:flex;flex:0 0 auto;align-items:center;gap:20px;padding-right:20px}
.appstrip:hover .appstrip-track{animation-play-state:paused}
@keyframes appstrip-marquee{to{transform:translateX(-50%)}}
.as-q{display:flex;align-items:baseline;gap:7px;flex:0 0 auto;font:500 12px var(--f-mono);white-space:nowrap;font-variant-numeric:tabular-nums}
.as-q b{color:var(--mut);font:600 11px var(--f-body);letter-spacing:.2px}
.as-q span{color:var(--fg)}
.as-q i{font-style:normal;font-size:11px}.as-q i.up{color:var(--grn)}.as-q i.dn{color:var(--red)}
@media(max-width:860px){.appstrip{position:static;margin:0;padding:10px 16px;border-bottom:1px solid var(--line);mask-image:none}}
@media(prefers-reduced-motion:reduce){.appstrip{overflow-x:auto;scrollbar-width:none}.appstrip::-webkit-scrollbar{display:none}.appstrip-track{animation:none}.appstrip-group[aria-hidden=true]{display:none}}
/* landing motion */
.lf-tape{position:relative;z-index:1;overflow:hidden;border-bottom:1px solid var(--line);
mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lf-track{display:flex;gap:34px;width:max-content;padding:10px 0;animation:lf-marquee 48s linear infinite}
.lf-tape:hover .lf-track{animation-play-state:paused}
.lf-q{display:flex;align-items:center;gap:9px;font:600 12px var(--f-mono);white-space:nowrap;color:#c9d2e1}
.lf-q b{font-family:var(--f-body);font-weight:600;color:var(--mut)}.lf-q .up{color:var(--grn)}.lf-q .dn{color:var(--red)}
.lf-q svg{width:54px;height:16px}
@keyframes lf-marquee{to{transform:translateX(-50%)}}
.lf-live{display:inline-flex;align-items:center;gap:6px;font:800 9px var(--f-mono);letter-spacing:1px;color:var(--gold)}
.lf-live i{width:6px;height:6px;border-radius:50%;background:var(--grn);box-shadow:0 0 8px var(--grn);animation:lf-blink 1.6s infinite}
@keyframes lf-blink{50%{opacity:.3}}
/* noise -> filter -> clarity */
.lf-noise{margin-top:34px;padding:18px;border:1px solid var(--line2);border-radius:16px;
background:radial-gradient(90% 120% at 50% 50%,rgba(240,180,41,.06),transparent 60%),rgba(9,12,19,.7)}
.lf-noise svg{display:block;width:100%;height:auto}
.lf-noise-cap{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:10px;font:800 9px var(--f-mono);letter-spacing:1.2px;color:var(--mut)}
.lf-noise-cap span:nth-child(2){color:var(--gold)}.lf-noise-cap span:last-child{text-align:right;color:#c9d2e1}
.nz-b{animation:nz-drift var(--d,7s) linear infinite;animation-delay:var(--dl,0s)}
.nz-b rect{fill:rgba(255,79,106,.08);stroke:rgba(255,79,106,.35)}.nz-b.g rect{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.14)}
.nz-b text{fill:#d6a1ab;font:600 12px var(--f-body)}.nz-b.g text{fill:#9aa5bb}
@keyframes nz-drift{0%{transform:translate(0,0);opacity:0}8%{opacity:1}50%{transform:translate(90px,var(--y,-8px))}
85%{opacity:.9}100%{transform:translate(200px,0);opacity:0}}
.nz-grid line{stroke:rgba(240,180,41,.55);stroke-width:2;animation:nz-glow 2.4s ease-in-out infinite}
.nz-grid line:nth-child(2n){animation-delay:.4s}
@keyframes nz-glow{50%{stroke:rgba(240,180,41,.18)}}
.nz-in{fill:#7a86a3;animation:nz-in 3s linear infinite;animation-delay:var(--dl)}
@keyframes nz-in{0%{transform:translateX(0);opacity:0}15%{opacity:.9}100%{transform:translateX(150px);opacity:0}}
.nz-out{fill:var(--gold);animation:nz-out 3s linear infinite;animation-delay:var(--dl)}
@keyframes nz-out{0%{transform:translateX(0);opacity:0}20%{opacity:1}100%{transform:translateX(120px);opacity:0}}
.nz-card{animation:nz-card 9s var(--ease) infinite;animation-delay:var(--dl)}
.nz-card rect{fill:rgba(13,17,26,.95);stroke:rgba(240,180,41,.35)}
.nz-card .t{fill:var(--gold);font:800 10px var(--f-mono);letter-spacing:1px}.nz-card .s{fill:#dfe5ef;font:600 13px var(--f-body)}
@keyframes nz-card{0%{opacity:0;transform:translateX(18px)}10%,85%{opacity:1;transform:none}100%{opacity:0}}
@media(max-width:760px){.lf-noise{padding:10px}.lf-noise-cap{font-size:8px}}
/* step illustrations */
.lf-il{margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);overflow:hidden}
.lf-il svg{display:block;width:100%;height:110px}
/* the strike */
.lf-strike{position:relative;display:inline-grid;margin-top:26px;padding:16px 22px;border:1px dashed rgba(255,255,255,.14);border-radius:12px}
.lf-strike span{grid-area:1/1;font:800 clamp(20px,2.6vw,30px)/1 var(--f-mono);letter-spacing:1px}
.lf-strike .a{color:#ff788c;animation:lf-a 6s var(--ease) infinite}
.lf-strike .a::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:3px;background:#ff4f6a;border-radius:2px;
transform:scaleX(0);transform-origin:left;animation:lf-line 6s var(--ease) infinite}
.lf-strike .a{position:relative}
.lf-strike .b{color:var(--gold);opacity:0;animation:lf-b 6s var(--ease) infinite}
@keyframes lf-line{0%,12%{transform:scaleX(0)}28%,48%{transform:scaleX(1)}56%,100%{transform:scaleX(1)}}
@keyframes lf-a{0%,48%{opacity:1;transform:none}58%,92%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
@keyframes lf-b{0%,52%{opacity:0;transform:translateY(-10px)}62%,90%{opacity:1;transform:none}100%{opacity:0}}
/* reveal (classes are added by script, so the page reads fine without it) */
.lf-pre{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.lf-pre.lf-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.lf-track,.nz-b,.nz-in,.nz-out,.nz-card,.nz-grid line,.lf-strike *,.lf-strike .a::after,
.lf-il *{animation:none!important}.nz-card{opacity:1}.lf-strike .b{display:none}
.lf-pre{opacity:1;transform:none;transition:none}}

/* landing: the brief itself, readable before sign-up */
.lp-brief{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;padding:70px 0 74px;border-top:1px solid var(--line)}
.lp-brief h2{font-size:clamp(26px,3.2vw,38px);line-height:1.12;letter-spacing:-1.1px;margin:15px 0 14px}
.lp-brief-sum{color:var(--mut);font-size:15px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.lp-brief-cases{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 22px}
.lp-brief-case{padding:13px 14px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.02);font-size:13px;line-height:1.55;color:#c5cede}
.lp-brief-case b{display:block;margin-bottom:5px;font:800 10px/1 var(--f-mono);letter-spacing:1.1px}
.lp-brief-case.up b{color:var(--grn)}.lp-brief-case.down b{color:var(--red)}
.lp-brief-note{margin-top:12px;color:var(--dim);font-size:12px}
.lp-brief-chart{margin:0;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:#0b0f16;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.lp-brief-chart img{display:block;width:100%;height:auto}
@media(max-width:860px){.lp-brief{grid-template-columns:1fr;gap:26px;padding:50px 0}.lp-brief-chart{order:-1}}
@media(max-width:520px){.lp-brief-cases{grid-template-columns:1fr}}

.nav-count{margin-left:auto;min-width:18px;padding:2px 6px;border-radius:999px;background:var(--gold);color:#171003;font:800 10px/1.2 var(--f-mono);text-align:center}

/* notification bell + dropdown panel */
body.app .topbar{display:flex;align-items:center;gap:10px}
.ntp{position:relative}
.ntp-bell{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line2);
  border-radius:50%;background:rgba(255,255,255,.035);color:var(--fg);cursor:pointer;transition:border-color var(--dur),background var(--dur),color var(--dur)}
.ntp-bell:hover,.ntp-bell[aria-expanded=true]{border-color:rgba(240,180,41,.35);background:rgba(240,180,41,.08);color:var(--gold)}
.ntp-bell:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold-dim)}
.ntp-bell svg{width:18px;height:18px}
.ntp-bell .nav-count{position:absolute;top:-5px;right:-5px;min-width:18px;margin:0;padding:2px 5px;border:2px solid #0b0e15;background:#ff4d5e;color:#fff}
.ntp-panel{position:absolute;top:calc(100% + 10px);right:-6px;z-index:60;display:flex;flex-direction:column;width:390px;
  max-height:min(620px,calc(100vh - 90px));border:1px solid var(--line2);border-radius:14px;background:#10141d;
  box-shadow:0 24px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.02);overflow:hidden;transform-origin:top right;
  animation:ntp-in .16s var(--ease,ease) both}
.ntp-panel[hidden]{display:none}
@keyframes ntp-in{from{opacity:0;transform:translateY(-6px) scale(.98)}}
.ntp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 8px}
.ntp-head b{font-size:17px;letter-spacing:-.2px}
.ntp-readall{padding:5px 8px;border:0;border-radius:7px;background:none;color:var(--gold);font:600 12px var(--f-body);cursor:pointer}
.ntp-readall:hover{background:rgba(240,180,41,.08)}.ntp-readall[disabled]{color:var(--dim);cursor:default;background:none}
.ntp-tabs{display:flex;gap:6px;padding:0 16px 10px;border-bottom:1px solid var(--line)}
.ntp-tabs button{padding:6px 12px;border:0;border-radius:999px;background:none;color:var(--mut);font:600 12.5px var(--f-body);cursor:pointer}
.ntp-tabs button:hover{background:rgba(255,255,255,.05);color:var(--fg)}
.ntp-tabs button[aria-selected=true]{background:rgba(240,180,41,.12);color:var(--gold)}
.ntp-list{flex:1;min-height:0;overflow-y:auto;padding:6px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.ntp-item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 10px;gap:11px;align-items:start;padding:9px 10px;
  border-radius:10px;color:var(--fg);text-decoration:none}
.ntp-item:hover{background:rgba(255,255,255,.045);text-decoration:none}
.ntp-item.unread{background:rgba(240,180,41,.045)}.ntp-item.unread:hover{background:rgba(240,180,41,.08)}
.ntp-av{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(240,180,41,.13);
  color:var(--gold);font:800 15px var(--f-mono)}
.ntp-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ntp-kind{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:20px;height:20px;border:2px solid #10141d;
  border-radius:50%;color:#fff}
.ntp-kind svg{width:11px;height:11px}
.k-reply,.k-reply_reply,.k-thread{background:#3d9bff}.k-reaction{background:#f0b429;color:#171003}.k-answer{background:#22c55e}
.k-mention{background:#a78bfa}.k-sapaan{background:#f97316}
.ntp-txt{min-width:0}
.ntp-txt p{margin:0;font-size:13px;line-height:1.42;color:#cfd7e4}.ntp-txt p b{color:var(--fg)}
.ntp-ex{display:-webkit-box;margin-top:2px;color:var(--mut);font-size:12.5px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ntp-when{display:block;margin-top:3px;color:var(--dim);font-size:11.5px}.ntp-item.unread .ntp-when{color:var(--gold);font-weight:600}
.ntp-dot{width:9px;height:9px;margin-top:17px;border-radius:50%}.ntp-item.unread .ntp-dot{background:var(--gold)}
.ntp-empty{display:grid;justify-items:center;gap:6px;padding:38px 22px;text-align:center;color:var(--mut);font-size:13px;line-height:1.5}
.ntp-empty svg{width:34px;height:34px;color:var(--dim)}.ntp-empty b{color:var(--fg);font-size:14px}
.ntp-skel{display:grid;grid-template-columns:44px 1fr;gap:11px;padding:9px 10px}
.ntp-skel i{display:block;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04));
  background-size:200% 100%;animation:ntp-sh 1.1s linear infinite}
.ntp-skel i:first-child{width:44px;height:44px;border-radius:50%}.ntp-skel span{display:grid;gap:7px;align-content:center}
.ntp-skel span i{height:10px}.ntp-skel span i:last-child{width:45%}
@keyframes ntp-sh{to{background-position:-200% 0}}
.ntp-more{display:block;width:calc(100% - 8px);margin:6px 4px 4px;padding:10px;border:1px solid var(--line2);border-radius:9px;background:rgba(255,255,255,.025);
  color:var(--fg);font:600 12.5px var(--f-body);cursor:pointer}
.ntp-more:hover{border-color:rgba(240,180,41,.35);color:var(--gold)}.ntp-more[disabled]{opacity:.6;cursor:default}
@media(max-width:860px){.ntp-panel{position:fixed;top:60px;left:10px;right:10px;width:auto;max-height:calc(100dvh - 150px)}}
@media(prefers-reduced-motion:reduce){.ntp-panel,.ntp-skel i{animation:none}}

/* phone navigation: bottom tab bar + menu sheet + top-right icons */
.mbar{display:none}
@media(max-width:860px){
  body.app .side .nav,body.app .side-profile{display:none}
  body.app .side{padding:12px 110px 12px 14px}body.app .brand{margin:0;padding:0;border:0}
  body.app .topbar{position:fixed;top:12px;right:12px;z-index:40;display:flex;align-items:center;gap:8px}
  body.app .profbtn .prof-nm,body.app .profbtn svg:last-child{display:none}
  body.app .main{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .chatfab{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:35;display:grid;grid-template-columns:repeat(5,1fr);
    padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);
    background:rgba(8,11,18,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:0;
    background:none;color:var(--mut);font:600 10.5px var(--f-body);text-decoration:none;cursor:pointer}
  .mbar a svg,.mbar button svg{width:22px;height:22px}
  .mbar .on{color:var(--gold)}
  .msheet{width:100%;max-width:none;max-height:82vh;margin:auto 0 0;padding:0 0 env(safe-area-inset-bottom,0px);
    border:1px solid var(--line2);border-bottom:0;border-radius:18px 18px 0 0;background:#0d1119;color:var(--fg)}
  .msheet::backdrop{background:rgba(0,0,0,.55)}
  .msheet-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 6px}
  .msheet-head b{font-size:15px}.msheet-head button{width:34px;height:34px;border:1px solid var(--line2);border-radius:50%;
    background:none;color:var(--mut);font-size:18px}
  .msheet-group{padding:6px 12px 10px}.msheet-group>span{display:block;padding:8px 6px 4px;color:var(--dim);
    font:800 10px var(--f-mono);letter-spacing:1.1px;text-transform:uppercase}
  .msheet .navlink{padding:11px 10px;font-size:14px}
}

/* studio: community + moderation */
.cm-item{padding:14px 16px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:rgba(255,255,255,.015)}
.cm-item.hidden{border-color:rgba(255,79,106,.35)}
.cm-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--mut);font-size:12px;margin-bottom:6px}
.cm-body{white-space:pre-wrap;font-size:13.5px;line-height:1.55;margin:6px 0 10px;max-height:9.5em;overflow:auto}
.cm-reports{margin:0 0 10px;padding-left:18px;color:#c5cede;font-size:12.5px}
.cm-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cm-act input{flex:1;min-width:220px}
.cm-restrict{margin-top:8px;font-size:12px}.cm-restrict summary{cursor:pointer;color:var(--mut)}

/* social: profile identity, follow controls, feed tabs, saved posts, welcome */
.lp-talk{padding:60px 0;border-top:1px solid var(--line)}.lp-talk h2{font-size:clamp(24px,3vw,34px);margin:12px 0 18px}
.lp-talk-list{display:grid;gap:10px;margin-bottom:20px}.lp-talk-item{display:block;padding:14px 16px;border:1px solid var(--line2);border-radius:12px;color:var(--fg)}
.lp-talk-item:hover{border-color:rgba(240,180,41,.5);text-decoration:none}.lp-talk-item b{display:block;font-size:15px}
.lp-talk-item span{color:var(--mut);font-size:12.5px}
.sc-search{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.sc-search input{flex:1;min-width:220px}
.sc-handle{color:var(--mut);font:600 13px var(--f-mono);margin:2px 0 6px}
.sc-bio{max-width:560px;color:#c5cede;font-size:14px;line-height:1.6;margin:4px 0 8px}
.sc-attrs{display:flex;gap:6px;flex-wrap:wrap}.sc-attr{padding:4px 9px;border:1px solid var(--line2);border-radius:999px;font-size:11.5px;color:var(--mut)}
.sc-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.sc-actions form{margin:0}.sc-more{position:relative}.sc-more summary{list-style:none;cursor:pointer}
.sc-more summary::-webkit-details-marker{display:none}
.sc-more-pop{position:absolute;z-index:20;top:calc(100% + 6px);left:0;display:grid;min-width:220px;padding:6px;border:1px solid var(--line2);border-radius:12px;background:#121722}
.sc-more-pop button{padding:9px 11px;border:0;border-radius:8px;background:none;color:var(--fg);text-align:left;font:600 12.5px var(--f-body);cursor:pointer}
.sc-more-pop button:hover{background:rgba(240,180,41,.1);color:var(--gold)}
.sc-note{margin-top:10px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;color:var(--mut);font-size:12.5px}
.sc-tabs{display:flex;gap:6px;margin:0 0 12px}.sc-tabs a{padding:8px 14px;border:1px solid var(--line2);border-radius:999px;color:var(--mut);font-weight:600;font-size:13px}
.sc-tabs a.on{border-color:rgba(240,180,41,.55);color:var(--gold);background:rgba(240,180,41,.08)}.sc-tabs a:hover{text-decoration:none;color:var(--fg)}
.sc-suggest{display:grid;gap:8px}.sc-person{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.sc-person b{display:block}.sc-person small{color:var(--mut)}
.sc-welcome{max-width:640px;margin:0 auto}.sc-welcome h1{font-size:28px;margin:6px 0 8px}
.sc-step{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px}
.sc-step h2{font-size:15px;margin:0 0 10px}.sc-chips{display:flex;gap:8px;flex-wrap:wrap}
.sc-chips button{padding:8px 14px;border:1px solid var(--line2);border-radius:999px;background:none;color:var(--fg);cursor:pointer}
.sc-chips button.on{border-color:var(--gold);color:var(--gold);background:rgba(240,180,41,.08)}
/* profile: one column like the feed */
.up-wrap{max-width:1400px;margin:0 auto}
.up-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
@media(max-width:1100px){.up-grid{grid-template-columns:minmax(0,1fr)}.up-grid>.tr-x-aside{display:none}}
.up-person{display:flex;align-items:center;gap:10px;padding:8px 0}
.up-person-av{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:rgba(240,180,41,.13);color:var(--gold);font:700 13px var(--f-mono)}
.up-person-av:hover{text-decoration:none}
.up-person-id{display:grid;flex:1;min-width:0;color:var(--fg)}.up-person-id:hover{text-decoration:none}
.up-person-id b,.up-person-id small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-person-id b{font-size:13.5px}.up-person-id .vf{margin-left:4px}.up-person-id .vf svg{width:14px;height:14px}.up-person-id small{color:var(--dim);font-size:12px}
.up-person form{margin:0}.up-person .btn{min-height:32px;padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:700}
.up-card{border:1px solid var(--line);border-radius:16px;background:rgba(10,13,20,.5);overflow:clip}
.up-banner{height:170px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 0,rgba(240,180,41,.28),transparent 55%),radial-gradient(ellipse at 10% 100%,rgba(112,180,255,.10),transparent 50%),linear-gradient(125deg,#1a2030,#0b0e16 70%)}
.up-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.up-cover-tools{position:absolute;top:12px;right:12px;z-index:1;display:flex;align-items:center;gap:6px}
.up-cover-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(6,8,16,.62);color:#e8ecf5;font:600 12px var(--f-body);cursor:pointer;backdrop-filter:blur(6px);transition:border-color var(--dur),background var(--dur)}
.up-cover-btn:hover{border-color:rgba(240,180,41,.6);background:rgba(6,8,16,.8)}.up-cover-btn[aria-disabled=true]{opacity:.6;pointer-events:none}
.up-cover-btn input{position:absolute;width:1px;height:1px;opacity:0}.up-cover-msg{font-size:11.5px;color:#e8ecf5;text-shadow:0 1px 3px #000}.up-cover-msg.bad{color:#ff8a9c}
.up-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 20px}
.up-avatar{position:relative;z-index:1;display:grid;place-items:center;width:118px;height:118px;margin-top:-60px;overflow:hidden;border:4px solid #0b0e15;border-radius:50%;background:#262214;color:var(--gold);font:800 38px var(--f-mono);box-shadow:0 8px 28px #0007}
.up-avatar img{width:100%;height:100%;object-fit:cover}
.fd-lg{z-index:1;margin-top:-60px}.fd-lg>.up-avatar{margin-top:0}.fd-lg>.fd-ring{box-shadow:0 0 0 4px #f0b429,0 8px 28px #0007}
.up-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px}
.up-tier{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 7px;border:1px solid var(--line2);border-radius:999px;font:700 12px var(--f-body);color:var(--fg)}
.up-tier .rp{margin:0}
.up-top .sc-actions{margin:14px 0 0}
.sc-actions .btn{min-height:36px;padding:7px 16px;border-radius:999px;font-weight:600}
.up-icon-btn{display:grid!important;place-items:center;width:36px;padding:0!important;list-style:none}
.sc-more .sc-more-pop{left:auto;right:0}
.up-id{padding:12px 20px 16px}
.up-id h1{display:flex;align-items:center;gap:6px;margin:0;font-size:22px;letter-spacing:-.4px;line-height:1.2}.up-id h1 .vf svg{width:20px;height:20px}
.up-handle{margin-top:2px;color:var(--dim);font-size:14px}
.up-bio{margin:12px 0 0;color:#d4dbe6;font-size:14.5px;line-height:1.55}.up-bio.mut{color:var(--dim)}
.up-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;color:var(--mut);font-size:13px}
.up-meta>span{display:inline-flex;align-items:center;gap:6px}.up-meta svg{color:var(--dim)}
.up-stats{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:12px;font-size:13.5px}
.up-stats>span{display:inline-flex;gap:5px}.up-stats b{color:var(--fg)}.up-stats span span{color:var(--mut)}
.rr{margin:14px 16px 4px;padding:14px 16px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.015)}
.rr-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rr-head h2{margin:0;font-size:14px;flex:1}
.rr-tier{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.rr-tier.none{color:var(--mut);font-weight:600}
.rr-score{font:700 22px/1 var(--mono,ui-monospace,monospace);color:var(--fg)}.rr-score small{font-size:12px;color:var(--mut)}
.rr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;margin-top:12px}
.rr-grid div{display:grid;gap:2px}.rr-grid b{font-size:15px}.rr-grid span{color:var(--mut);font-size:11.5px}
.rr-grid .pos{color:var(--green,#2ecc71)}.rr-grid .neg{color:var(--red,#ff5c5c)}
.rr-curve{margin-top:12px;display:flex;align-items:center;gap:10px;color:var(--mut);font-size:11.5px}.rr-curve svg{flex:1;height:36px}
.rr-bar{height:6px;border-radius:6px;background:var(--line2);overflow:hidden;margin-top:10px}.rr-bar i{display:block;height:100%;background:var(--gold)}
.rr-foot{margin:10px 0 0;color:var(--mut);font-size:12px}.rr-foot a{color:var(--gold)}
.up-id .sc-note{margin-top:12px}
.up-tabs{display:flex;border-bottom:1px solid var(--line)}
.up-tabs a{position:relative;flex:1;padding:14px 0;color:var(--mut);font:600 14px var(--f-body);text-align:center}
.up-tabs a:hover{background:rgba(255,255,255,.03);color:var(--fg);text-decoration:none}
.up-tabs a.on{color:var(--fg)}
.up-tabs a.on:after{content:"";position:absolute;left:50%;bottom:0;width:56px;height:3px;margin-left:-28px;border-radius:3px;background:var(--gold)}
.up-dash{padding:18px}.up-dash .td-dash{margin:0}
.up-wrap .tr-older{margin:0;border:0;border-radius:0}
@media(max-width:620px){.up-banner{height:120px}.up-avatar{width:84px;height:84px;margin-top:-42px;font-size:28px}.fd-lg{margin-top:-42px}.up-top,.up-id{padding-left:14px;padding-right:14px}.up-dash{padding:12px}}

/* landing, social-first */
.lp-nav .lp-account{display:flex;align-items:center;gap:14px;margin-left:auto}
.lp-nav .lp-login{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;color:var(--fg);font-size:13.5px;font-weight:600}
.lp-nav .lp-login:hover{background:rgba(255,255,255,.06);text-decoration:none}
.lp-nav .lp-community-cta{padding:9px 16px;border-radius:999px;font-size:13.5px}
@media(max-width:860px){.lp-nav .lp-login{display:inline-flex;padding:8px 10px;font-size:12.5px}.lp-nav .lp-community-cta{padding:8px 12px;font-size:12.5px}}
.lp-hero:has(.sm-hero){display:block;min-height:0;padding:0;border:0;background:none}
.sm-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:48px;align-items:center;padding:64px 0 56px}
.sm-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.03);color:#c5cede;font-size:13px}
.sm-live{width:8px;height:8px;border-radius:50%;background:var(--grn);box-shadow:0 0 0 3px rgba(34,212,131,.18)}
.sm-hero h1{margin:18px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-1.6px}
.sm-hero h1 em{font-style:normal;color:var(--gold)}
.sm-lead{max-width:560px;color:#b9c4d5;font-size:17px;line-height:1.6}
.sm-hero .lp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.sm-promo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;padding:9px 14px;border:1px solid rgba(167,139,250,.4);border-radius:12px;background:rgba(139,92,246,.1);color:#ddd6fe;font-size:13.5px}
.sm-promo b{color:#fff}.sm-promo span{color:#c4b5fd;font-weight:600}.sm-promo:hover{text-decoration:none;border-color:#a78bfa}
.sm-fine{margin-top:14px;color:var(--dim);font-size:12.5px}
.sm-phone{overflow:hidden;border:1px solid var(--line2);border-radius:22px;background:#0b0e15;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.03)}
.sm-phone-head{display:flex;justify-content:space-between;align-items:baseline;padding:16px 18px;border-bottom:1px solid var(--line)}
.sm-phone-head b{font-size:16px}.sm-phone-head span{color:var(--gold);font-size:12.5px;font-weight:600}
.sm-post{display:flex;gap:11px;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--fg)}
.sm-post:hover{background:rgba(255,255,255,.025);text-decoration:none}
.sm-av{flex:0 0 38px;width:38px;height:38px;overflow:hidden;border-radius:50%}.sm-av img{width:100%;height:100%}
.sm-post-main{display:grid;gap:4px;min-width:0}
.sm-by{display:flex;align-items:center;gap:5px;font-size:13.5px}.sm-by i{color:var(--dim);font-style:normal}
.sm-post-text{color:#dfe5ee;font-size:14px;line-height:1.45}
.sm-post-meta{color:var(--dim);font-size:12.5px}
.sm-empty{padding:28px 18px;color:var(--mut);text-align:center}
.sm-phone-more{display:block;padding:14px;color:var(--gold);font-weight:600;text-align:center}
.sm-what,.sm-tools,.sm-final{padding:60px 0;border-top:1px solid var(--line)}
.sm-what h2,.sm-tools h2,.sm-final h2{margin:12px 0 22px;font-size:clamp(24px,3vw,34px);letter-spacing:-.6px}
.sm-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sm-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(10,13,20,.55)}
.sm-card svg{color:var(--gold)}.sm-card b{display:block;margin:12px 0 6px;font-size:15.5px}.sm-card p{margin:0;color:var(--mut);font-size:13.5px;line-height:1.55}
.sm-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.sm-tools p{color:var(--mut);font-size:15px;line-height:1.6}
.sm-tool-links{display:flex;flex-wrap:wrap;gap:10px}
.sm-tool-links a{padding:10px 16px;border:1px solid var(--line2);border-radius:999px;color:var(--fg);font-size:14px}
.sm-tool-links a:hover{border-color:var(--gold);color:var(--gold);text-decoration:none}
.sm-final{text-align:center}.sm-final .lp-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
/* motion: the headline rises word by word, the gold words shimmer, the rest reveals on scroll */
.sm-w{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(.45em) rotate(2deg);animation:sm-word .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 70ms + 80ms)}
.sm-w-scroll{animation:none}.sm-w-scroll.in{animation:sm-word .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 60ms)}
@keyframes sm-word{to{opacity:1;filter:blur(0);transform:none}}
.sm-hero h1 em .sm-w{background:linear-gradient(100deg,#e9a91d 0%,#ffe08a 22%,#f0b429 40%,#c98a12 60%,#ffd76a 80%,#e9a91d 100%);background-size:250% 100%;
-webkit-background-clip:text;background-clip:text;color:transparent;
animation:sm-word .8s cubic-bezier(.2,.8,.2,1) forwards,sm-shine 5s linear 1.4s infinite;animation-delay:calc(var(--i) * 70ms + 80ms),1.4s}
@keyframes sm-shine{to{background-position:-250% 0}}
[data-reveal]{opacity:0}
[data-reveal].in{opacity:1;animation:sm-rise .85s cubic-bezier(.2,.8,.2,1) var(--d,0s) backwards}
@keyframes sm-rise{from{opacity:0;transform:translateY(24px)}}
.sm-pill{animation:sm-pop .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes sm-pop{from{opacity:0;transform:scale(.85) translateY(6px)}}
.sm-live{animation:sm-ping 1.8s ease-out infinite}
@keyframes sm-ping{0%{box-shadow:0 0 0 0 rgba(34,212,131,.55)}100%{box-shadow:0 0 0 9px rgba(34,212,131,0)}}
.sm-phone{animation:sm-float 7s ease-in-out infinite}
@keyframes sm-float{50%{transform:translateY(-8px)}}
.sm-post.sm-new{animation:sm-arrive .7s cubic-bezier(.2,.8,.2,1)}
@keyframes sm-arrive{from{opacity:0;transform:translateY(-14px);background:rgba(240,180,41,.08)}to{background:rgba(240,180,41,0)}}
.sm-phone-head span{position:relative;padding-left:14px}
.sm-phone-head span:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--gold);animation:sm-ping-gold 1.8s ease-out infinite}
@keyframes sm-ping-gold{0%{box-shadow:0 0 0 0 rgba(240,180,41,.6)}100%{box-shadow:0 0 0 8px rgba(240,180,41,0)}}
.sm-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.sm-card:hover{transform:translateY(-6px);border-color:rgba(240,180,41,.35);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.sm-card svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.sm-card:hover svg{transform:scale(1.2) rotate(-8deg)}
.sm-tool-links a{transition:transform .25s,border-color .25s,color .25s}.sm-tool-links a:hover{transform:translateY(-2px)}
.sm-promo{animation:sm-glow 3s ease-in-out infinite}
@keyframes sm-glow{50%{box-shadow:0 0 0 4px rgba(139,92,246,.12),0 0 24px rgba(139,92,246,.25)}}
@media(prefers-reduced-motion:reduce){.sm-w,.sm-w-scroll,.sm-hero h1 em .sm-w,.sm-pill,.sm-live,.sm-phone,.sm-post.sm-new,.sm-promo,.sm-phone-head span:before{animation:none!important;opacity:1;filter:none;transform:none}
[data-reveal],[data-reveal].in{opacity:1;animation:none}}
@media(max-width:900px){.sm-hero{grid-template-columns:1fr;gap:32px;padding:40px 0}.sm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-tools{grid-template-columns:1fr}}
@media(max-width:560px){.sm-cards{grid-template-columns:1fr}.sm-hero h1{font-size:34px}}

/* thread: labels, mentions, nested replies, edit/delete, follow thread */
.th-labels{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 0}.th-label{padding:3px 8px;border:1px solid var(--line2);border-radius:999px;color:var(--mut);font:600 10.5px var(--f-mono)}
.th-label.inst{color:var(--gold);border-color:rgba(240,180,41,.35)}a.th-label:hover{text-decoration:none;border-color:var(--gold)}
.th-mention{color:var(--gold);font-weight:600}
.th-edited{display:block;margin:-4px 0 8px;color:var(--dim);font-size:11px}
.th-edit-form{display:grid;gap:8px;margin:10px 0;padding:12px;border:1px solid rgba(240,180,41,.3);border-radius:10px;background:rgba(240,180,41,.03)}
.th-edit-form[hidden],.th-answer[hidden]{display:none}.th-edit-form textarea{min-height:90px}.th-edit-form label{display:grid;gap:4px}
.th-edit-foot{display:flex;align-items:center;gap:8px}.th-edit-foot small{flex:1}
.th-del:hover{color:var(--red)!important}
.th-children{margin:8px 0 0 18px;padding-left:12px;border-left:2px solid var(--line2);display:grid;gap:8px}
.th-follow{margin:0}
.vf{display:inline-grid;place-items:center;flex-shrink:0;vertical-align:-3px;line-height:0}
.vf-pro{color:#3d9bff;filter:drop-shadow(0 0 6px rgba(61,155,255,.35))}
.vf-official{color:#8b93ad}
.rp{display:inline-grid;place-items:center;flex-shrink:0;vertical-align:-3px;line-height:0;margin-left:3px}
.fd-wrap{position:relative;display:inline-block;flex-shrink:0;line-height:0}
.fd-wrap>.fd-ring{box-shadow:0 0 0 2px #0b0e15,0 0 0 4px #f0b429}
.fd-sprout{position:absolute;right:-5px;bottom:-5px;z-index:2;display:grid;place-items:center;width:18px;height:18px;border:2px solid #0b0e15;
  border-radius:50%;background:#f0b429;color:#2a1d02}
.fd-sprout svg{width:11px;height:11px}
.fd-lg .fd-sprout{right:4px;bottom:4px;width:30px;height:30px;border-width:3px}.fd-lg .fd-sprout svg{width:17px;height:17px}
.fd-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border:1px solid rgba(240,180,41,.5);border-radius:999px;
  background:rgba(240,180,41,.07);color:var(--gold);font:700 12px var(--f-body);white-space:nowrap}
.fd-chip .fd-dot{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f0b429;color:#2a1d02}.fd-chip .fd-dot svg{width:12px;height:12px}
.rp-analis{color:#c98a55}.rp-senior{color:#c3cbdc}.rp-elite{color:#f0b429;filter:drop-shadow(0 0 6px rgba(240,180,41,.35))}

.rk-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:16px;align-items:start}
.rk-in{display:grid;gap:4px;padding:6px 20px 18px}
.rk-in fieldset{margin:0;padding:16px 0 14px;border:0;border-bottom:1px solid var(--line)}
.rk-in fieldset:last-of-type{border-bottom:0}
.rk-in legend{float:left;width:100%;margin-bottom:12px;color:var(--fg);font:600 13px var(--f-body)}
.rk-row{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rk-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.rk-field{display:grid;align-content:start;gap:6px;min-width:0;color:var(--mut);font-size:12px;font-weight:500}
.rk-field .txtin{width:100%;font-variant-numeric:tabular-nums}
.rk-field small{color:var(--dim);font-size:11px}
.rk-unit{color:var(--dim);font:500 11px var(--f-mono)}
.rk-chips{display:flex;gap:6px;margin-top:2px}
.rk-chips button{padding:4px 9px;border:1px solid var(--line2);border-radius:var(--r-xs);background:transparent;color:var(--mut);font:500 11.5px var(--f-mono);cursor:pointer;transition:border-color var(--dur),color var(--dur)}
.rk-chips button:hover,.rk-chips button[aria-pressed=true]{border-color:rgba(240,180,41,.5);color:var(--gold)}
.rk-dir{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line2);border-radius:var(--r-sm)}
.rk-dir button{padding:9px;border:0;border-radius:7px;background:transparent;color:var(--mut);font:600 13px var(--f-body);cursor:pointer;transition:background var(--dur),color var(--dur)}
.rk-dir button[aria-pressed=true][data-dir=buy]{background:var(--grn-dim);color:var(--grn)}
.rk-dir button[aria-pressed=true][data-dir=sell]{background:var(--red-dim);color:var(--red)}
.rk-in details{margin-top:12px}
.rk-in summary{color:var(--mut);font-size:12px;cursor:pointer}
.rk-in summary:hover{color:var(--fg)}
.rk-in details .rk-row{margin-top:12px}
.rk-out{position:sticky;top:18px;padding:0;overflow:hidden}
.rk-hero{padding:22px 22px 18px;border-bottom:1px solid var(--line);background:linear-gradient(160deg,rgba(240,180,41,.09),transparent 70%)}
.rk-hero small{color:var(--mut);font-size:12px;font-weight:500}
.rk-lots{display:flex;align-items:baseline;gap:9px;margin:6px 0 4px}
.rk-lots b{color:var(--gold);font:700 48px/1 var(--f-mono);letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.rk-lots span{color:var(--mut);font:500 14px var(--f-body)}
.rk-hero p{margin:0;color:var(--mut);font-size:12.5px;line-height:1.5}
.rk-hero p strong{color:var(--fg);font-weight:600}
.rk-rows{margin:0;padding:6px 22px}
.rk-rows div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.rk-rows div:last-child{border-bottom:0}
.rk-rows dt{color:var(--mut);font-size:12.5px}
.rk-rows dd{margin:0;color:var(--fg);font:500 13px var(--f-mono);text-align:right;font-variant-numeric:tabular-nums}
.rk-rows dd small{display:block;color:var(--dim);font:400 11px var(--f-body)}
.rk-be{margin:0 22px;padding:15px 0 16px;border-top:1px solid var(--line)}
.rk-be-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:var(--mut);font-size:12.5px}
.rk-be-head b{color:var(--fg);font:600 20px var(--f-mono)}
.rk-bar{position:relative;height:8px;margin:10px 0 9px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.rk-bar i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width .25s var(--ease)}
.rk-be p{margin:0;color:var(--mut);font-size:12px;line-height:1.5}
.rk-streak{margin:0 22px 18px;padding:12px 14px;border:1px solid var(--line2);border-radius:var(--r-sm);color:var(--mut);font-size:12px;line-height:1.5}
.rk-streak b{color:var(--fg);font-weight:600}
.rk-warn{margin:0 22px 18px;padding:11px 13px;border:1px solid rgba(245,158,11,.35);border-radius:var(--r-sm);background:rgba(245,158,11,.07);color:#f5c26b;font-size:12.5px;line-height:1.5}
.rk-warn.bad{border-color:rgba(255,79,106,.4);background:var(--red-dim);color:#ff8fa1}
.rk-foot{max-width:760px;margin:16px 0 0;color:var(--dim);font-size:12px;line-height:1.6}
@media(max-width:900px){.rk-grid{grid-template-columns:1fr}.rk-out{position:static}}
@media(max-width:520px){.rk-row,.rk-row.three{grid-template-columns:1fr 1fr}.rk-in{padding:4px 14px 14px}.rk-lots b{font-size:40px}}

.td-dash{margin:0 0 18px}
.td-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 14px}
.td-shortcuts{display:flex;gap:8px;flex-wrap:wrap}
.td-date{display:block;color:var(--mut)}
.td-greeting{display:block;margin-top:4px;color:#e2e7f0;font-family:var(--f-body);font-size:18px;font-weight:700;letter-spacing:-.35px;line-height:1.3}
.td-greeting strong{color:#e9bd59;font-weight:700}
.td-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.td-card{display:flex;flex-direction:column;gap:12px;padding:20px 22px;min-width:0}
.td-card h2{margin:0;font-size:17px;line-height:1.35;letter-spacing:-.2px;text-transform:none;color:var(--fg)}
.td-card p{margin:0;color:var(--mut);font-size:13px;line-height:1.6}
.td-label{color:var(--mut);font-size:12px;font-weight:500}
.td-card .btn{align-self:flex-start;margin-top:auto}
.td-release-copy{display:flex;flex-direction:column;gap:12px;min-width:0}
.td-release{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:22px;padding:22px}
.td-when{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}
.td-when b{color:var(--gold);font:600 14px var(--f-mono)}
.td-when span{color:var(--mut);font-size:12.5px}
.td-release h2{font-size:22px;letter-spacing:-.4px}
.td-stats{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:2px}
.td-stats div{display:grid;gap:2px}
.td-stats small{color:var(--dim);font-size:11.5px}
.td-stats b{font:600 16px var(--f-mono);font-variant-numeric:tabular-nums}
.td-stats .up{color:var(--grn)}.td-stats .dn{color:var(--red)}
.td-next{margin:4px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.td-next li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--mut);font-size:12.5px}
.td-next li span:last-child{color:var(--dim);font-family:var(--f-mono);font-size:11.5px;white-space:nowrap}
.td-chart{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--r-sm);background:rgba(0,0,0,.18)}
.td-chart svg{width:100%;height:auto;display:block}
.td-chart figcaption{color:var(--mut);font-size:12px;line-height:1.5}
.td-chart figcaption b{color:var(--fg);font-weight:600}
.td-empty{color:var(--dim);font-size:12.5px}
.td-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.td-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width .4s var(--ease)}
.td-meta{color:var(--dim);font:500 11.5px var(--f-mono)}
.td-lock{color:var(--gold);font-size:12px;font-weight:600}
@media(max-width:900px){.td-release{grid-template-columns:1fr}}
@media(max-width:700px){.td-head{display:block}.td-shortcuts{margin-top:10px}.td-grid{grid-template-columns:1fr}.td-card,.td-release{padding:17px}}

.nw-meta-line{margin:-6px 0 18px;color:var(--dim);font-size:12.5px}
.nw-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
.nw-feed{display:grid;gap:18px;min-width:0}
.nw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--dim);font-size:12px}
.nw-cat{color:var(--gold);font-weight:600}
.nw-feed h2,.nw-feed h3{margin:0;color:var(--fg);letter-spacing:-.2px;text-transform:none}
.nw-feed h2 a,.nw-feed h3 a{color:inherit;transition:color var(--dur)}
.nw-feed h2 a:hover,.nw-feed h3 a:hover{color:var(--gold)}
.nw-feed p{margin:0;color:var(--mut);line-height:1.65}
.nw-lean{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.nw-chip{padding:3px 9px;border:1px solid var(--line2);border-radius:99px;font:600 11.5px var(--f-body);white-space:nowrap}
.nw-chip.up{border-color:rgba(34,212,131,.4);background:var(--grn-dim);color:var(--grn)}
.nw-chip.dn{border-color:rgba(255,79,106,.4);background:var(--red-dim);color:var(--red)}
.nw-chip.mix{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.08);color:var(--amb)}
.nw-chip.flat{color:var(--mut)}
.nw-side ul{margin:0;padding:0;list-style:none}.nw-side li{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}
.nw-side li:first-child{padding-top:2px}.nw-side li:last-child{border-bottom:0}
.nw-side-t{color:var(--fg);font-size:13.5px;font-weight:600;line-height:1.4}.nw-side-t:hover{color:var(--gold);text-decoration:none}
.nw-side-meta{color:var(--dim);font-size:11.5px}.nw-side-meta b{font-weight:600}
.nw-side-meta .up{color:var(--grn)}.nw-side-meta .dn{color:var(--red)}.nw-side-meta .mix{color:var(--amb)}.nw-side-meta .flat{color:var(--mut)}
.nw-side-more{display:inline-block;margin-top:6px;color:var(--gold);font-size:12.5px;font-weight:600}
.nw-why{color:var(--mut);font-size:12.5px;line-height:1.55}
.nw-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px}
.nw-links a{color:var(--gold)}
.nw-orig{color:var(--dim);font-size:11.5px;line-height:1.5}
/* pictures: the publisher's, shown from their server; a failed one falls back to the category card */
.nw-media{position:relative;display:block;overflow:hidden;border-radius:var(--r-sm);aspect-ratio:16/9;
background:radial-gradient(120% 90% at 20% 10%,rgba(240,180,41,.22),transparent 55%),linear-gradient(150deg,#141a28,#0a0d16)}
.nw-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.nw-media:hover img{transform:scale(1.03)}
.nw-media .nw-fallback{position:absolute;left:14px;bottom:12px;color:rgba(240,180,41,.75);font:600 13px var(--f-body)}
.nw-media .nw-credit{position:absolute;right:8px;bottom:7px;padding:2px 7px;border-radius:5px;background:rgba(0,0,0,.55);color:rgba(255,255,255,.75);font-size:10.5px}
.nw-lead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;padding:16px;align-items:center}
.nw-lead .nw-media{aspect-ratio:4/3}
.nw-lead .nw-body{display:grid;gap:11px;align-content:center;padding:4px 6px 4px 0}
.nw-lead h2{font-size:23px;line-height:1.3;letter-spacing:-.5px}
.nw-lead p{font-size:14px}
.nw-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.nw-duo:not(:has(article:not([hidden]))),.nw-river:not(:has(article:not([hidden]))){display:none}
.nw-card{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden}
.nw-card .nw-media{border-radius:0}
.nw-card .nw-body{display:grid;gap:9px;align-content:start;padding:15px 17px 17px}
.nw-card h3{font-size:16px;line-height:1.4}
.nw-card p{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw-river{display:grid;padding:4px 18px}
.nw-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.nw-row:last-child{border-bottom:0}
.nw-row .nw-media{aspect-ratio:3/2}
.nw-row .nw-body{display:grid;gap:7px;align-content:start}
.nw-row h3{font-size:15px;line-height:1.4}
.nw-row p{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-feed article[hidden]{display:none}
.nw-rail{position:sticky;top:18px;display:grid;gap:14px}
.nw-box{display:grid;gap:12px;padding:16px 18px}
.nw-box h2{margin:0;color:var(--fg);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
.nw-bar-row{display:grid;gap:6px}
.nw-bar-row b{color:var(--fg);font-size:12.5px;font-weight:600}
.nw-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.05)}
.nw-bar i{display:block;height:100%}
.nw-bar i.up{background:var(--grn)}.nw-bar i.dn{background:var(--red)}.nw-bar i.mix{background:var(--amb)}.nw-bar i.flat{background:#3a4258}
.nw-bar-row small{color:var(--mut);font:500 11.5px var(--f-mono)}
.nw-bar-row small .up{color:var(--grn)}.nw-bar-row small .dn{color:var(--red)}.nw-bar-row small .mix{color:var(--amb)}
.nw-filter{display:grid;gap:2px}
.nw-filter button{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:0;border-radius:var(--r-xs);background:transparent;color:var(--mut);font:500 13px var(--f-body);text-align:left;cursor:pointer;transition:background var(--dur),color var(--dur)}
.nw-filter button span{color:var(--dim);font:500 11.5px var(--f-mono)}
.nw-filter button:hover{background:rgba(255,255,255,.03);color:var(--fg)}
.nw-filter button[aria-pressed=true]{background:var(--gold-dim);color:var(--gold)}
.nw-note{max-width:760px;margin:0;padding:0 4px;color:var(--dim);font-size:12px;line-height:1.6}
.nw-bars{display:grid;gap:12px}
.nw-empty{padding:22px;color:var(--mut);font-size:13.5px;line-height:1.6}
.td-news{grid-column:1/-1}
.td-news ul{margin:0;padding:0;list-style:none}
.td-news li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.td-news li:last-child{border-bottom:0}
.td-news .nw-media{aspect-ratio:3/2;border-radius:7px}
.td-news li>div{display:grid;gap:6px;min-width:0}
.td-news li a.t{color:var(--fg);font-size:14px;font-weight:600;line-height:1.45}
.td-news li a.t:hover{color:var(--gold)}
@media(max-width:1180px){.nw-layout{grid-template-columns:1fr}.nw-rail{position:static;order:-1;grid-template-columns:1fr 1fr}
.nw-filter{display:flex;flex-wrap:wrap;gap:6px}.nw-filter button{padding:6px 10px;border:1px solid var(--line2);border-radius:99px;font-size:12px}
.nw-filter button span{margin-left:6px}}
@media(max-width:760px){.nw-lead{grid-template-columns:1fr;padding:0;overflow:hidden}.nw-lead .nw-media{aspect-ratio:16/9;border-radius:0}
.nw-lead .nw-body{padding:0 16px 16px}.nw-lead h2{font-size:19px}.nw-duo{grid-template-columns:1fr}.nw-rail{grid-template-columns:1fr;gap:10px}
.nw-box{padding:12px 14px;gap:9px}.nw-bars{grid-template-columns:1fr 1fr;gap:14px}.nw-cats{padding:10px 0 10px 14px}.nw-cats h2{display:none}
.nw-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:14px}.nw-filter::-webkit-scrollbar{display:none}.nw-filter button{flex:0 0 auto}
.nw-row{grid-template-columns:104px minmax(0,1fr);gap:12px}.nw-river{padding:2px 14px}.td-news li{grid-template-columns:76px minmax(0,1fr)}}

/* fundamental history */
.eh-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.eh-s{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--glass)}
.eh-s .k{font:800 10px var(--f-mono);letter-spacing:1px;color:var(--gold)}
.eh-s .big{font:700 20px var(--f-mono);margin:6px 0 2px}.eh-s .big small{font:600 11px var(--f-body);color:var(--mut);margin-left:4px}
.eh-s .bar{display:flex;height:6px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.06);margin:8px 0 6px}
.eh-s .bar i{display:block}.eh-s .bar .g{background:var(--grn)}.eh-s .bar .b{background:var(--red)}.eh-s .bar .n{background:rgba(255,255,255,.18)}
.eh-s p{font-size:11.5px;color:var(--mut);line-height:1.5}
@media(max-width:1100px){.eh-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.eh-sum{grid-template-columns:1fr}}
.eh-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.eh-filters button{padding:7px 12px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03);
color:var(--mut);font:600 12px var(--f-body);cursor:pointer;transition:all var(--dur)}
.eh-filters button[aria-pressed=true]{background:var(--gold-dim);border-color:rgba(240,180,41,.45);color:var(--gold)}
.eh-filters .sep{width:1px;height:20px;background:var(--line2);margin:0 4px}
.eh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:1100px){.eh-grid{grid-template-columns:minmax(0,1fr)}}
.eh-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--glass);animation:eh-in .35s var(--ease) both}
.eh-card[hidden]{display:none}
@keyframes eh-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.eh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.eh-top h3{font-size:14.5px;margin-top:4px}.eh-top .when{font:600 11.5px var(--f-mono);color:var(--mut)}
.eh-ev{display:inline-block;padding:2px 8px;border-radius:6px;font:800 10px var(--f-mono);letter-spacing:.8px;background:var(--gold-dim);color:var(--gold)}
.eh-verdict{flex-shrink:0;padding:7px 11px;border-radius:10px;font:800 11px var(--f-mono);letter-spacing:.6px;text-align:center;line-height:1.3}
.eh-verdict small{display:block;font:600 9.5px var(--f-body);letter-spacing:0;opacity:.8}
.eh-verdict.baik{background:var(--grn-dim);color:var(--grn);border:1px solid rgba(34,212,131,.3)}
.eh-verdict.buruk{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,79,106,.3)}
.eh-verdict.netral{background:rgba(255,255,255,.05);color:var(--mut);border:1px solid var(--line2)}
.eh-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.eh-nums div{padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid var(--line)}
.eh-nums span{display:block;font-size:10px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.eh-nums b{font:600 12.5px var(--f-mono)}
.eh-chart{border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.22);padding:6px}
.eh-chart svg{display:block;width:100%;height:auto}
.eh-chart .mk{animation:eh-pulse 1.8s ease-in-out infinite}@keyframes eh-pulse{50%{opacity:.35}}
.eh-chart .c{transform-box:fill-box;transform-origin:center bottom;animation:eh-grow .45s var(--ease) both}
@keyframes eh-grow{from{transform:scaleY(0)}}
.eh-react{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:10px;font-size:12.5px}
.eh-react b{font-family:var(--f-mono)}.eh-react .up{color:var(--grn)}.eh-react .dn{color:var(--red)}
.eh-flag{margin-top:8px;font-size:11.5px;color:var(--amb)}
.eh-agree{font-size:11.5px;color:var(--mut)}
@media(prefers-reduced-motion:reduce){.eh-card,.eh-chart .c,.eh-chart .mk{animation:none!important}}

/* Market Replay */
.rp-layout{display:grid;grid-template-columns:296px minmax(0,1fr);gap:14px;align-items:start}
.rp-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:18px}
.rp-setup label{display:block;margin:12px 0}
.rp-setup label>span{display:block;margin-bottom:6px;color:var(--mut);font:700 10px var(--f-mono);letter-spacing:.7px;text-transform:uppercase}
.rp-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rp-note{margin-top:10px;color:var(--mut);font-size:10.5px;line-height:1.55}
.rp-keys{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.rp-keys span{padding:4px 7px;border:1px solid var(--line);border-radius:6px;color:var(--mut);font:700 9px var(--f-mono);background:rgba(255,255,255,.02)}
.rp-main{display:flex;flex-direction:column;gap:14px}
.rp-stage{display:flex;flex-direction:column;padding:0;overflow:hidden}
/* top bar */
.rp-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 14px;border-bottom:1px solid var(--line);
background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.rp-live{display:flex;align-items:center;gap:8px;font:700 10.5px var(--f-mono);letter-spacing:.6px;color:var(--mut);text-transform:uppercase}
.rp-live i{width:8px;height:8px;border-radius:50%;background:var(--dim)}
.rp-live.on i{background:var(--grn);box-shadow:0 0 0 0 rgba(34,212,131,.5);animation:rp-pulse 1.8s infinite}
.rp-clock{font:600 11.5px var(--f-mono);color:#c9d3e4}
.rp-timeframe{display:flex;align-items:center;gap:6px;margin-left:2px}.rp-timeframe span{color:var(--mut);font:800 9px var(--f-mono);letter-spacing:.6px}.rp-timeframe select{min-width:62px;padding:5px 22px 5px 8px;border:1px solid var(--line2);border-radius:7px;background:#111722;color:var(--fg);font:700 10px var(--f-mono);cursor:pointer}.rp-timeframe select:disabled{opacity:.45;cursor:not-allowed}
.rp-rchip{margin-left:auto;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;border:1px solid var(--line2);
background:rgba(255,255,255,.03);font:800 12px var(--f-mono)}
.rp-rchip small{font:600 9px var(--f-mono);color:var(--mut);letter-spacing:.6px}
.rp-rchip.pos{border-color:rgba(34,212,131,.4);color:var(--grn)}.rp-rchip.neg{border-color:rgba(255,79,106,.4);color:var(--red)}
.rp-tools{display:flex;align-items:center;gap:6px}
.rp-tool{width:30px;height:28px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:8px;background:rgba(255,255,255,.03);
color:var(--mut);font:700 12px var(--f-mono);cursor:pointer;transition:all var(--dur)}
.rp-tool:hover{color:var(--fg);border-color:rgba(240,180,41,.4)}.rp-tool[aria-pressed=true]{color:var(--gold);background:var(--gold-dim)}
.rp-seg{display:flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.rp-seg button{padding:5px 9px;border:0;background:none;color:var(--mut);font:700 10.5px var(--f-mono);cursor:pointer}
.rp-seg button[aria-pressed=true]{background:var(--gold-dim);color:var(--gold)}
/* chart */
.rp-chart-wrap{position:relative;flex:1;min-height:clamp(340px,50vh,560px);background:
radial-gradient(120% 90% at 80% 0,rgba(240,180,41,.05),transparent 55%),#080c14;cursor:crosshair;touch-action:none}
.rp-chart-wrap.dragging{cursor:grabbing}
.rp-chart-wrap.draw-mode{cursor:crosshair}.rp-chart-wrap.select-mode{cursor:default}
.rp-chart-wrap canvas{display:block;width:100%;height:100%}
.rp-watermark{position:absolute;right:104px;bottom:52px;color:rgba(255,255,255,.045);font:800 30px var(--f-mono);pointer-events:none;letter-spacing:3px}
.rp-legend{position:absolute;left:14px;top:12px;z-index:3;display:flex;flex-direction:column;gap:3px;pointer-events:auto;
font:600 11px var(--f-mono);color:#c9d3e4;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.rp-lg-row{display:flex;align-items:center;gap:8px;line-height:1.35}
.rp-lg-head b{font:800 13px var(--f-body);letter-spacing:-.2px;color:#fff}
.rp-lg-head .tfx{padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.08);font:800 9px var(--f-mono);letter-spacing:.5px;color:#cfd8e8}
.rp-lg-head .when,.rp-lg-head .bar{color:var(--mut);font-size:10px}
.rp-lg-row.ohlc{gap:10px}
.rp-lg-row.ohlc span{display:flex;gap:4px}.rp-lg-row.ohlc i{font-style:normal;color:var(--mut)}
.rp-lg-row.ohlc u{text-decoration:none}.rp-lg-row u.up,.rp-lg-row .chg.up{color:var(--grn)}.rp-lg-row u.dn,.rp-lg-row .chg.dn{color:var(--red)}
.rp-lg-row.ind{gap:6px;color:#aab6c9}
.rp-lg-row.ind s{width:11px;height:3px;border-radius:2px;text-decoration:none}
.rp-lg-row.ind u{text-decoration:none;color:#e6ecf7}
.rp-lg-row.ind button{width:15px;height:15px;display:grid;place-items:center;border:0;border-radius:4px;background:rgba(255,255,255,.06);
color:var(--mut);font:700 11px var(--f-mono);line-height:1;cursor:pointer;opacity:0;transition:opacity .15s}
.rp-legend:hover .rp-lg-row.ind button{opacity:1}.rp-lg-row.ind button:hover{color:#fff;background:rgba(255,79,106,.35)}
.rp-chart-wrap.on-axis{cursor:ns-resize}
@media(max-width:620px){.rp-legend{font-size:10px;left:10px;top:8px}.rp-lg-head .when,.rp-lg-head .bar{display:none}}
.rp-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--mut);font-size:13px;padding:24px}
.rp-progress{height:3px;background:rgba(255,255,255,.05)}
.rp-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width .35s ease}
.rp-timeline{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:9px;padding:8px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}
.rp-timeline label,.rp-timeline time{color:var(--mut);font:700 9px var(--f-mono);letter-spacing:.55px;text-transform:uppercase;white-space:nowrap}
.rp-timeline time{font-weight:600;text-transform:none;letter-spacing:0;color:#c9d3e4}
.rp-timeline input{width:100%;accent-color:var(--gold);cursor:pointer}.rp-timeline input:disabled{opacity:.35;cursor:not-allowed}
.rp-latest{border:1px solid var(--line2);border-radius:7px;padding:5px 8px;background:rgba(255,255,255,.03);color:var(--mut);font:700 9px var(--f-mono);cursor:pointer}.rp-latest:hover:not(:disabled){color:var(--fg);border-color:rgba(240,180,41,.4)}.rp-latest:disabled{opacity:.4;cursor:not-allowed}
.rp-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.01)}
.rp-controls{justify-content:flex-start}
.rp-menu{position:relative}
.rp-mbtn{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line2);border-radius:8px;
background:rgba(255,255,255,.03);color:#c9d3e4;font:700 10.5px var(--f-mono);cursor:pointer;transition:all var(--dur)}
.rp-mbtn:hover{border-color:rgba(240,180,41,.45);color:#fff}
.rp-mbtn[aria-expanded=true]{border-color:rgba(240,180,41,.55);background:var(--gold-dim);color:var(--gold)}
.rp-mbtn .ic{font-size:12px;line-height:1}.rp-mbtn i{font-style:normal;color:var(--mut);font-size:9px}
.rp-mbtn em{font-style:normal;padding:1px 5px;border-radius:99px;background:var(--gold-dim);color:var(--gold);font-size:9px}
.rp-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:216px;padding:6px;border:1px solid var(--line2);
border-radius:12px;background:rgba(10,14,22,.98);box-shadow:0 20px 50px rgba(0,0,0,.6);animation:rp-pop .16s var(--ease) both}
@keyframes rp-pop{from{opacity:0;transform:translateY(-6px)}}
.rp-pop[hidden]{display:none}
.rp-pop button{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:8px;background:none;
color:#c3cbdc;font:600 11.5px var(--f-body);text-align:left;cursor:pointer}
.rp-pop button:hover{background:rgba(255,255,255,.06);color:#fff}
.rp-pop button[aria-pressed=true],.rp-pop button[aria-checked=true]{color:var(--gold);background:var(--gold-dim)}
.rp-pop .ic{width:16px;text-align:center;color:var(--mut);font-size:12px}
.rp-pop button[aria-pressed=true] .ic{color:var(--gold)}
.rp-pop kbd{margin-left:auto;padding:1px 5px;border:1px solid var(--line2);border-radius:4px;color:var(--mut);font:700 9px var(--f-mono)}
.rp-pop s{width:12px;height:3px;border-radius:2px;text-decoration:none}
.rp-pop u{margin-left:auto;text-decoration:none;color:var(--gold);opacity:0;font-size:11px}
.rp-pop button[aria-checked=true] u{opacity:1}
.rp-pop-sep{margin:6px 9px 3px;color:var(--dim);font:800 8.5px var(--f-mono);letter-spacing:.8px;text-transform:uppercase}
.rp-pop-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;color:#c3cbdc;font:600 11px var(--f-body)}
.rp-pop-row select{padding:4px 6px;border:1px solid var(--line2);border-radius:6px;background:#111722;color:var(--fg);font:700 10px var(--f-mono)}
.rp-hint{margin-left:auto;color:var(--dim);font:600 10px var(--f-body)}
@media(max-width:820px){.rp-hint{display:none}}
.rp-indicators,.rp-drawtools,.rp-mtf{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rp-controls>div>span{color:var(--mut);font:800 9px var(--f-mono);letter-spacing:.55px;text-transform:uppercase;margin-right:2px}
.rp-indicator,.rp-mode,.rp-drawtype,.rp-clear{border:1px solid var(--line2);border-radius:7px;padding:5px 8px;background:rgba(255,255,255,.025);color:var(--mut);font:700 9px var(--f-mono);cursor:pointer;transition:all var(--dur)}
.rp-indicator:hover,.rp-mode:hover,.rp-drawtype:hover,.rp-clear:hover{color:var(--fg);border-color:rgba(240,180,41,.4)}.rp-indicator[aria-pressed=true],.rp-mode[aria-pressed=true]{color:var(--gold);border-color:rgba(240,180,41,.45);background:var(--gold-dim)}
.rp-drawtype,.rp-mtf select{color:var(--fg);cursor:pointer}.rp-clear{color:var(--red)}
.rp-mtf select{padding:5px 22px 5px 8px;border:1px solid var(--line2);border-radius:7px;background:#111722;font:700 9px var(--f-mono)}
.rp-context-panel{border-top:1px solid var(--line);background:rgba(255,255,255,.012);padding:8px 14px 10px}.rp-context-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;color:var(--mut);font:700 9px var(--f-mono);letter-spacing:.55px;text-transform:uppercase}.rp-context-head b{color:var(--gold);font-weight:800}.rp-context-panel canvas{display:block;width:100%;height:142px;background:rgba(0,0,0,.14);border-radius:7px}
/* decision bar */
.rp-decision{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-top:1px solid var(--line);
background:rgba(255,255,255,.018)}
.rp-question small{display:block;color:var(--gold);font:800 9px var(--f-mono);letter-spacing:1.2px}
.rp-question h2{margin:5px 0 2px;font-size:17px;letter-spacing:-.2px}
.rp-question p{margin:0;color:var(--mut);font-size:11px}
.rp-actions{display:flex;gap:8px}
.rp-choice{position:relative;min-width:104px;padding:11px 14px;border:1px solid var(--line2);border-radius:10px;background:#111722;
color:var(--fg);font:800 13px var(--f-body);cursor:pointer;transition:transform .16s var(--ease),border-color .16s,background .16s,box-shadow .16s}
.rp-choice kbd{display:block;margin-top:2px;font:700 8.5px var(--f-mono);color:var(--dim)}
.rp-choice:hover:not(:disabled){transform:translateY(-2px)}
.rp-choice.long:hover:not(:disabled){border-color:var(--grn);background:var(--grn-dim);box-shadow:0 8px 22px rgba(34,212,131,.12)}
.rp-choice.short:hover:not(:disabled){border-color:var(--red);background:var(--red-dim);box-shadow:0 8px 22px rgba(255,79,106,.12)}
.rp-choice.wait:hover:not(:disabled){border-color:var(--gold);background:var(--gold-dim)}
.rp-choice:disabled{opacity:.4;cursor:not-allowed}
.rp-choice.armed{animation:rp-arm 1.6s ease-in-out infinite}
@keyframes rp-arm{50%{box-shadow:0 0 0 4px rgba(240,180,41,.10)}}
/* feedback */
.rp-feedback{display:none;gap:12px;align-items:center;justify-content:space-between;margin:0 14px 14px;padding:12px 14px;
border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}
.rp-feedback.show{display:flex;animation:rp-rise .32s var(--ease) both}
.rp-feedback.win{border-color:rgba(34,212,131,.35);background:linear-gradient(90deg,rgba(34,212,131,.10),rgba(255,255,255,.02))}
.rp-feedback.loss{border-color:rgba(255,79,106,.32);background:linear-gradient(90deg,rgba(255,79,106,.10),rgba(255,255,255,.02))}
.rp-feedback b{display:block;margin-bottom:3px;font-size:13px}.rp-feedback p{margin:0;color:var(--mut);font-size:11.5px;line-height:1.5}
.rp-r{font:800 22px var(--f-mono)}.rp-r.pos{color:var(--grn)}.rp-r.neg{color:var(--red)}
/* session ledger in the sidebar */
.rp-ledger{display:flex;flex-direction:column;gap:6px;max-height:210px;overflow:auto}
.rp-led{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:7px 9px;border:1px solid var(--line);
border-radius:8px;background:rgba(255,255,255,.02);font-size:11.5px;animation:rp-rise .3s var(--ease) both}
.rp-led i{font-style:normal;font:800 10px var(--f-mono);color:var(--mut)}
.rp-led b{font-weight:600;color:#c3cbdc}.rp-led span{font:800 11.5px var(--f-mono)}
.rp-led span.pos{color:var(--grn)}.rp-led span.neg{color:var(--red)}.rp-led span.flat{color:var(--mut)}
.rp-equity{display:flex;align-items:flex-end;gap:3px;height:38px;margin-top:10px}
.rp-equity i{flex:1;min-width:3px;border-radius:2px 2px 0 0;background:var(--line2);transition:height .3s var(--ease)}
.rp-equity i.pos{background:var(--grn)}.rp-equity i.neg{background:var(--red)}
.rp-recent{display:flex;flex-direction:column;gap:7px}
.rp-recent button{display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;padding:9px 10px;border:1px solid var(--line);
border-radius:9px;background:rgba(255,255,255,.02);color:var(--fg);font:inherit;cursor:pointer;transition:border-color var(--dur)}
.rp-recent button:hover{border-color:rgba(240,180,41,.4)}
.rp-recent small{display:block;color:var(--mut);font-size:10.5px;margin-top:2px}
.rp-recent em{font-style:normal;font:800 11px var(--f-mono);color:var(--gold)}
/* debrief */
.rp-review{border-color:rgba(240,180,41,.28);background:linear-gradient(135deg,rgba(240,180,41,.06),var(--glass))}
.rp-review-body h3{font-size:17px;margin:6px 0}
.rp-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.rp-review-grid div{padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.18)}
.rp-review-grid b{display:block;font:700 9.5px var(--f-mono);text-transform:uppercase;letter-spacing:.7px;color:var(--mut);margin-bottom:5px}
.rp-review-grid h3{margin:0;font:800 20px var(--f-mono)}.rp-review-grid h3.pos{color:var(--grn)}.rp-review-grid h3.neg{color:var(--red)}
@keyframes rp-pulse{70%{box-shadow:0 0 0 7px rgba(34,212,131,0)}}
@keyframes rp-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.rp-layout{grid-template-columns:1fr}.rp-side{position:static}.rp-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.rp-decision{grid-template-columns:1fr}.rp-actions{display:grid;grid-template-columns:repeat(3,1fr)}
.rp-choice{min-width:0;padding:11px 6px;font-size:12px}.rp-chart-wrap{min-height:320px}.rp-review-grid{grid-template-columns:1fr}
.rp-timeline{grid-template-columns:auto minmax(80px,1fr) auto;gap:6px;padding:8px 10px}.rp-timeline time{grid-column:2/-1;justify-self:end}.rp-latest{padding:5px 6px}.rp-controls{align-items:center;padding:8px 10px;gap:6px}.rp-pop{min-width:196px}.rp-indicators,.rp-drawtools,.rp-mtf{gap:5px}.rp-indicator,.rp-mode,.rp-drawtype,.rp-clear,.rp-mtf select{padding:5px 6px}}
@media(prefers-reduced-motion:reduce){.rp-live.on i,.rp-choice.armed,.rp-feedback.show,.rp-led{animation:none}
.rp-choice,.rp-progress i,.rp-equity i{transition:none}}

/* spotlight: fundamental history */
.sp-btn{position:relative}
.sp-new{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:5px;font:800 9px var(--f-mono);letter-spacing:.6px;
color:#171003;background:linear-gradient(135deg,var(--gold2),var(--gold));animation:sp-wiggle 3s ease-in-out infinite}
@keyframes sp-wiggle{0%,86%,100%{transform:none}89%{transform:rotate(-8deg) scale(1.1)}93%{transform:rotate(7deg) scale(1.1)}96%{transform:rotate(-3deg)}}
.sp-btn.sp-ping::after{content:"";position:absolute;inset:-4px;border-radius:12px;border:2px solid var(--gold);
animation:sp-ping 1.8s cubic-bezier(.2,.7,.3,1) infinite;pointer-events:none}
@keyframes sp-ping{0%{opacity:.9;transform:scale(.96)}100%{opacity:0;transform:scale(1.18)}}
/* "klik di sini" hint: a bubble under the button and a hand that taps it */
.sp-hint{position:absolute;top:calc(100% + 14px);z-index:30;width:min(290px,calc(100vw - 32px));animation:sp-snap .55s cubic-bezier(.2,1.5,.35,1) both}
.sp-hint.out{animation:sp-out .22s ease both}
.sp-bubble{position:relative;padding:11px 30px 11px 13px;border-radius:12px;border:1px solid rgba(240,180,41,.5);cursor:pointer;
background:linear-gradient(160deg,rgba(40,31,10,.98),rgba(14,16,24,.98));box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 24px rgba(240,180,41,.12);
font-size:12.5px;line-height:1.5;color:#d5dcea}
.sp-bubble b{color:var(--gold)}
.sp-bubble::before{content:"";position:absolute;top:-7px;right:34px;width:12px;height:12px;transform:rotate(45deg);
background:rgba(40,31,10,.98);border-left:1px solid rgba(240,180,41,.5);border-top:1px solid rgba(240,180,41,.5)}
.sp-bubble button{position:absolute;top:6px;right:6px;width:20px;height:20px;border:0;border-radius:6px;background:rgba(255,255,255,.06);
color:var(--mut);font-size:14px;line-height:1;cursor:pointer}.sp-bubble button:hover{color:var(--fg)}
.sp-hand{position:absolute;top:-30px;right:22px;width:30px;height:30px;fill:#fff;z-index:2;
filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));animation:sp-tap 2.2s cubic-bezier(.3,.8,.3,1) infinite}
@keyframes sp-tap{0%{transform:translate(14px,26px) rotate(-8deg);opacity:0}18%{opacity:1}
40%{transform:translate(0,0) rotate(-8deg)}48%{transform:translate(0,3px) scale(.86) rotate(-8deg)}
58%{transform:translate(0,0) rotate(-8deg)}85%{transform:translate(0,0) rotate(-8deg);opacity:1}100%{transform:translate(14px,26px) rotate(-8deg);opacity:0}}
.sp-btn.sp-tapped{animation:sp-press 2.2s cubic-bezier(.3,.8,.3,1) infinite}
@keyframes sp-press{0%,44%,56%,100%{transform:none}48%{transform:scale(.95);box-shadow:0 0 0 4px rgba(240,180,41,.25)}}
@keyframes sp-snap{0%{opacity:0;transform:translateY(14px) scale(.8) rotate(-2deg)}60%{opacity:1;transform:translateY(-3px) scale(1.03) rotate(.6deg)}100%{transform:none}}
@keyframes sp-out{to{opacity:0;transform:translateY(8px) scale(.94)}}
.sp-toast{position:fixed;left:24px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:49;display:flex;gap:12px;align-items:center;
width:min(380px,calc(100vw - 32px));padding:12px 14px;border-radius:14px;border:1px solid rgba(240,180,41,.35);
background:rgba(12,15,24,.97);box-shadow:0 16px 50px rgba(0,0,0,.6);animation:sp-snap .55s cubic-bezier(.2,1.5,.35,1) both}
.sp-toast.out{animation:sp-out .22s ease both}
.sp-toast .ic{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--gold-dim);
color:var(--gold);font-size:18px;animation:sp-wiggle 3s ease-in-out infinite}
.sp-toast b{display:block;font-size:13px}.sp-toast span{display:block;font-size:11.5px;color:var(--mut);line-height:1.45}
.sp-toast a{font-size:12px;font-weight:700;white-space:nowrap}.sp-toast button{background:none;border:0;color:var(--mut);font-size:18px;cursor:pointer;padding:0 2px}
@media(max-width:560px){.sp-toast{left:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.sp-new,.sp-btn.sp-ping::after,.sp-hint,.sp-hand,.sp-btn.sp-tapped,.sp-toast,.sp-toast .ic{
animation:none!important;opacity:1}}
/* history cards: the verdict stamps in as each card scrolls into view */
.eh-card{overflow:hidden}.eh-card .eh-verdict{opacity:0;transform:rotate(-6deg) scale(1.8);transform-origin:right top}
.eh-card.in .eh-verdict{animation:sp-stamp-in .38s cubic-bezier(.2,1.8,.4,1) forwards}
@keyframes sp-stamp-in{0%{opacity:0;transform:rotate(-6deg) scale(1.8)}70%{opacity:1;transform:rotate(-2deg) scale(.94)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.eh-card .eh-verdict{opacity:1;transform:none}.eh-card.in .eh-verdict{animation:none}}

/* checkout (standalone, no dashboard shell) */
body.checkout{min-height:100vh;background:#080b11;background-image:radial-gradient(ellipse 700px 420px at 50% -8%,rgba(240,180,41,.13),transparent 70%)}
.co{width:min(440px,100%);margin:0 auto;padding:36px 16px 48px}
.co-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.co-brand{display:flex;align-items:center;gap:9px;color:var(--fg);font-weight:750;font-size:14px}.co-brand:hover{text-decoration:none}
.co-brand img{width:28px;height:28px;border-radius:8px}
.co-back{font-size:12.5px;color:var(--mut)}.co-back:hover{color:var(--fg);text-decoration:none}
.co-card{padding:26px 24px 22px;border:1px solid var(--line2);border-radius:18px;background:rgba(13,17,25,.9);
box-shadow:0 30px 80px rgba(0,0,0,.45);animation:co-in .45s cubic-bezier(.2,1.3,.4,1) both}
@keyframes co-in{from{opacity:0;transform:translateY(14px) scale(.98)}}
.co-kick{font:800 10px var(--f-mono);letter-spacing:1.3px;color:var(--gold)}
.co-card h1{font-size:28px;letter-spacing:-.8px;margin:8px 0 4px}
.co-desc{font-size:13px;color:var(--mut);line-height:1.55}
.co-opts{display:grid;gap:10px;margin:20px 0 18px}
.co-opt{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;
border:1px solid var(--line2);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}
.co-opt input{position:absolute;opacity:0;pointer-events:none}
.co-opt .l b{display:block;font-size:14px}.co-opt .l small{font-size:11.5px;color:var(--mut)}
.co-opt .r{text-align:right;font:700 15px var(--f-mono)}.co-opt .r small{display:block;font:500 10.5px var(--f-body);color:var(--mut)}.co-opt .r del{display:block;margin-bottom:2px;color:var(--dim);font:500 10px var(--f-mono)}
.co-opt .save{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:5px;background:var(--grn-dim);color:var(--grn);
font:800 9px var(--f-mono);letter-spacing:.4px;vertical-align:1px}
.co-opt::before{content:"";width:16px;height:16px;flex-shrink:0;border-radius:50%;border:2px solid var(--line2);order:-1;transition:all .2s}
.co-opt:has(input:checked){border-color:rgba(240,180,41,.6);background:rgba(240,180,41,.06)}
.co-opt:has(input:checked)::before{border-color:var(--gold);background:radial-gradient(circle,var(--gold) 45%,transparent 50%)}
.co-opt:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.co-opt .l{flex:1}
.co-rows{border-top:1px solid var(--line);padding-top:12px}
.co-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;color:var(--mut)}
.co-row b{color:var(--fg);font-weight:600;text-align:right;overflow-wrap:anywhere}
.co-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
.co-total span{font-size:13px;color:var(--mut)}.co-total strong{font:800 24px var(--f-mono);letter-spacing:-.5px}
.co-pay{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;height:50px;margin-top:18px;border:0;border-radius:12px;
cursor:pointer;color:#171003;background:linear-gradient(135deg,var(--gold2),var(--gold));font:800 14.5px var(--f-body);
box-shadow:0 10px 30px rgba(240,180,41,.22);transition:transform .15s,box-shadow .2s}
.co-pay:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(240,180,41,.3)}.co-pay:disabled{opacity:.7;cursor:wait;transform:none}
.co-trust{margin-top:12px;font-size:11px;line-height:1.6;color:var(--dim);text-align:center}.co-trust svg{margin-right:4px}
.co-err{margin-bottom:14px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,79,106,.3);background:var(--red-dim);color:#ff9aa9;font-size:12.5px}
.co-foot{margin-top:18px;text-align:center;font-size:11px;color:var(--dim)}
/* result */
.co-status{display:grid;place-items:center;width:64px;height:64px;margin:4px auto 14px;border-radius:50%}
.co-status svg{width:34px;height:34px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.co-status.ok{background:var(--grn-dim);box-shadow:0 0 0 8px rgba(34,212,131,.06)}.co-status.ok svg{stroke:var(--grn)}
.co-status.no{background:var(--red-dim)}.co-status.no svg{stroke:var(--red)}
.co-status.wait{background:var(--gold-dim)}.co-status.wait svg{stroke:var(--gold);animation:co-spin 1s linear infinite}
.co-status .draw{stroke-dasharray:40;stroke-dashoffset:40;animation:co-draw .5s .2s ease forwards}
@keyframes co-draw{to{stroke-dashoffset:0}}@keyframes co-spin{to{transform:rotate(360deg)}}
.co-center{text-align:center}.co-center h1{font-size:24px}.co-center .co-desc{margin-bottom:16px}
.co-link{display:block;margin-top:12px;text-align:center;font-size:12.5px}
@media(prefers-reduced-motion:reduce){.co-card,.co-status .draw,.co-status.wait svg{animation:none;stroke-dashoffset:0}}

/* Observer preview notice */
.stale{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:11px 14px;border-radius:12px;
border:1px solid rgba(245,158,11,.35);background:linear-gradient(90deg,rgba(245,158,11,.10),rgba(245,158,11,.03));font-size:13px;color:#e9d7b0}
.stale .ic{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(245,158,11,.16);color:var(--amb)}
.stale b{color:var(--fg)}.stale .txt{flex:1;min-width:220px;line-height:1.5}
.stale .btn{flex-shrink:0}
.nav-lock.preview{color:var(--amb);border-color:rgba(245,158,11,.35)}
.book-card.locked{position:relative}.book-card.locked .book-cover img{filter:blur(2px) grayscale(.4) brightness(.6)}
.book-card.locked .book-cover{position:relative}
.book-lock{position:absolute;inset:0;display:grid;place-items:center;z-index:2}
.book-lock span{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(8,10,16,.85);
border:1px solid rgba(240,180,41,.45);color:var(--gold);font:800 10.5px var(--f-mono);letter-spacing:.6px}
.sim-bar{display:flex;gap:8px;align-items:center}

/* promo & ajak teman */
.pr-wrap{max-width:760px;margin:0 auto}
.pr-hero{position:relative;overflow:hidden;padding:30px 30px 26px;border:1px solid rgba(167,139,250,.35);border-radius:18px;
background:radial-gradient(circle at 90% 0,rgba(139,92,246,.25),transparent 50%),radial-gradient(circle at 0 100%,rgba(240,180,41,.12),transparent 45%),#0d1019}
.pr-tag{display:inline-block;padding:3px 9px;border-radius:6px;background:#a78bfa;color:#160b2e;font:800 10px var(--f-mono);letter-spacing:.8px}
.pr-hero h1{margin:12px 0 8px;font-size:clamp(26px,4vw,36px);line-height:1.12;letter-spacing:-.8px}
.pr-hero h1 em{font-style:normal;color:#c4b5fd}
.pr-lead{margin:0;color:#c5cede;font-size:15px;line-height:1.6}
.pr-seats{display:flex;align-items:center;gap:12px;margin:18px 0 4px}.pr-seats b{font:700 22px var(--f-mono);color:#c4b5fd}
.pr-seats span{color:var(--mut);font-size:13px}.pr-meter{flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.pr-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#c4b5fd)}
.pr-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.pr-cta .btn{min-height:44px;padding:10px 22px;border-radius:999px;font-weight:700}
.pr-cta small{color:var(--dim)}.pr-note{margin-top:14px;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.04);color:var(--mut);font-size:13px}
.pr-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.pr-feat{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(10,13,20,.5)}
.pr-feat b{display:block;margin-bottom:5px;font-size:14.5px}.pr-feat span{color:var(--mut);font-size:13px;line-height:1.55}
.pr-fine{color:var(--dim);font-size:12px;line-height:1.6}
.pr-invite .pr-link{display:flex;gap:8px}.pr-invite .pr-link input{flex:1;min-width:0;font:12.5px var(--f-mono)}
@media(max-width:620px){.pr-hero{padding:22px 18px}.pr-feats{grid-template-columns:1fr}}

/* /aplikasi and its promos */
.ad-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;font-weight:800;font-size:15px;
  color:#171003;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 10px 30px var(--gold-glow);
  transition:transform .2s,box-shadow .2s}
.ad-btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 14px 36px rgba(240,180,41,.3)}
.ad-btn.off{color:var(--mut);background:rgba(255,255,255,.05);box-shadow:none;border:1px solid var(--line2);cursor:default}
.ad-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}.ad-cta.center{justify-content:center}
.ad-meta{margin-top:12px;color:var(--mut);font:12px var(--f-mono)}
.ad-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:center;padding:64px 0 56px}
.ad-copy h1{font-size:clamp(38px,5.4vw,64px);line-height:1;letter-spacing:-2.2px;margin:18px 0 18px}
.ad-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#d9b353}
.ad-lead{max-width:540px;color:#aeb8ca;font-size:16px;line-height:1.7}
.ad-desk,.ad-ios{margin-top:14px;max-width:480px;padding:10px 14px;border:1px solid var(--line2);border-radius:10px;
  background:rgba(255,255,255,.025);color:#c5cede;font-size:13px}
.ad-notes{margin-top:22px;max-width:480px;padding:14px 16px;border-left:2px solid var(--gold);background:rgba(240,180,41,.05);border-radius:0 10px 10px 0}
.ad-notes p{margin-top:8px;color:#c5cede;font-size:13px;white-space:pre-line}
.ad-phone{justify-self:center;width:270px;aspect-ratio:9/18.5;padding:10px;border-radius:40px;
  background:linear-gradient(160deg,#2a3040,#0c0f16);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 90px rgba(0,0,0,.5),
  0 0 120px rgba(240,180,41,.12);transform:rotate(-3deg);animation:ad-float 6s ease-in-out infinite}
@keyframes ad-float{50%{transform:rotate(-3deg) translateY(-10px)}}
.ad-screen{position:relative;height:100%;overflow:hidden;border-radius:31px;background:#080b12;display:flex;flex-direction:column}
.ad-status{display:flex;justify-content:space-between;padding:10px 20px 4px;color:#c5cede;font:600 10px var(--f-mono)}
.ad-note{display:flex;gap:9px;margin:6px 10px 0;padding:9px 10px;border-radius:14px;background:rgba(40,46,60,.92);
  backdrop-filter:blur(10px);opacity:0;transform:translateY(-12px);animation:ad-in .5s var(--d) forwards}
.ad-note i{font-style:normal;font-size:16px}.ad-note b{font-size:10.5px;color:var(--fg)}.ad-note p{font-size:10.5px;color:#b7c1d2;line-height:1.35}
@keyframes ad-in{to{opacity:1;transform:none}}
.ad-app{flex:1;margin-top:10px;padding:0 10px;border-top:1px solid var(--line)}
.ad-app-top{display:flex;justify-content:space-between;align-items:center;padding:10px 2px}.ad-app-top span{font-size:10px;color:var(--gold);font-weight:700}
.ad-post{display:flex;gap:8px;padding:10px 4px;border-bottom:1px solid var(--line)}.ad-post>div{flex:1}
.ad-av{flex:0 0 22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#8a5a00)}.ad-av.b{background:linear-gradient(135deg,#60a5fa,#1e3a8a)}
.ad-ln{display:block;height:6px;margin:3px 0 6px;border-radius:3px;background:rgba(255,255,255,.12)}
.ad-ln.w45{width:45%}.ad-ln.w60{width:60%}.ad-ln.w75{width:75%}.ad-ln.w90{width:90%}
.ad-chart{height:58px;margin-top:6px;padding:6px;border-radius:8px;background:rgba(240,180,41,.06);border:1px solid rgba(240,180,41,.15)}
.ad-chart svg{width:100%;height:100%}
.ad-tabs{display:flex;justify-content:space-around;padding:12px 0 16px;border-top:1px solid var(--line)}
.ad-tabs i{width:16px;height:16px;border-radius:5px;background:rgba(255,255,255,.12)}.ad-tabs i.on{background:var(--gold)}
.ad-section{padding:60px 0;border-top:1px solid var(--line)}
.ad-section h2,.ad-band h2,.ad-final h2{font-size:clamp(26px,3.4vw,38px);line-height:1.12;letter-spacing:-1.2px;margin:14px 0 26px}
.ad-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ad-feat{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(10,13,20,.55);color:var(--gold)}
.ad-feat b{display:block;margin:12px 0 6px;color:var(--fg);font-size:15px}.ad-feat p{color:var(--mut);font-size:13px;line-height:1.6}
.ad-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}.ad-split h2{margin-bottom:12px}
.ad-sub{color:var(--mut);font-size:14px;line-height:1.7;max-width:420px}
.ad-steps{list-style:none;display:flex;flex-direction:column;gap:12px}
.ad-steps li{display:flex;gap:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(10,13,20,.55)}
.ad-steps li>span{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--gold-dim);
  color:var(--gold);font:800 13px var(--f-mono)}
.ad-steps b{font-size:15px}.ad-steps p{color:var(--mut);font-size:13px;line-height:1.6;margin-top:4px}
.ad-faq{display:flex;flex-direction:column;gap:8px;max-width:760px}
.ad-faq details{border:1px solid var(--line);border-radius:12px;background:rgba(10,13,20,.55)}
.ad-faq summary{padding:14px 18px;cursor:pointer;font-weight:650;font-size:14px}
.ad-faq details p{padding:0 18px 16px;color:var(--mut);font-size:13.5px;line-height:1.7}
.ad-final{padding:70px 0;border-top:1px solid var(--line);text-align:center}.ad-final h2{margin-bottom:0}
.ad-pill{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:9px 14px;border:1px solid rgba(240,180,41,.35);
  border-radius:12px;background:rgba(240,180,41,.07);color:#f5deb0;font-size:13.5px}
.ad-pill svg{color:#3ddc84}.ad-pill:hover{text-decoration:none;border-color:rgba(240,180,41,.6)}.ad-pill-go{color:var(--gold);font-weight:700}
.ad-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center;margin:20px 0;padding:44px 48px;
  border:1px solid rgba(240,180,41,.22);border-radius:24px;overflow:hidden;
  background:radial-gradient(circle at 90% 20%,rgba(240,180,41,.14),transparent 55%),rgba(10,13,20,.6)}
.ad-band-copy p{color:#aeb8ca;font-size:15px;line-height:1.7;max-width:520px}.ad-band-copy .ad-meta{font-size:12px;color:var(--mut)}
.ad-band .ad-phone{width:220px;margin:-20px 0 -110px}
.ad-card{border-color:rgba(61,220,132,.25);background:radial-gradient(circle at 100% 0,rgba(61,220,132,.12),transparent 55%),rgba(14,16,22,.85)}
.ad-card-tag{display:inline-block;margin-bottom:8px;padding:2px 7px;border-radius:5px;background:#3ddc84;color:#052e16;font:800 9.5px var(--f-mono);letter-spacing:.8px}
.ad-card h3{margin:0 0 6px;font-size:17px;line-height:1.3}.ad-card p{margin:0 0 14px;color:#b9c4d5;font-size:13px;line-height:1.55}
.ad-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ad-card-foot .btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 16px;border-radius:999px;font-weight:700}
.ad-card-foot span{color:var(--mut);font-size:12px}
@media(max-width:900px){
  .ad-hero,.ad-split,.ad-band{grid-template-columns:1fr}.ad-hero{padding:36px 0 40px;gap:44px}
  .ad-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-band{padding:30px 24px}.ad-band .ad-phone{display:none}
}
@media(max-width:600px){
  .ad-feats{grid-template-columns:1fr}.ad-phone{width:230px}.ad-btn{width:100%;justify-content:center}
  .ad-cta .lp-button{width:100%}.ad-section{padding:44px 0}
}
@media(prefers-reduced-motion:reduce){.ad-phone{animation:none}.ad-note{animation:none;opacity:1;transform:none}}

/* content pack report */
.kr{max-width:860px;margin:0 auto;padding:36px 0 60px}
.kr-head{padding:22px 24px;border:1px solid var(--line2);border-radius:16px;background:rgba(10,13,20,.6)}
.kr-tag{display:inline-block;padding:3px 9px;border-radius:6px;background:rgba(240,180,41,.14);color:var(--gold);font:700 11px var(--f-mono);letter-spacing:.6px}
.kr-head h1{margin:10px 0 6px;font-size:24px;line-height:1.3;letter-spacing:-.4px}
.kr-meta{color:var(--mut);font-size:13.5px}
.kr-box{margin-top:16px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:rgba(10,13,20,.45)}
.kr-box h2{margin:0 0 10px;font-size:15px}
.kr-box ul{margin:0;padding-left:18px;color:#d4dbe6;font-size:14px;line-height:1.7}
.kr-ok{color:var(--grn)}.kr-bad{color:var(--red)}
.kr-cap{width:100%;min-height:180px;padding:12px;border:1px solid var(--line2);border-radius:10px;background:rgba(0,0,0,.25);color:var(--fg);font:13.5px/1.6 var(--f-body);resize:vertical}
.kr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.kr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kr-grid a{position:relative;display:block;overflow:hidden;border:1px solid var(--line);border-radius:10px}
.kr-grid img{display:block;width:100%;height:auto}
.kr-grid span{position:absolute;left:6px;top:6px;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font:600 11px var(--f-mono)}
@media(max-width:700px){.kr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kr{padding:20px 0 40px}}

@media(min-width:861px){
body.app .side{width:236px;padding:18px 12px 12px;background:linear-gradient(180deg,#0b0f18,#070a11);box-shadow:none}
body.app .brand{margin:0 6px 10px;padding:0 0 16px}
body.app .nav{gap:0;margin:0 -4px;padding:0 4px;overflow-y:auto;scrollbar-width:none}
body.app .nav::-webkit-scrollbar{display:none}
.sidefoot{margin:6px 8px 0;padding:10px 0 0;font-size:10.5px}
}
.nav-group{display:flex;flex-direction:column;gap:1px;padding:4px 0}
.nav-group+.nav-group{margin-top:6px}
.nav-group-label{padding:8px 12px 5px;color:var(--dim);font:600 10.5px var(--f-body);letter-spacing:.9px;text-transform:uppercase}
.navlink{gap:12px;min-height:38px;padding:8px 12px;border-radius:10px;color:#9aa6ba;font-size:13.5px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}
.navlink::before{display:none}
.navlink:hover{background:rgba(255,255,255,.05);color:var(--fg)}
.navlink.active{background:linear-gradient(90deg,rgba(240,180,41,.15),rgba(240,180,41,.04));box-shadow:inset 0 0 0 1px rgba(240,180,41,.18);color:var(--fg);font-weight:600}
.navlink.active .nav-icon{color:var(--gold)}
.nav-icon{display:grid;place-items:center;width:20px;height:20px}
.nav-icon svg{display:block;transform-origin:center;transition:transform .38s cubic-bezier(.34,1.56,.64,1)}
.navlink:hover .nav-icon svg{transform:scale(1.14)}
.navlink[data-ico=trading-room]:hover .nav-icon svg{animation:ni-chat .55s ease}
.navlink[data-ico=tersimpan]:hover .nav-icon svg{animation:ni-drop .5s ease}
.navlink[data-ico=cari]:hover .nav-icon svg{transform:rotate(-14deg) scale(1.16)}
.navlink[data-ico=riset]:hover .nav-icon svg{transform:rotate(90deg) scale(1.12)}
.navlink[data-ico=replay]:hover .nav-icon svg{transform:rotate(-360deg) scale(1.1);transition-duration:.75s}
.navlink[data-ico=notifikasi]:hover .nav-icon svg{animation:ni-ring .65s ease;transform-origin:50% 12%}
.navlink[data-ico=backtest]:hover .nav-icon svg,.navlink[data-ico=fundamental]:hover .nav-icon svg{animation:ni-rise .5s ease}
.navlink[data-ico=brief]:hover .nav-icon svg,.navlink[data-ico=berita]:hover .nav-icon svg,.navlink[data-ico=jurnal]:hover .nav-icon svg,
.navlink[data-ico=belajar-trading]:hover .nav-icon svg,.navlink[data-ico=arsip]:hover .nav-icon svg,
.navlink[data-ico=kalkulator]:hover .nav-icon svg,.navlink[data-ico=tentang]:hover .nav-icon svg{animation:ni-tilt .55s ease}
@keyframes ni-chat{40%{transform:scale(1.18) rotate(-8deg)}70%{transform:scale(1.08) rotate(5deg)}100%{transform:scale(1.14)}}
@keyframes ni-drop{35%{transform:translateY(-4px)}65%{transform:translateY(1.5px)}100%{transform:scale(1.14)}}
@keyframes ni-ring{20%{transform:rotate(16deg)}40%{transform:rotate(-13deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}100%{transform:scale(1.14)}}
@keyframes ni-rise{40%{transform:translateY(-3px) scale(1.12)}100%{transform:scale(1.14)}}
@keyframes ni-tilt{35%{transform:rotate(-9deg) scale(1.12)}70%{transform:rotate(6deg) scale(1.12)}100%{transform:scale(1.14)}}
.side-profile{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.side-me{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;color:var(--fg);transition:background .2s}
.side-me:hover{background:rgba(255,255,255,.05);text-decoration:none}.side-me.active{background:rgba(240,180,41,.09)}
.side-me-av{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;overflow:hidden;border-radius:50%;background:rgba(240,180,41,.14);color:var(--gold);font:700 13px var(--f-mono)}
.side-me-av img{width:100%;height:100%;object-fit:cover}
.side-me-txt{display:grid;flex:1;min-width:0}
.side-me-txt b,.side-me-txt small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-me-txt b{display:flex;align-items:center;gap:4px;font-size:13px}.side-me-txt .vf svg{width:14px;height:14px}.side-me-txt small{color:var(--dim);font-size:11.5px}
.side-me>svg{flex-shrink:0;color:var(--dim);transition:transform .25s,color .25s}.side-me:hover>svg{color:var(--fg);transform:translateX(3px)}
@media(min-width:861px) and (max-height:900px){.sidefoot{display:none}}
@media(max-width:860px){.nav-group-label{display:none}.nav-group{padding:0}.nav-group+.nav-group{margin-top:0}}
@media(prefers-reduced-motion:reduce){.nav-icon svg,.side-me svg{animation:none!important;transition:none!important}}