/* Gravity consumer app. Ported from the design prototype (Gravity Combined Flow) and
   flattened: its v2..v23 override layers are merged to their final values. Generated by
   scratchpad/build_assets.py; hand edits go in the APP ADDITIONS block at the end. */
img{max-width:100%}
:root{--ink:#000000;--panel:#0A0A0A;--card:#0C0C0C;--line:#262626;--hair:#1A1A1A;--field:#1A1A1A;--bubble:#1E1E1E;--fg:#F2F2F2;--fg2:#D6D6D6;--mute:#8C8C8C;--dim:#6E6E6E;--accent:#F8B300;--accent-hi:#FFC528;--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}
html, body{height:100%}
[hidden]{display:none!important}
body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
button, input, textarea, select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
input::placeholder, textarea::placeholder{color:var(--dim)}
.scroll{scrollbar-width:thin;scrollbar-color:#242424 transparent}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  /* Parts that follow the pointer through inline transforms move in the same frame, never a .01ms transition later. */
  [role="slider"],[role="slider"] *,[data-drag],[style*="transform"]{transition-property:none!important}
}
.app{display:flex;height:100%;min-height:560px;overflow:hidden;background:var(--ink)}
.brand{display:flex;align-items:center;gap:10px;padding:2px 8px 18px;background:none;border:0;color:var(--fg)}
.brand img{width:34px;height:31px;object-fit:contain}
.brand b{font-size:20px;font-weight:700;letter-spacing:.04em}
.nav-btn{display:flex;align-items:center;gap:12px;height:42px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#C9C9C9;font-size:15px;font-weight:500;text-align:left;white-space:nowrap;width:100%}
.nav-btn:hover{background:#121212;color:#fff}
.nav-btn.on{background:#161616;color:#fff}
.nav-btn svg{flex:none;color:#9A9A9A}
.nav-btn.on svg, .nav-btn.new svg{color:var(--accent)}
.side-label{padding:22px 14px 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.recent{display:block;width:100%;height:36px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#BDBDBD;font-size:14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent:hover{background:#121212;color:#fff}
.recent.on{background:#161616;color:#fff}
.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.signin-btn{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg);font-size:15px;font-weight:600}
.signin-btn:hover{background:#121212}
.runs{padding:14px;border-radius:16px;background:#111;display:flex;flex-direction:column;gap:10px;animation:rise .5s cubic-bezier(.2,.8,.2,1) both}
.runs-top{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600}
.runs-top span{font-weight:400;font-size:12px;color:var(--dim)}
.slots{display:flex;gap:6px}
.slot{flex:1;height:6px;border-radius:999px;background:#262626;overflow:hidden;position:relative}
.slot i{position:absolute;inset:0;background:var(--accent);border-radius:inherit;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-origin:left}
.slot.used i{transform:scaleX(0)}
.me{display:flex;align-items:center;gap:10px;padding:4px 6px}
.ava{flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#111;font-size:12px;font-weight:700;display:grid;place-items:center}
.me b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan{flex:none;margin-left:auto;height:22px;padding:0 9px;border:1px solid #2E2E2E;border-radius:999px;font-size:12px;color:#BDBDBD;display:grid;place-items:center}
.main-wrap{flex:1;min-width:0;display:flex;padding:8px 8px 8px 0}
.main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid #161616;border-radius:20px;overflow:hidden}
.hdr{flex:none;display:flex;align-items:center;gap:12px;height:68px;padding:0 20px}
/* on Explore the header sits inside the page scroller (core.js go), so it undoes the page padding */
.page > .hdr{margin:-12px -24px 12px}
.hdr-title{min-width:0;flex:1;font-size:14px;color:#8A8A8A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icon-btn.menu-btn{display:none}
/* Explore has its own "Request one" link to the same panel, so the header button stays off there */
.app.in-explore #btn-request{display:none}
.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#8A8A8A;flex:none}
.icon-btn:hover{background:#1A1A1A;color:#fff}
.view{flex:1;min-height:0;display:flex;flex-direction:column}
.view[hidden]{display:none!important}
.home{flex:1;overflow:auto;display:flex;justify-content:center;padding:0 24px}
.home-in{width:100%;max-width:760px;margin:auto 0;padding:24px 0 56px;display:flex;flex-direction:column;align-items:center;gap:28px}
.home-logo{width:86px;height:79px;object-fit:contain;animation:float 3.2s ease-in-out infinite}
.home h1{margin:-6px 0 0;font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.02em;text-align:center;text-wrap:balance}
.pbox{width:100%;display:flex;align-items:flex-end;gap:10px;padding:10px 10px 10px 22px;border:1px solid #222;border-radius:26px;background:var(--field);transition:border-color .2s}
.pbox:focus-within{border-color:#3A3A3A}
.pbox textarea{flex:1;min-width:0;min-height:28px;max-height:160px;padding:10px 0;border:0;background:transparent;outline:none;resize:none;font-size:16px;line-height:1.5;color:var(--fg)}
.send{flex:none;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:#242424;color:#5E5E5E;cursor:not-allowed;transition:background .2s,color .2s,transform .15s}
.send.on{background:var(--accent);color:#111;cursor:pointer}
.send.on:active{transform:scale(.94)}
.send.stop{background:var(--fg);color:#111;cursor:pointer}
.send.stop:active{transform:scale(.94)}
.send.stop:disabled{opacity:.55;cursor:progress}
.sg{width:100%;display:flex;flex-direction:column;padding:8px;border:1px solid var(--line);border-radius:20px;background:var(--card);animation:rise .6s .15s cubic-bezier(.2,.8,.2,1) both}
.sg-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 6px 12px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.sg-row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;width:100%;border:0;background:transparent;text-align:left;color:inherit;transition:background .15s}
.sg-row:hover{background:#121212}
.sg-row + .sg-row{border-top:1px solid #171717}
.sg-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sg-n{font-size:15px;font-weight:600;color:var(--fg)}
.sg-d{font-size:13px;color:#8A8A8A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-r{flex:none;display:flex;align-items:center;gap:5px;font-size:13px;color:var(--dim)}
.sg-r b{font-weight:600;color:var(--fg)}
.btn-o{flex:none;height:36px;padding:0 16px;border:1px solid #2E2E2E;border-radius:12px;background:transparent;color:#E6E6E6;font-size:14px;font-weight:500;transition:background .2s}
.btn-o:hover{background:#171717}
.istack{flex:none;display:flex}
.ti{flex:none;width:34px;height:34px;border-radius:10px;background:#151515;border:1px solid #262626;display:grid;place-items:center;color:#CFCFCF}
.ti + .ti{margin-left:-8px}
.ti img{width:18px;height:18px;object-fit:contain;border-radius:3px}
.ti b{font-size:12px;font-weight:700}
.ti.lg{width:52px;height:52px;border-radius:15px}
.ti.lg img{width:26px;height:26px}
.ti.lg + .ti.lg{margin-left:-10px}
.thread-wrap{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 32px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 36px),transparent)}
.in{animation:msIn .5s cubic-bezier(.2,.8,.2,1) both}
.gmsg{display:flex;gap:12px;align-items:flex-start}
.gmsg .gl{flex:none;width:30px;height:28px;object-fit:contain;margin-top:-1px}
.gmsg p{margin:0;font-size:17px;line-height:1.55;font-weight:600;letter-spacing:-.005em;color:var(--fg);text-wrap:pretty}
.gmsg p .soft{font-weight:400;color:#A3A3A3}
.shimmer{font-weight:500!important;background:linear-gradient(90deg,#6E6E6E 0%,#6E6E6E 38%,#EDEDED 50%,#6E6E6E 62%,#6E6E6E 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:shimmer 1.8s linear infinite}
.indent{margin-left:42px}
.cap{display:flex;flex-direction:column}
.cap-head{display:flex;align-items:center;gap:14px;min-height:36px;padding:0;border:0;background:none;color:#A3A3A3;font-size:15px;font-weight:500;text-align:left}
.cap-head:hover{color:var(--fg)}
.dot-ok{flex:none;width:23px;height:23px;border-radius:50%;border:1px solid #2E2E2E;background:#0A0A0A;color:#CFCFCF;display:grid;place-items:center}
.cap-sub{color:var(--dim);font-weight:400}
.chev{flex:none;color:var(--dim);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.chev.rot{transform:rotate(180deg)}
.cap-rows{margin:6px 0 4px 37px;max-width:620px;display:flex;flex-direction:column;gap:9px;padding:14px 16px;border:1px solid #1E1E1E;border-radius:14px;background:var(--card);animation:fade .3s ease both}
.cap-row{display:flex;gap:12px;font-size:14px;line-height:1.45}
.cap-q{flex:none;width:96px;color:#7D7D7D}
.cap-a{flex:1;min-width:0;color:#E6E6E6}
.composer{flex:none;padding:0 16px 18px}
.composer-in{max-width:960px;margin:0 auto}
.tray{padding:2px 22px 14px;animation:trayIn .45s cubic-bezier(.2,.8,.2,1) both}
.tray-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--dim)}
.tray-meta b{color:#A3A3A3;font-weight:600}
.tray-skip{background:none;border:0;padding:4px 0;color:#8A8A8A;font-size:13px;font-weight:500}
.tray-skip:hover{color:var(--fg)}
.opts{display:flex;flex-direction:column;max-height:34vh;overflow-y:auto}
.opt{display:flex;align-items:center;gap:13px;padding:7px 0;border:0;background:none;color:#C9C9C9;font-size:15px;text-align:left;transition:color .15s;animation:optIn .4s cubic-bezier(.2,.8,.2,1) both}
.opt:hover{color:#fff}
.opt:hover .ind{border-color:#8A8A8A}
.opt.on{color:#fff}
.ind{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid #4A4A4A;display:grid;place-items:center;color:#0A0A0A;transition:background .18s,border-color .18s}
.ind.box{border-radius:5px}
.ind .dt{width:6px;height:6px;border-radius:50%;background:#0A0A0A;transform:scale(0);transition:transform .2s cubic-bezier(.2,.9,.3,1.4)}
.ind svg{opacity:0;transform:scale(.4);transition:opacity .15s,transform .2s cubic-bezier(.2,.9,.3,1.4)}
.opt.on .ind{background:var(--fg);border-color:var(--fg)}
.opt.on .ind .dt{transform:scale(1)}
.opt.on .ind svg{opacity:1;transform:none}
.opt .ologo{flex:none;width:18px;height:18px;object-fit:contain;border-radius:3px}
.fine{margin:10px 0 0;text-align:center;font-size:12px;color:#5E5E5E}
.box{border:1px solid var(--line);border-radius:20px;background:var(--card);overflow:hidden}
.car{display:flex;flex-direction:column;gap:12px}
.car-vp{position:relative;overflow:hidden;border-radius:20px;touch-action:pan-y;transition:height .4s cubic-bezier(.2,.8,.2,1);outline:none}
.car-vp:focus-visible{box-shadow:0 0 0 2px var(--accent)}
.car-track{display:flex;align-items:flex-start;transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}
.car-track.drag{transition:none}
.ac-tag{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.ac-meta{margin:4px 0 0;font-size:13px;color:var(--dim);font-variant-numeric:tabular-nums}
.ac-meta b{color:#CFCFCF;font-weight:600}
.ac-row{display:grid;grid-template-columns:116px 1fr;gap:16px;padding:14px 0}
.ac-row + .ac-row{border-top:1px solid #151515}
.ac-lab{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D;padding-top:2px}
.ac-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:15px;line-height:1.45;color:#E6E6E6}
.ac-list.neg{color:#9A9A9A}
.ac-list li.more{animation:fade .35s ease both}
.ac-more{background:none;border:0;padding:6px 0;color:#BDBDBD;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#3A3A3A}
.ac-more:hover{color:#fff;text-decoration-color:#8A8A8A}
.ac-pick{flex:none;height:42px;padding:0 22px;border:1px solid var(--fg);border-radius:999px;background:var(--fg);color:#0A0A0A;font-size:15px;font-weight:600;transition:background .2s,color .2s,border-color .2s}
.ac-pick:hover{background:#fff}
.ac-pick:disabled{background:transparent;border-color:#2E2E2E;color:#6E6E6E;cursor:default}
.ac-pick.chosen:disabled{border-color:#3A3A3A;color:#E6E6E6}
.car-nav{display:flex;align-items:center;justify-content:center;gap:14px}
.car-arrow{width:36px;height:36px;border-radius:50%;border:1px solid #262626;background:transparent;color:#BDBDBD;display:grid;place-items:center;transition:background .15s,opacity .2s}
.car-arrow:hover{background:#161616;color:#fff}
.car-arrow:disabled{opacity:.3;cursor:default;background:transparent}
.car-count{min-width:44px;text-align:center;font-size:13px;font-weight:600;color:#CFCFCF;font-variant-numeric:tabular-nums}
.car-dots{display:flex;gap:5px}
.car-dots i{width:6px;height:6px;border-radius:50%;background:#2E2E2E;transition:all .3s}
.car-dots i.cur{width:18px;border-radius:4px;background:#8A8A8A}
.su{padding:22px 24px}
.su-top{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.su-top b{display:block;font-size:17px;font-weight:600}
.su-top span{font-size:14px;color:var(--mute)}
.su-runs{flex:none;display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-size:12px;font-weight:600;color:var(--accent)}
.su-runs .slots{width:120px}
.su-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.btn-w{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 22px;border:0;border-radius:999px;background:var(--fg);color:#0A0A0A;font-size:15px;font-weight:600;transition:background .2s}
.btn-w:hover{background:#fff}
.btn-w:disabled{background:#1C1C1C;color:#5E5E5E;cursor:default}
.btn-g{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 22px;border:1px solid #2E2E2E;border-radius:999px;background:transparent;color:#E6E6E6;font-size:15px;font-weight:500}
.btn-g:hover{background:#151515}
.gmono{width:20px;height:20px;border-radius:50%;background:#0A0A0A;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.su-fine{margin:14px 0 0;font-size:12px;color:#6E6E6E}
.ok-line{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:15px;color:#CFCFCF;animation:fade .3s ease both}
.ok-dot{flex:none;width:22px;height:22px;border-radius:50%;background:var(--fg);color:#0A0A0A;display:grid;place-items:center;animation:pop .4s cubic-bezier(.2,.9,.3,1.4) both}
.mini-spin{width:14px;height:14px;border-radius:50%;border:2px solid #3A3A3A;border-top-color:var(--accent);animation:spin .8s linear infinite;flex:none}
.crow{display:flex;align-items:center;gap:16px;padding:16px 18px 16px 16px}
.cicon{flex:none;width:56px;height:56px;border-radius:16px;background:#1A1A1A;display:grid;place-items:center;color:#E6E6E6}
.cicon img{width:28px;height:28px;object-fit:contain}
.cm{flex:1;min-width:0;display:flex;flex-direction:column}
.cm b{font-size:17px;font-weight:500}
.cm span{font-size:14px;color:var(--mute)}
.cact{flex:none;display:flex;align-items:center;gap:14px}
.cbtn{height:36px;padding:0 16px;border:1px solid #333;border-radius:999px;background:transparent;color:var(--fg);font-size:14px;font-weight:500}
.cbtn:hover{background:#1C1C1C}
.textbtn{background:none;border:0;padding:0;color:#8A8A8A;font-size:14px;font-weight:500}
.textbtn:hover{color:var(--fg)}
.cstate{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#CFCFCF;animation:fade .3s ease both}
.whead{display:flex;align-items:center;gap:14px;padding:16px 18px}
.wlogo{position:relative;flex:none;width:42px;height:42px;display:grid;place-items:center}
.wlogo img{width:24px;height:22px;object-fit:contain}
.wring{position:absolute;inset:0;border-radius:50%;border:2px solid #232323;border-top-color:var(--accent);animation:spin 1s linear infinite}
.work.done .wring{animation:none;border-color:#2A2A2A}
.wt b{display:block;font-size:16px;font-weight:600}
.wt span{font-size:13px;color:var(--mute)}
.wbar{height:3px;background:#1A1A1A;position:relative;overflow:hidden}
.wfill{height:100%;width:0;background:var(--accent);transition:width .4s linear}
.work.done .wfill{background:#3A3A3A}
.log{list-style:none;margin:0;padding:14px 18px 16px;display:flex;flex-direction:column;gap:10px}
.log li{display:flex;align-items:center;gap:10px;font-size:14px;color:#9A9A9A;animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.log li.act{color:var(--fg)}
.lind{flex:none;width:16px;height:16px;display:grid;place-items:center;color:#CFCFCF}
.rhead{display:flex;align-items:center;gap:14px;padding:16px 20px}
.rhead img{flex:none;width:40px;height:37px;object-fit:contain}
.rhead b{display:block;font-size:16px;font-weight:600}
.rhead span{font-size:13px;color:var(--mute)}
.rgl{padding:12px 20px 4px;border-top:1px solid var(--hair);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.rrow{display:flex;align-items:center;gap:16px;padding:10px 20px 12px}
.rm{flex:1;min-width:0}
.rm b{display:block;font-size:15px;font-weight:600;color:var(--fg)}
.rm span{font-size:13px;color:var(--mute)}
.rr{flex:none;font-size:13px;color:#BDBDBD;font-variant-numeric:tabular-nums;text-align:right}
.rfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 20px;border-top:1px solid var(--hair);font-size:14px;color:#7D7D7D}
.banner{display:flex;align-items:center;gap:16px;padding:14px 14px 14px 16px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.blogo{flex:none;width:56px;height:56px;border-radius:16px;background:#151515;display:grid;place-items:center;box-shadow:0 0 0 1px #262626,0 0 36px rgba(248,179,0,.16)}
.blogo img{width:32px;height:29px;object-fit:contain}
.bm{flex:1;min-width:0}
.bm b{display:block;font-size:17px;font-weight:600}
.bm span{font-size:14px;color:var(--mute)}
.btn-y{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--accent);color:#111;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s}
.btn-y:hover{background:var(--accent-hi);color:#111}
.tw{padding:8px 20px}
.tw-row{display:flex;gap:14px;align-items:flex-start;padding:12px 0;font-size:15px;color:#E6E6E6}
.tw-row + .tw-row{border-top:1px solid #151515}
.tw-row .ok-dot{width:20px;height:20px;margin-top:1px;animation-delay:var(--d,0s)}
.page{flex:1;min-height:0;overflow-y:auto;padding:12px 24px 48px}
.page-in{max-width:1120px;margin:0 auto}
.ptitle{margin:8px 0 6px;font-size:32px;font-weight:600;letter-spacing:-.02em}
.psub{margin:0;color:var(--mute);font-size:15px}
.ex{display:grid;grid-template-columns:320px 1fr;gap:28px;margin-top:30px;align-items:start}
.flist{position:sticky;top:0;display:flex;flex-direction:column}
.frow{display:flex;align-items:center;gap:16px;min-height:72px;padding:0 4px;border-bottom:1px solid var(--hair)}
.frow:first-child{border-top:0}
.fic{flex:none;width:28px;display:grid;place-items:center;color:#CFCFCF}
.fl{flex:1;font-size:17px;color:var(--fg)}
.fsel{flex:none;display:inline-flex;align-items:center;gap:6px;max-width:150px;height:34px;padding:0 4px 0 8px;border:0;border-radius:8px;background:transparent;color:#5E5E5E;font-size:16px;white-space:nowrap}
.fsel span{overflow:hidden;text-overflow:ellipsis}
.fsel:hover{color:#9A9A9A}
.fsel.on{color:var(--fg)}
.fcount{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:13px;color:var(--dim)}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.acell:hover{border-color:#363636;background:#0F0F0F}
.acell-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{font-size:12px;font-weight:600;color:#A3A3A3;height:22px;padding:0 9px;border:1px solid #2A2A2A;border-radius:999px;display:grid;place-items:center}
.acell h3{margin:0;font-size:16px;font-weight:600;line-height:1.35}
.acell p{margin:4px 0 0;font-size:13px;color:var(--mute);line-height:1.45}
.acell-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--dim)}
.acell-meta b{color:#E6E6E6;font-weight:600}
.scrim{position:absolute;inset:0;z-index:40;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .25s ease both}
.modal{position:absolute;z-index:41;left:50%;top:50%;width:min(560px,calc(100% - 32px));max-height:calc(100% - 48px);transform:translate(-50%,-50%);display:flex;flex-direction:column;background:#0B0B0B;border:1px solid #222;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:modalIn .4s cubic-bezier(.2,.8,.2,1) both}
.mhead{display:flex;align-items:center;justify-content:space-between;padding:18px 14px 6px 24px}
.mhead b{font-size:18px;font-weight:600}
.mtabs{display:flex;gap:2px;margin:10px 24px 0;padding:4px;border-radius:999px;background:#101010;border:1px solid #1E1E1E;align-self:flex-start;max-width:calc(100% - 48px);overflow-x:auto;scrollbar-width:none}
.mtab{flex:none;height:34px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#9A9A9A;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px}
.mtab:hover{color:var(--fg)}
.mtab.on{background:var(--fg);color:#0A0A0A}
.mtab i{font-style:normal;font-size:12px;opacity:.6}
.mbody{flex:1;min-height:0;overflow-y:auto;padding:16px 24px 8px}
.mbody .opts{max-height:none}
.mbody .opt{padding:10px 0}
.mgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
.mfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 16px 24px;border-top:1px solid var(--hair)}
.det{max-width:820px;margin:0 auto}
.back{display:inline-flex;align-items:center;gap:8px;margin:4px 0 26px;padding:0;border:0;background:none;color:#9A9A9A;font-size:15px}
.back:hover{color:var(--fg)}
.det-head{display:flex;flex-direction:column;gap:14px}
.det h1{margin:6px 0 0;font-size:34px;line-height:1.15;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.det-lede{margin:0;font-size:18px;line-height:1.5;color:#B5B5B5;max-width:60ch}
.det-meta{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid #262626;border-radius:999px;font-size:13px;color:#CFCFCF;font-variant-numeric:tabular-nums}
.chip svg{color:#8A8A8A}
.det-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.det-cta .btn-y{height:48px;padding:0 26px;font-size:16px}
.det-cta small{font-size:13px;color:var(--dim)}
.dsec{margin-top:44px}
.dlabel{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.steps li{position:relative;display:flex;gap:16px;padding-bottom:22px}
.steps li:not(:last-child)::before{content:"";position:absolute;left:15px;top:34px;bottom:4px;width:1px;background:#262626}
.pnum{flex:none;width:31px;height:31px;border-radius:10px;background:#141414;border:1px solid #262626;color:#CFCFCF;font-size:13px;font-weight:600;display:grid;place-items:center}
.steps b{display:block;font-size:16px;font-weight:600}
.steps span{font-size:14px;color:var(--mute)}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;background:var(--card)}
.cols3 > div{padding:20px 22px;min-width:0}
.cols3 > div + div{border-left:1px solid var(--hair)}
.cols3 .ac-lab{display:block;margin-bottom:12px}
.tool-rows .crow{padding:14px 18px 14px 14px}
.tool-rows .crow + .crow{border-top:1px solid var(--hair)}
.tool-rows .cicon{width:46px;height:46px;border-radius:13px}
.tool-rows .cicon img{width:22px;height:22px}
.tool-rows .cm b{font-size:16px}
.good{display:flex;flex-direction:column;gap:8px;font-size:15px;color:#BDBDBD}
.my-row{display:flex;align-items:center;gap:16px;padding:18px 20px}
.live{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;border:1px solid #1F3A27;color:#7FD49A;font-size:12px;font-weight:600}
.live i{width:6px;height:6px;border-radius:50%;background:#55C27A}
.toast{position:absolute;z-index:60;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;border-radius:14px;background:#1C1C1C;border:1px solid #2A2A2A;color:#E6E6E6;font-size:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);animation:toastIn .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes msIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes trayIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes optIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shimmer{from{background-position:100% 0}to{background-position:-150% 0}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes modalIn{from{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media (max-width:980px){
  .ex{grid-template-columns:1fr}
  .flist{position:static}
}
@media (max-width:860px){
  .side{position:fixed;z-index:70;top:0;bottom:0;left:0;background:#050505;border-right:1px solid #1A1A1A;transform:translateX(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);padding-top:calc(16px + env(safe-area-inset-top,0px))}
  .app.nav-open .side{transform:none}
  .main-wrap{padding:0}
  .main{border-radius:0;border:0}
  .icon-btn.menu-btn{display:grid}
  .hdr{padding:0 12px;gap:8px}
  .hdr-title{display:none}
}
@media (max-width:640px){
  .vtag{display:none}
  .home{padding:0 16px}
  .home h1{font-size:26px}
  .thread-wrap, .composer, .page{padding-left:16px;padding-right:16px}
  .page > .hdr{margin-left:-16px;margin-right:-16px}
  .indent{margin-left:0}
  .ac-row{grid-template-columns:1fr;gap:8px}
  .ac-top, .ac-body{padding-left:18px;padding-right:18px}
  .ac-foot{padding-left:18px;flex-wrap:wrap}
  .sg-r{display:none}
  .cols3{grid-template-columns:1fr}
  .cols3 > div + div{border-left:0;border-top:1px solid var(--hair)}
  .banner{flex-wrap:wrap}
  .banner .btn-y{width:100%;justify-content:center}
  .crow{flex-wrap:wrap}
  .cact{width:100%;justify-content:flex-end}
  .mgrid{grid-template-columns:1fr}
  .ubub{max-width:90%}
  .det h1{font-size:28px}
  .tray{padding-left:8px;padding-right:8px}
}
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}
/* Report issues / Support: the main app's help chips (border, 8px corners, transparent until hover) */
.hlp{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg2);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.2px;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.hlp:hover,.hlp.on{background:#141414;border-color:#333;color:var(--fg)}
.hlp:active{transform:scale(.98)}
.hlp svg{flex:none;width:17px;height:17px}
@media (max-width:639px){ .hlp .lbl{display:none} }
.hbtn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg2);font-size:14px;font-weight:500;transition:background .2s,border-color .2s,color .2s}
.hbtn:hover{background:#151515;color:#fff}
.hbtn.on{background:var(--fg);border-color:var(--fg);color:#0A0A0A}
.gwrap{display:flex;flex-direction:column;gap:6px}
.gintro{margin:0 0 0 42px;font-size:15px;line-height:1.5;color:#8C8C8C;text-wrap:pretty}
.ubub-row{display:flex;justify-content:flex-end;align-items:center;gap:6px}
.ebtn{flex:none;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#8A8A8A;display:grid;place-items:center;opacity:0;transition:opacity .15s,background .15s,color .15s}
.ubub-row:hover .ebtn, .ebtn:focus-visible{opacity:1}
.ebtn:hover{background:#1A1A1A;color:#fff}
@media (hover:none){
  .ebtn{opacity:.75}
}
.ubub{max-width:78%;background:var(--bubble);border-radius:22px 22px 6px 22px;padding:11px 18px;font-size:15px;line-height:1.5;color:var(--fg);overflow-wrap:anywhere;transition:opacity .2s,box-shadow .2s}
.ubub.editing{opacity:.55;box-shadow:0 0 0 1px #3A3A3A}
.uedit{width:min(600px,100%);display:flex;flex-direction:column;gap:10px;padding:12px 12px 12px 18px;border-radius:20px;background:var(--bubble);box-shadow:0 0 0 1px #333}
.uedit textarea{width:100%;min-height:52px;border:0;background:transparent;outline:none;resize:none;font-size:15px;line-height:1.5;color:var(--fg)}
.uedit-act{display:flex;justify-content:flex-end;gap:8px}
.uedit-act button{height:36px;padding:0 16px;font-size:14px}
.tray-edit{color:#CFCFCF}
.tray-edit b{color:var(--fg)}
.stack{position:relative;outline:none;touch-action:pan-y;transition:height .45s cubic-bezier(.2,.8,.2,1)}
.stack:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:22px}
.stack .acard{position:absolute;left:0;right:0;top:0;overflow:hidden;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease,background-color .4s,border-color .4s,height .45s cubic-bezier(.2,.8,.2,1)}
.stack .acard > *{transition:opacity .25s ease}
.stack .acard:not(.front){pointer-events:none}
.stack .acard:not(.front) > *{opacity:0}
.stack .acard.front{box-shadow:0 18px 40px rgba(0,0,0,.55)}
.stack .acard.b1{background:#181818;border-color:#303030}
.stack .acard.b2{background:#121212;border-color:#262626}
.stack .acard.drag{transition:none}
.stack.peek{cursor:pointer}
.acard{flex:0 0 100%;min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--card);user-select:none}
.ac-top{padding:24px 26px 6px;display:flex;flex-direction:column;gap:6px}
.ac-name{margin:0;font-size:21px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}
.ac-desc{margin:0;font-size:15px;line-height:1.5;color:#A3A3A3;max-width:62ch}
.ac-body{padding:6px 26px 8px;border-top:0}
.ac-sec{padding:20px 0;border-top:1px solid #171717}
.ac-sec:first-child{border-top:0}
.ac-sh{display:flex;align-items:baseline;gap:8px;margin:0 0 14px;font-size:13px;font-weight:600;color:#9A9A9A}
.ac-sh span{font-weight:500;color:#5E5E5E;font-variant-numeric:tabular-nums}
.ac-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:14px}
.ac-items li{position:relative;padding-left:20px;font-size:15px;line-height:1.5;color:#8C8C8C}
.ac-items li b{color:var(--fg);font-weight:600}
.ac-items li::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:#E6E6E6}
.ac-sec.neg .ac-items li{color:#707070}
.ac-sec.neg .ac-items li b{color:#BDBDBD;font-weight:500}
.ac-sec.neg .ac-items li::before{background:transparent;box-shadow:inset 0 0 0 1.5px #5A5A5A}
.ac-sec.ext .ac-items li::before{background:#7D7D7D}
.ac-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 14px 26px;border-top:1px solid var(--hair)}
.ac-rate{font-size:14px;color:#8C8C8C;font-variant-numeric:tabular-nums}
.ac-rate b{color:var(--fg);font-weight:600}
.prem{flex:none;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;background:rgba(248,179,0,.1);color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}
.prem svg{flex:none}
.chip.prem{height:32px;padding:0 12px;border:0;font-size:13px}
.drawer-scrim{position:absolute;inset:0;border:0;padding:0;z-index:40;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .3s ease both}
.drawer{position:absolute;top:8px;right:8px;bottom:8px;z-index:41;width:min(560px,calc(100% - 16px));display:flex;flex-direction:column;background:#0B0B0B;border:1px solid #1F1F1F;border-radius:20px;box-shadow:-30px 0 80px rgba(0,0,0,.55);overflow:hidden;animation:slidein .42s cubic-bezier(.2,.8,.2,1) both}
.uhead{display:flex;align-items:center;gap:10px;padding:18px 14px 16px 24px;border-bottom:1px solid var(--hair)}
.uhead h2{margin:0;font-size:20px;font-weight:600}
.uhead .sp{flex:1}
.mark-read{background:none;border:0;padding:0;color:var(--accent);font-size:13px;font-weight:500}
.mark-read:hover{color:var(--accent-hi)}
.utabs{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:#101010;border:1px solid #1E1E1E;max-width:100%;overflow-x:auto;scrollbar-width:none}
.utab{flex:none;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#9A9A9A;font-size:14px;font-weight:500;transition:background .2s,color .2s}
.utab:hover{color:var(--fg)}
.utab.on{background:var(--fg);color:#0A0A0A}
.utab b{font-size:12px;font-weight:600;opacity:.55}
.ulist{border:1px solid #1F1F1F;border-radius:20px;background:var(--card);overflow:hidden}
.urow{position:relative;display:flex;gap:16px;align-items:flex-start;padding:18px 20px 18px 30px;border-top:1px solid #171717;animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.urow:first-child{border-top:0}
.udot{position:absolute;left:13px;top:33px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(248,179,0,.6)}
.uicon{flex:none;position:relative;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;border:1px solid #232323;background:#141414}
.uicon .mainimg{width:22px;height:22px;object-fit:contain;border-radius:4px}
.uicon .sub{position:absolute;right:-7px;bottom:-7px;width:24px;height:24px;border-radius:8px;background:#0C0C0C;display:grid;place-items:center}
.uicon .sub img{width:15px;height:15px;object-fit:contain}
.utitle{display:flex;align-items:baseline;gap:12px}
.utitle b{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.4}
.utitle span{flex:none;font-size:12px;color:#7D7D7D}
.ubody{margin:3px 0 0;font-size:14px;line-height:1.55;color:var(--mute)}
.uprog{display:flex;align-items:center;gap:10px;margin-top:12px;max-width:340px;font-size:12px;color:#8A8A8A;font-variant-numeric:tabular-nums}
.uprog .t{flex:1;height:4px;border-radius:4px;background:#1F1F1F;overflow:hidden}
.uprog .f{display:block;height:100%;border-radius:4px}
.ubtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ubtn{height:32px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid #2A2A2A;background:transparent;color:var(--fg2)}
.ubtn:hover{background:#171717}
.ubtn.p{border-color:var(--fg);background:var(--fg);color:#0A0A0A}
.ubtn.p:hover{background:#fff}
.uempty{padding:40px 20px;text-align:center;color:var(--mute);font-size:14px}
.tmodal{width:min(720px,calc(100% - 32px));height:min(760px,calc(100% - 48px))}
.thead{display:flex;align-items:flex-start;gap:16px;padding:26px 18px 0 30px}
.thead h2{margin:0;font-size:22px;font-weight:600}
.tintro{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 30px 4px}
.tintro p{margin:0;max-width:40ch;font-size:15px;line-height:1.55;color:#A3A3A3}
.tsearch{flex:1;min-width:200px;max-width:280px;display:flex;align-items:center;gap:10px;height:46px;padding:0 18px;border:1px solid #262626;border-radius:999px;color:#7D7D7D}
.tsearch input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:15px;color:var(--fg)}
.tbody{flex:1;min-height:0;overflow-y:auto;padding:8px 30px 30px}
.tlabel{display:flex;align-items:center;gap:10px;margin:28px 0 14px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.tlabel b{min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#1E1E1E;color:#CFCFCF;font-size:11px;display:grid;place-items:center;letter-spacing:0}
.tgrid{display:flex;flex-wrap:wrap;gap:18px}
.ttile{position:relative;width:88px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#9A9A9A;text-align:center;line-height:1.3}
@media (min-width:641px){.ttile .tt-n{flex:none;max-width:100%;font-size:13px;font-weight:400;color:#B5B5B5;line-height:1.3;white-space:normal;overflow:hidden;overflow-wrap:anywhere;text-overflow:clip}}
.tico{width:64px;height:64px;border-radius:18px;border:1px solid #262626;background:#111;display:grid;place-items:center;color:#E6E6E6}
.tico img{width:30px;height:30px;object-fit:contain}
.tico b{font-size:20px;font-weight:600}
.tmore{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:1px solid #333;background:#1A1A1A;color:#CFCFCF;display:grid;place-items:center;opacity:0;transition:opacity .15s}
.ttile:hover .tmore, .tmore:focus-visible{opacity:1}
@media (hover:none){
  .tmore{opacity:1}
}
.tmenu{position:absolute;top:22px;left:40px;z-index:5;min-width:150px;padding:6px;border:1px solid #2A2A2A;border-radius:12px;background:#161616;box-shadow:0 20px 40px rgba(0,0,0,.5);animation:fade .2s ease both}
.tmenu button{width:100%;height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#FF8A7A;font-size:14px;text-align:left}
.tmenu button:hover{background:#1F1F1F}
.tfix{margin-top:18px}
.tfix .cicon{box-shadow:inset 0 0 0 1px rgba(255,138,122,.35)}
.tlist .cicon{width:52px;height:52px;border-radius:15px}
.tlist .cicon img{width:26px;height:26px}
.tlist .cm b{font-size:16px}
.tnone{padding:18px 20px;border:1px dashed #262626;border-radius:16px;font-size:14px;color:var(--mute)}
@keyframes slidein{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:640px){
  .hbtn span.lbl{display:none}
  .hbtn{padding:0 11px}
  .ac-items{grid-template-columns:1fr}
  .ac-top, .ac-body{padding-left:18px;padding-right:18px}
  .ac-foot{padding-left:18px}
  .gintro{margin-left:0}
  .thead, .tintro, .tbody{padding-left:18px;padding-right:18px}
  .tsearch{max-width:none}
}
@media (max-width:640px){
  .hdr{gap:6px}
}
.nav-btn .nb{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#111;font-size:12px;font-weight:700;display:grid;place-items:center}
.nav-btn.attn-on{background:#161616;color:#fff}
.side-foot .me{padding:10px 8px;border-top:1px solid #151515}
.attn-scrim{position:absolute;top:0;right:0;bottom:0;left:264px;z-index:50;border:0;padding:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s ease both}
.attn{position:absolute;z-index:51;top:8px;bottom:8px;left:264px;width:min(400px,calc(100% - 280px));display:flex;flex-direction:column;background:#0B0B0B;border:1px solid #1F1F1F;border-radius:20px;box-shadow:30px 0 80px rgba(0,0,0,.55);overflow:hidden;animation:attnIn .4s cubic-bezier(.2,.8,.2,1) both}
.attn-h{display:flex;align-items:center;gap:10px;padding:20px 14px 6px 22px}
.attn-h h2{margin:0;font-size:19px;font-weight:600}
.attn-sub{margin:0;padding:0 22px 14px;font-size:14px;color:var(--mute);border-bottom:1px solid var(--hair)}
.attn-list{flex:1;min-height:0;overflow-y:auto;padding:14px 14px 24px;display:flex;flex-direction:column;gap:10px}
.aitem{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:16px 16px 16px 16px;display:flex;gap:14px;align-items:flex-start;animation:rise .4s cubic-bezier(.2,.8,.2,1) both;transition:opacity .35s,transform .35s}
.aitem.out{opacity:0;transform:translateX(-12px)}
.aico{flex:none;position:relative;width:42px;height:42px;border-radius:12px;background:#151515;border:1px solid #262626;display:grid;place-items:center}
.aico img{width:22px;height:22px;object-fit:contain}
.aico.warn{box-shadow:0 0 0 1px rgba(255,138,122,.45)}
.aico .sub{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:7px;background:#0C0C0C;display:grid;place-items:center}
.aico .sub img{width:14px;height:14px}
.akind{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}
.akind.re{color:#FF9A8A}
.akind.ok{color:var(--accent)}
.atitle{display:block;font-size:15px;font-weight:600;line-height:1.4}
.abody{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--mute)}
.alist{list-style:none;margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#101010;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#BDBDBD}
.alist li span{color:#7D7D7D}
.abtns{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.attn-empty{margin:auto;text-align:center;color:var(--mute);font-size:14px;padding:40px 20px}
.attn-empty b{display:block;color:var(--fg);font-size:16px;margin-bottom:4px}
.xhead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.xbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:24px 0 8px;padding:10px 0;background:var(--panel)}
.xsearch{flex:1;min-width:200px;max-width:340px;display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border:1px solid #262626;border-radius:999px;color:#7D7D7D}
.xsearch input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:14px;color:var(--fg)}
.fpill{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 12px 0 16px;border:1px solid #262626;border-radius:999px;background:transparent;color:#6E6E6E;font-size:14px;font-weight:500;white-space:nowrap}
.fpill:hover{color:#BDBDBD;border-color:#333}
.fpill.on{color:var(--fg);border-color:#3A3A3A;background:#141414}
.fpill .fk{color:#8C8C8C}
.fpill.on .fk{color:#8C8C8C}
.seg{margin-left:auto;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:#101010;border:1px solid #1E1E1E}
.seg button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:#9A9A9A;font-size:13px;font-weight:500}
.seg button:hover{color:var(--fg)}
.seg button.on{background:var(--fg);color:#0A0A0A}
.xclear{background:none;border:0;color:#8A8A8A;font-size:13px;padding:0 6px}
.xclear:hover{color:var(--fg)}
.xsec-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 12px}
.xsec-h h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.xsec-h span{font-size:13px;color:var(--dim)}
.xsec-h .xs-sub{margin-left:4px;font-size:14px;color:var(--mute)}
.bview{max-width:940px}
.bsec{padding:6px 8px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.brow{display:flex;align-items:center;gap:16px;padding:14px 12px;border-radius:14px;cursor:pointer;transition:background .15s}
.brow:hover{background:#121212}
.brow + .brow{border-top:1px solid #171717}
.brow .sg-n{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.brow .btn-o{height:36px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.acell{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid #222;border-radius:18px;background:var(--card);text-align:left;color:inherit;transition:border-color .2s,background .2s;animation:rise .45s cubic-bezier(.2,.8,.2,1) both;cursor:pointer}
.acell-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.acell-foot .meta{font-size:13px;color:var(--dim)}
.acell-foot .meta b{color:#E6E6E6;font-weight:600}
.trybtn{height:32px;padding:0 14px;border:1px solid #2E2E2E;border-radius:999px;background:transparent;color:#E6E6E6;font-size:13px;font-weight:600}
.trybtn:hover{background:var(--fg);border-color:var(--fg);color:#0A0A0A}
.xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:14px;align-items:start}
.abox{border:1px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.abox-top{padding:20px 22px 18px;display:flex;flex-direction:column;gap:12px}
.abox-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.abox h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em;cursor:pointer}
.abox h3:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#3A3A3A}
.abox p.d{margin:-6px 0 0;font-size:14px;line-height:1.5;color:#A3A3A3}
.abox-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.abox-cta .btn-w{height:40px;padding:0 18px;font-size:14px}
.abox-cta .meta{font-size:13px;color:var(--dim)}
.abox-cta .meta b{color:#E6E6E6;font-weight:600}
.prev{position:relative;margin:0 12px 12px;border:1px solid #1E1E1E;border-radius:16px;background:#080808;overflow:hidden}
.prev-in{max-height:262px;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.8,.2,1)}
.prev.open .prev-in{max-height:900px}
.prev-h{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #161616}
.prev-h img{width:26px;height:24px;object-fit:contain}
.prev-h b{display:block;font-size:14px;font-weight:600}
.prev-h span{font-size:12px;color:var(--dim)}
.prow2{display:flex;align-items:center;gap:14px;padding:10px 16px}
.prow2 + .prow2{border-top:1px solid #131313}
.prow2 .rm b{font-size:14px}
.prow2 .rm span{font-size:12px}
.prow2 .rr{font-size:12px}
.prev-fade{position:absolute;left:0;right:0;bottom:0;height:96px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;background:linear-gradient(to bottom,rgba(8,8,8,0),rgba(8,8,8,.85) 55%,#080808);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);transition:opacity .3s;-webkit-mask-image:none;mask-image:none}
.prev.open .prev-fade{position:static;height:auto;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:8px 0 12px;border-top:1px solid #131313}
.prev-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid #2E2E2E;border-radius:999px;background:#121212;color:#E6E6E6;font-size:13px;font-weight:500}
.prev-btn:hover{background:#1A1A1A}
.prev-btn svg{transition:transform .3s}
.prev.open .prev-btn svg{transform:rotate(180deg)}
.blurline{filter:blur(1.2px);opacity:.7}
.setup{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;max-width:1080px;margin:0 auto;align-items:start}
.setup h1{margin:6px 0 6px;font-size:30px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.setup .lede{margin:0;font-size:16px;color:#A3A3A3;max-width:60ch}
.eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.livepill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;border:1px solid #1F3A27;background:rgba(85,194,122,.08);color:#7FD49A;font-size:13px;font-weight:600;letter-spacing:0}
.livepill i{width:7px;height:7px;border-radius:50%;background:#55C27A;box-shadow:0 0 8px rgba(85,194,122,.8);animation:blink 1.6s ease-in-out infinite}
.ssteps{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.sstep{border:1px solid var(--line);border-radius:20px;background:var(--card);overflow:hidden;transition:border-color .3s}
.sstep.todo{background:transparent;border-color:#1A1A1A}
.sstep-h{display:flex;align-items:center;gap:14px;padding:18px 20px}
.snum{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #333;display:grid;place-items:center;font-size:13px;font-weight:600;color:#CFCFCF;font-variant-numeric:tabular-nums}
.sstep.cur .snum{background:var(--fg);border-color:var(--fg);color:#0A0A0A}
.sstep.done .snum{background:#1C1C1C;border-color:#1C1C1C;color:var(--fg)}
.sstep.todo .snum{color:#5E5E5E;border-color:#262626}
.sstep-t{flex:1;min-width:0}
.sstep-t b{display:block;font-size:16px;font-weight:600}
.sstep.todo .sstep-t b{color:#6E6E6E}
.sstep-t span{font-size:14px;color:var(--mute)}
.sstep-b{padding:0 20px 20px 64px}
.sstep-b.in{animation:fade .4s ease both}
.ctools{border:1px solid #1E1E1E;border-radius:16px;background:#0A0A0A}
.ctools .crow + .crow{border-top:1px solid var(--hair)}
.ctools .cicon{width:48px;height:48px;border-radius:14px}
.ctools .cicon img{width:24px;height:24px}
.ctools .cm b{font-size:16px}
.sact{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.sact small{font-size:13px;color:var(--dim)}
.bqs{display:flex;flex-direction:column;gap:24px}
.bq-l{display:block;margin:0 0 6px;font-size:16px;font-weight:600}
.bq .opts{max-height:none}
.bq .opt{animation:none;padding:8px 0}
.rec{font-size:12px;color:#7D7D7D;margin-left:4px}
.btn-y:disabled{background:#1C1C1C;color:#5E5E5E;cursor:default}
.side-card{position:sticky;top:0;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:20px;display:flex;flex-direction:column;gap:14px}
.side-card h3{margin:0;font-size:16px;font-weight:600}
.side-card .meta{font-size:13px;color:var(--dim)}
.side-card .meta b{color:#E6E6E6}
.side-card .ac-items{grid-template-columns:1fr;row-gap:10px}
.side-card .ac-items li{font-size:14px}
.side-card hr{border:0;border-top:1px solid #171717;margin:2px 0}
.live-next{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.res-wrap{display:flex;flex-direction:column;gap:12px}
.mylist .my-row{cursor:pointer;transition:background .15s}
.mylist .my-row:hover{background:#0F0F0F}
.mylist .my-row + .my-row{border-top:1px solid var(--hair)}
.mylist .cm span{font-size:13px}
.st{flex:none;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.st i{width:6px;height:6px;border-radius:50%}
.st.live{border:1px solid #1F3A27;color:#7FD49A}
.st.live i{background:#55C27A}
.st.paused{border:1px solid #4A2620;color:#FF9A8A}
.st.paused i{background:#FF7A66}
.st.wait{border:1px solid #4A3A10;color:var(--accent)}
.st.wait i{background:var(--accent)}
.my-act{flex:none}
@keyframes attnIn{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@media (max-width:1100px){
  .setup{grid-template-columns:1fr}
  .side-card{position:static}
}
@media (max-width:860px){
  .attn{left:8px;width:calc(100% - 16px)}
  .attn-scrim{left:0}
}
@media (max-width:640px){
  .xsec-h .xs-sub{flex-basis:100%;margin-left:0}
}
@media (max-width:640px){
  .xgrid{grid-template-columns:1fr}
  .seg{margin-left:0}
  .seg button span{display:none}
  .xsearch{max-width:none;flex-basis:100%}
  .sstep-b{padding-left:20px}
  .brow{flex-wrap:wrap}
  .brow .sg-m{flex-basis:calc(100% - 70px)}
  .brow .sg-r{display:none}
  .mylist .my-row{flex-wrap:wrap}
}
.xtop{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px}
.xtop .ptitle{margin:0}
.xrow{display:flex;align-items:center;gap:10px;margin-top:26px;flex-wrap:wrap}
.xsearch2{flex:1;min-width:220px;display:flex;align-items:center;gap:12px;height:50px;padding:0 18px;border:1px solid #2A2A2A;border-radius:16px;background:#121212;color:#8A8A8A}
.xsearch2:focus-within{border-color:#3A3A3A}
.xsearch2 input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:16px;color:var(--fg)}
.xrow .fpill{height:50px;border-radius:16px;padding:0 14px 0 18px}
.cats{position:relative;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:18px 0 0;padding:2px 0;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}
.cats::-webkit-scrollbar{display:none}
.cat{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:1px solid #262626;border-radius:999px;background:transparent;color:#A3A3A3;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s}
.cat:hover{color:var(--fg);border-color:#363636}
.cat.on{background:var(--fg);border-color:var(--fg);color:#0A0A0A}
.cat i{font-style:normal;font-size:12px;opacity:.55;font-variant-numeric:tabular-nums}
.cats-end{flex:none;width:30px}
.uc{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#7D7D7D;font-variant-numeric:tabular-nums;white-space:nowrap}
.brow2:hover{background:#121212}
.brow2 .btn-o{height:36px}
.cgrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.ccard{display:flex;flex-direction:column;gap:18px;min-height:210px;padding:20px;border:1px solid #222;border-radius:18px;background:var(--card);cursor:pointer;transition:border-color .2s,background .2s;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.ccard:hover{border-color:#363636;background:#0F0F0F}
.ccard-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ccard h3{margin:0;font-size:17px;font-weight:600;line-height:1.4;text-wrap:pretty}
.ccard-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ccard-foot .trybtn{height:34px}
.xlist{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.xbox{border:1px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
/* A laid-out result card clips without becoming a scroll container, so the compare tray inside it can stick. */
.xbox.chatbox.ly{overflow:clip}
.xbox-top{display:flex;flex-direction:column;gap:14px;padding:22px 24px 18px}
.xbox-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.xbox h3{margin:0;font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.01em;text-wrap:pretty}
.xbox-cta .btn-w{height:42px;padding:0 20px;font-size:14px}
.linkbtn{background:none;border:0;padding:0;color:#BDBDBD;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#3A3A3A}
.linkbtn:hover{color:#fff;text-decoration-color:#8A8A8A}
.tlbox-h{padding:14px 18px 4px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.tlin{max-height:230px;overflow:hidden;padding:10px 18px 0;transition:max-height .5s cubic-bezier(.2,.8,.2,1)}
.tlbox.open .tlin{max-height:600px}
.tline{list-style:none;margin:0;padding:0}
.tli{position:relative;display:flex;gap:14px;align-items:flex-start;padding-bottom:18px}
.tli:not(:last-child)::before{content:"";position:absolute;left:12px;top:28px;bottom:2px;width:1px;background:#2A2A2A}
.tld{flex:none;width:25px;height:25px;border-radius:50%;border:1px solid #333;background:#121212;color:#CFCFCF;font-size:12px;font-weight:600;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.tlt{padding-top:2px;font-size:15px;line-height:1.45;color:#E6E6E6}
.tlfade{position:absolute;left:0;right:0;bottom:0;height:92px;border-radius:0 0 16px 16px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;background:linear-gradient(to bottom,rgba(8,8,8,0),rgba(8,8,8,.88) 55%,#080808);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}
.tlbox.open .tlfade{position:static;height:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:4px 0 14px}
.tlbox.open .prev-btn svg{transform:rotate(180deg)}
.sp{position:absolute;top:8px;right:8px;bottom:8px;z-index:41;width:min(560px,calc(100% - 16px));display:flex;flex-direction:column;background:#0B0B0B;border:1px solid #1F1F1F;border-radius:20px;box-shadow:-30px 0 80px rgba(0,0,0,.55);overflow:hidden;animation:slidein .42s cubic-bezier(.2,.8,.2,1) both}
.sp-h{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 0 26px;font-size:13px;font-weight:600;color:#7D7D7D}
.sp-b{flex:1;min-height:0;overflow-y:auto;padding:14px 26px 24px}
.sp-b h2{margin:16px 0 8px;font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.015em;text-wrap:balance}
.sp-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#8C8C8C}
.sp-sec{margin-top:30px}
.sp-sec .dlabel{margin-bottom:14px}
.sp-f{padding:16px 26px 18px;border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;gap:12px}
.sp-f .btn-y{flex:1;justify-content:center;height:48px;font-size:16px}
.sp .ac-items{grid-template-columns:1fr}
.chatbtn{margin-left:42px}
.connall .crow + .crow{border-top:1px solid var(--hair)}
.connall .cicon{width:48px;height:48px;border-radius:14px}
.connall .cicon img{width:24px;height:24px}
@media (max-width:1000px){
  .cgrid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cgrid3{grid-template-columns:1fr}
  .xrow .fpill{display:none}
  .xsearch2{flex-basis:100%}
  .xtop{flex-wrap:nowrap}
  .xtop .ptitle{font-size:26px}
  .brow2{flex-wrap:wrap;gap:12px}
  .brow2 .bt{flex-basis:calc(100% - 90px)}
  .brow2 .uc{margin-left:auto}
  .xbox h3{font-size:18px}
  .chatbtn{margin-left:0}
  .sp-b, .sp-f{padding-left:18px;padding-right:18px}
}
.blist{margin-top:24px;padding:0;border:0;border-radius:0;background:transparent}
.brow2{display:flex;align-items:center;cursor:pointer;transition:background .15s;animation:rise .4s cubic-bezier(.2,.8,.2,1) both;min-height:84px;padding:18px 16px;gap:20px;border-radius:16px}
.brow2 + .brow2{border-top:1px solid #161616}
.brow2:hover + .brow2, .brow2:hover{border-top-color:transparent}
.bt{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:500;line-height:1.4;color:var(--fg);font-size:17px}
.gtext{max-width:720px;font-size:16px;line-height:1.7;color:#DADADA;text-wrap:pretty}
.gtext p{margin:0 0 12px}
.gtext p:last-child{margin-bottom:0}
.gtext b{color:var(--fg);font-weight:600}
.gtext ul{list-style:none;margin:2px 0 14px;padding:14px 18px;border:1px solid #1E1E1E;border-radius:14px;background:var(--card);display:flex;flex-direction:column;gap:8px;font-size:15px}
.gtext ul li span{color:#8C8C8C}
.gthink{margin:0;font-size:15px}
.chatbox{animation:msIn .5s cubic-bezier(.2,.8,.2,1) both}
.chatbox .xbox-top h3{font-size:19px}
.runstate{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#BDBDBD}
.tli.pending .tlt{color:#5E5E5E}
.tli.act .tlt{color:var(--fg)}
.tli .tld .mini-spin{width:12px;height:12px}
.tli.ok .tld{background:var(--fg);border-color:var(--fg);color:#0A0A0A}
.tlr b{display:block;font-weight:600;color:var(--fg)}
.tlr em{display:block;font-style:normal;font-size:13px;color:#8C8C8C}
.tlr i{flex:none;font-style:normal;font-size:13px;color:#BDBDBD;padding-top:2px}
.chatbox .tlin{max-height:230px}
.chatbox .tlbox.open .tlin{max-height:900px}
.tlbox.nolabel.open>.tlin{max-height:none} /* a result body is never clipped at a height (spec 2026-10-23 §1) */
@media (max-width:900px){
  .gq .gl{position:static;display:inline-block;vertical-align:-7px;margin-right:10px}
  .gq.done .gl{display:none}
}
@media (max-width:640px){
  .gtext ul li span{min-width:0;display:block}
  .brow2{padding:16px 8px}
}
.gq{position:relative;font-weight:600;line-height:1.5;color:var(--fg);display:flex;align-items:center;gap:12px;margin-top:6px;font-size:17px}
.gq .gl{left:-44px;top:-2px;transition:opacity .3s;position:static!important;display:block!important;flex:none;width:30px;height:28px;object-fit:contain}
.gq.done .gl{opacity:0;display:none!important}
.thread{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.gacts{display:flex;gap:2px;margin:12px 0 0 -6px}
.gact{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#6E6E6E;display:grid;place-items:center;transition:color .15s,background .15s}
.gact:hover{background:#161616;color:#E6E6E6}
.gact.on{color:var(--fg)}
.gact.on[data-a="up"] svg, .gact.on[data-a="down"] svg{fill:currentColor;fill-opacity:.2}
.gsep{width:100%;border:0;border-top:1px solid #1C1C1C;margin:16px 0 4px}
.gtext a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#4A4A4A}
.sline{display:flex;flex-direction:column}
.sl-h{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;padding:4px 0;border:0;background:none;color:#BDBDBD;font-size:15px;font-weight:500;text-align:left}
.sl-h:hover{color:var(--fg)}
.sl-ico{flex:none;width:20px;height:20px;display:grid;place-items:center}
.sline.running .gl-think .gl-eyes{display:none}
.sline.running .gl-think > .ti{flex:none;animation:sl-pulse 1.8s ease-in-out infinite}
@keyframes sl-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media (prefers-reduced-motion: reduce){.sline.running .gl-think > .ti{animation:none}}
.nc2-qc{margin:0 0 10px;font-size:15px;line-height:1.55;color:var(--text,#F2F2F0)}
.qdone-q{margin:4px 0 0 34px;color:var(--mute,#8A8A86);font-size:14px;line-height:1.5}
.sl-t{min-width:0}
.sl-b{margin-top:10px;animation:fade .3s ease both}
.sl-b .chatbox{animation:none}
.setlist{list-style:none;margin:0;padding:14px 18px;border:1px solid #1E1E1E;border-radius:14px;background:var(--card);display:flex;flex-direction:column;gap:8px;font-size:15px;color:#E6E6E6}
.setlist li{display:grid;grid-template-columns:250px 1fr;gap:12px}
.setlist li span{color:#8C8C8C}
.chatpop{animation:msIn .5s cubic-bezier(.2,.8,.2,1) both}
.chatpop .sg-row .prem{margin-right:4px}
.am-scrim{z-index:60}
.amodal{position:absolute;z-index:61;left:50%;top:50%;width:min(480px,calc(100% - 32px));transform:translate(-50%,-50%);padding:20px 20px 18px;background:#0B0B0B;border:1px solid #232323;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.65)}
.amodal.fresh{animation:modalIn .4s cubic-bezier(.2,.8,.2,1) both}
.am-h{display:flex;align-items:center;gap:10px;margin:0 -6px 16px 4px}
.am-h h2{margin:0;font-size:19px;font-weight:600}
.astack{position:relative;outline:none;touch-action:pan-y;transition:height .4s cubic-bezier(.2,.8,.2,1)}
.acard2{position:absolute;left:0;right:0;top:0;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card);transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,height .4s,background-color .3s;user-select:none}
.acard2 > *{transition:opacity .25s}
.acard2:not(.front){pointer-events:none}
.acard2:not(.front) > *{opacity:0}
.acard2.front{box-shadow:0 14px 34px rgba(0,0,0,.5)}
.acard2.b1{background:#151515;border-color:#2C2C2C}
.acard2.b2{background:#101010;border-color:#232323}
.acard2.drag{transition:none}
.astack:has(.acard2:not(.front)){cursor:pointer}
.am-top{display:flex;align-items:center;gap:12px;margin:8px 0 2px}
.am-top .aico{flex:none}
.acard2 .abody{margin-top:8px}
.acard2 .abtns{margin-top:16px}
.am-btn{height:40px;padding:0 18px;font-size:14px}
.am-nav{margin-top:14px}
.am-hint{margin:8px 0 0;text-align:center;font-size:12px;color:#6E6E6E}
@media (max-width:640px){
  .setlist li{grid-template-columns:1fr;gap:0}
  .hdr-r .lbl{display:none}
}
.apop-scrim{position:absolute;inset:0;z-index:60;background:rgba(0,0,0,.5);animation:fade .25s ease both}
.main.attn-open .hdr{position:relative;z-index:62}
.main.attn-open .hdr > *:not(.hdr-r){opacity:.25;pointer-events:none}
.apop{position:absolute;z-index:61;width:min(420px,calc(100% - 24px));padding:16px 16px 14px;background:#0B0B0B;border:1px solid #2A2A2A;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.65);transform-origin:calc(100% - 40px) 0}
.apop.fresh{animation:popGrow .38s cubic-bezier(.2,.9,.3,1.1) both}
.apop-caret{position:absolute;top:-7px;width:13px;height:13px;background:#0B0B0B;border-left:1px solid #2A2A2A;border-top:1px solid #2A2A2A;transform:rotate(45deg)}
.apop .am-h{margin:0 -4px 12px 4px}
.apop .am-h h2{font-size:16px}
.apop .acard2{padding:16px}
@keyframes popGrow{from{opacity:0;transform:scale(.6) translateY(-10px)}to{opacity:1;transform:none}}
.qform{display:flex;flex-direction:column;gap:26px;padding:4px 0 2px;animation:msIn .5s cubic-bezier(.2,.8,.2,1) both}
.qf-l{display:flex;align-items:baseline;gap:10px;font-size:16px;font-weight:600;color:var(--fg)}
.qf-l i{font-style:normal;font-size:13px;font-weight:600;color:#6E6E6E;font-variant-numeric:tabular-nums}
.qf-h{display:block;margin:2px 0 4px 22px;font-size:13px;color:#6E6E6E}
.qf .opts{max-height:none;margin-left:22px}
.qf .opt{animation:none;padding:7px 0}
.qf-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-left:22px}
.qf-foot .btn-w{height:42px;padding:0 20px;font-size:14px}
.qf-foot small{font-size:13px;color:#6E6E6E}
.qform.locked .opt{cursor:default;color:#8C8C8C}
.qform.locked .opt.on{color:#E6E6E6}
.qform.locked .opt:not(.on) .ind{opacity:.4}
.qform.locked .rec{display:none}
.mybox .xbox-row{flex-wrap:wrap}
.mybox h3{font-size:20px}
@media (max-width:640px){
  .apop{left:12px;right:12px!important;width:auto}
  .apop-caret{display:none}
  .qf .opts, .qf-h, .qf-foot{margin-left:0}
}
.qdesc{margin:0;font-size:15px;line-height:1.65;color:#A3A3A3}
.qask.answered .qdesc{color:#7D7D7D}
.qreply:hover{background:#151515;color:#fff}
.qreply:hover .qr-ico{color:var(--accent)}
.qr-ico{flex:none;display:grid;place-items:center;color:#6E6E6E;transition:color .15s}
.qhint{margin:0;font-size:12px;color:#5E5E5E}
.rlist .tli::before{display:none!important}
.rside{flex:none;display:flex;align-items:center;gap:14px}
.rside i{padding-top:0!important}
.rcta{height:30px;padding:0 12px;border:1px solid #2E2E2E;border-radius:999px;background:transparent;color:#E6E6E6;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.rcta:hover{background:var(--fg);border-color:var(--fg);color:#0A0A0A}
.tlr{flex:1;min-width:0;display:flex;justify-content:space-between;gap:14px;align-items:center}
.pblur i{position:absolute;inset:0}
.pblur i:nth-child(1){-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 40%,transparent 60%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 40%,transparent 60%)}
.pblur i:nth-child(2){-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);-webkit-mask-image:linear-gradient(to bottom,transparent 20%,#000 40%,#000 60%,transparent 80%);mask-image:linear-gradient(to bottom,transparent 20%,#000 40%,#000 60%,transparent 80%)}
.pblur i:nth-child(3){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(to bottom,transparent 40%,#000 60%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 40%,#000 60%,#000 80%,transparent 100%)}
.pblur i:nth-child(4){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to bottom,transparent 60%,#000 80%);mask-image:linear-gradient(to bottom,transparent 60%,#000 80%)}
.pblur i:nth-child(5){background:linear-gradient(to bottom,rgba(8,8,8,0) 30%,rgba(8,8,8,.55) 75%,rgba(8,8,8,.9))}
.tlfade.pb{z-index:2;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.tlbox.open .pblur{display:none}
.tlbox.open .tlfade.pb{position:static}
@media (max-width:640px){
  .rside i{display:none}
  .tlr{flex-wrap:wrap}
}
.qreply{display:flex;align-items:center;gap:12px;font-size:15px;text-align:left;transition:background .15s,color .15s;width:100%;max-width:none;margin-left:0;padding:8px 0;border:0;border-radius:0;background:transparent;color:#A3A3A3}
.qreply:hover, .qreply:focus-visible{background:transparent;color:#fff}
.qreply .qr-tag{color:#6E6E6E}
.qreplies{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.chatsep{margin:12px 0 8px}
.mysec{margin-top:28px}
.mysec + .mysec{margin-top:36px}
.mysec-h{display:flex;align-items:center;gap:10px;width:100%;padding:0 0 12px;margin:0;border:0;border-bottom:1px solid #1C1C1C;background:transparent;color:#EDEDED;font:600 15px/1.3 Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.mysec-h.plain{cursor:default}
.mysec-c{color:#8C8C8C;font-weight:500}
.mysec-t{color:#8C8C8C;font-size:13px;font-weight:500}
.mysec-h:hover .mysec-t{color:#EDEDED}
.mysec-h .chev{display:inline-flex;color:#8C8C8C;transition:transform .2s}
.mysec-h .chev.rot{transform:rotate(180deg)}
.mysec-h .chev svg{width:16px;height:16px}
.mysec .xlist{margin-top:16px}
.needsec.closed .mysec-h{border-bottom-color:#1C1C1C}
.empty{grid-column:1/-1;text-align:center;border:1px dashed #262626;border-radius:18px;color:#8C8C8C;font-size:14px;padding:16px 0}
.qask{display:flex;flex-direction:column;gap:12px;margin-top:-8px;animation:msIn .5s cubic-bezier(.2,.8,.2,1) both;max-width:none;width:100%}
.needdot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(248,179,0,.15);margin-left:4px}
.chgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.chcard:hover{border-color:#333}
.chn{flex:0 1 200px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.chflow.one .chn{flex-basis:320px}
.chi b{font-size:18px;font-weight:700}
.chl{font-size:14px;line-height:1.35;color:#CFCFCF;padding:0 4px}
.chflow.two .chk{width:56px}
.chcat{display:flex;align-items:center;gap:8px;font-size:13px;color:#8C8C8C}
.chbody h3{margin:4px 0 0;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#F2F2F2;text-wrap:pretty}
.chbody p{margin:0;font-size:15px;line-height:1.55;color:#8C8C8C;text-wrap:pretty}
.chfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px}
.chsave{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#BDBDBD}
.chsave svg{color:#8C8C8C}
.chsave b{font-weight:500;color:#E6E6E6}
.chtry{flex:none;height:40px;padding:0 20px;border:1px solid #2E2E2E;border-radius:999px;background:transparent;color:var(--accent);font-size:15px;font-weight:600;transition:background .2s,border-color .2s}
.chtry:hover{background:rgba(248,179,0,.08);border-color:rgba(248,179,0,.45)}
.chtry.sm{height:34px;padding:0 14px;font-size:13px}
@media (max-width:820px){
  .chgrid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .chtop{padding:24px 8px 20px}
  .chi{width:42px;height:42px}
  .chi.multi .ti{width:42px;height:42px}
  .chk{width:16px;margin-top:21px}
  .chflow.two .chk{width:36px}
  .chl{font-size:13px}
  .chbody{padding:18px}
}
.ava.ghost{background:#1C1C1C;color:#8C8C8C;border:1px solid #2A2A2A}
.si-logo{position:relative;flex:none;width:60px;height:60px;border-radius:16px;background:#151515;border:1px solid #262626;display:grid;place-items:center}
.si-logo img{width:36px;height:36px}
.si-gift{position:absolute;right:-8px;bottom:-8px;width:26px;height:26px;border-radius:50%;background:#1F1F1F;border:3px solid var(--card);display:grid;place-items:center;color:#BDBDBD;transition:background .3s,color .3s}
.signin.ok .si-gift{background:var(--accent);color:#111}
.si-copy b{font-size:18px;font-weight:600;color:#F2F2F2}
.si-copy span{font-size:15px;color:#8C8C8C;line-height:1.45}
.si-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #1F1F1F;border-radius:14px;background:#0F0F0F}
.si-lbl, .si-cnt{flex:none;font-size:14px;color:#8C8C8C}
.si-bars{flex:1;display:flex;gap:6px}
.si-bars i{flex:1;height:7px;border-radius:99px;background:#222;position:relative;overflow:hidden}
.si-bars i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.signin.ok .si-bars i::after{transform:scaleX(1)}
.signin.ok .si-bars i:nth-child(2)::after{transition-delay:.18s}
.signin.ok .si-bars i:nth-child(3)::after{transition-delay:.36s}
.si-google{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;background:#EDEDED;color:#111;font-size:17px;font-weight:500;transition:background .2s}
.si-google:hover{background:#fff}
.si-google:disabled{cursor:default;background:#DADADA}
.mini-spin.dark{border-color:#BDBDBD;border-top-color:#111}
.si-done{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:999px;border:1px solid #262626;color:#DADADA;font-size:15px;animation:fade .3s both}
.si-terms a{color:var(--accent)}
@media (max-width:480px){
  .si-row{flex-wrap:wrap}
  .si-bars{order:3;flex-basis:100%}
  .si-copy b{font-size:16px}
}
#island-root{position:absolute;top:78px;left:0;right:0;z-index:55;display:flex;justify-content:center;pointer-events:none;padding:0 16px}
.isl{pointer-events:auto;display:flex;align-items:center;gap:10px;height:48px;max-width:48px;padding:0 14px 0 6px;border-radius:999px;background:#1E1E1E;border:1px solid #363636;box-shadow:0 0 0 6px rgba(8,8,8,.92),0 18px 44px rgba(0,0,0,.7);overflow:hidden;white-space:nowrap;animation:islIn .7s cubic-bezier(.3,1.25,.45,1) forwards}
.isl.wide{animation-name:islInW;padding-right:6px}
.isl-logo{flex:none;width:36px;height:36px;border-radius:50%;background:#0B0B0B;display:grid;place-items:center}
.isl-logo img{width:26px;height:26px;animation:islBob .9s ease-in-out .15s both}
.isl-txt{font-size:15px;color:#EDEDED;opacity:0;animation:fade .25s .32s forwards;overflow:hidden;text-overflow:ellipsis}
.isl-txt b{font-weight:600}
.isl-ok{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#111;display:grid;place-items:center;transform:scale(0);animation:pop .35s cubic-bezier(.2,.9,.3,1.5) .5s forwards}
.isl-ok svg{width:13px;height:13px}
.isl-cta{flex:none;height:36px;padding:0 16px;margin-left:6px;border:0;border-radius:999px;background:var(--fg);color:#0A0A0A;font-size:14px;font-weight:600;opacity:0;animation:fade .25s .4s forwards}
.isl-x{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#8C8C8C;display:grid;place-items:center;opacity:0;animation:fade .25s .45s forwards}
.isl-x:hover{background:#1F1F1F;color:#EDEDED}
.isl.out{animation:islOut .38s cubic-bezier(.5,0,.75,0) forwards}
@keyframes islIn{0%{max-width:48px;transform:translateY(-18px) scale(.6);opacity:0}30%{max-width:48px;transform:none;opacity:1}100%{max-width:420px;transform:none;opacity:1}}
@keyframes islInW{0%{max-width:48px;transform:translateY(-18px) scale(.6);opacity:0}30%{max-width:48px;transform:none;opacity:1}100%{max-width:560px;transform:none;opacity:1}}
@keyframes islOut{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px) scale(.85);max-width:48px}}
@keyframes islBob{0%{transform:scale(.6) rotate(-20deg)}45%{transform:scale(1.15) rotate(8deg)}70%{transform:scale(.95) rotate(-3deg)}100%{transform:none}}
@media (max-width:480px){
  #island-root{top:70px}
  .isl-cta{padding:0 12px;font-size:13px}
}
.popbox{border:1px solid #262626;border-radius:20px;background:var(--card);padding:8px 8px 8px;margin-top:8px;transition:opacity .25s,transform .25s}
.popbox.gone{opacity:0;transform:translateY(6px)}
.popbox-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 12px 8px 14px}
.popbox-h b{display:block;font-size:16px;font-weight:600;color:#F2F2F2}
.popbox-h span{font-size:13px;color:#8C8C8C}
.poprow{display:flex;align-items:center;gap:14px;padding:12px 14px;border-top:1px solid #1A1A1A}
.popm{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.popm b{font-size:15px;font-weight:500;color:#E6E6E6}
@media (max-width:480px){
  .poprow{flex-wrap:wrap}
  .poprow .chtry{margin-left:auto}
}
.rlist .tlr b{font-weight:500}
.isl.wide .isl-txt{flex:none}
.gone{display:none!important}
.app.in-chat .hdr-title{display:none}
.stp-row{display:flex;align-items:center;min-width:0}
.stp-ico{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #333;font-size:13px;font-weight:600;transition:background .3s,border-color .3s,color .3s}
.stp.done{color:#BDBDBD}
.stp.done .stp-ico{background:#262626;border-color:#262626;color:#EDEDED}
.stp.done .stp-ico svg{width:13px;height:13px}
.stp.cur{background:#1A1A1A;color:#F2F2F2}
.stp.cur .stp-ico{background:var(--accent);border-color:var(--accent);color:#111}
.stp-isl{position:absolute;top:50%;z-index:6;display:flex;align-items:center;gap:10px;height:38px;padding:0 14px 0 3px;border-radius:999px;background:#1E1E1E;border:1px solid #363636;box-shadow:0 0 0 5px rgba(8,8,8,.92),0 16px 36px rgba(0,0,0,.65);overflow:hidden;white-space:nowrap;transform:translateY(-50%);transition:width .55s cubic-bezier(.3,1.3,.45,1),left .55s cubic-bezier(.3,1.3,.45,1),height .45s cubic-bezier(.3,1.3,.45,1),opacity .3s}
.stp-isl.open{height:46px}
.stp-isl.closing{opacity:0;height:38px;transition-duration:.4s,.4s,.3s,.35s}
.stp-isl .isl-logo{width:36px;height:36px}
.stp-isl .isl-txt{font-size:15px}
@media (max-width:1280px){
  .stp-line{width:14px}
  .stp{padding:0 12px 0 6px;font-size:14px}
}
@media (max-width:1080px){
  .stp:not(.cur) .stp-l{display:none}
  .stp:not(.cur){padding:0 4px}
  .stp-line{width:12px}
}
@media (max-width:640px){
  .app.in-chat .vtag{display:none}
  .steps{justify-content:flex-start;overflow:visible}
  .stp-line{width:6px}
  .stp{gap:7px;height:34px}
  .stp-ico{width:24px;height:24px;font-size:12px}
  .stp.cur{padding-right:12px}
  .stp-isl .isl-txt{font-size:14px}
}
@keyframes attnPop{0%{opacity:0;transform:translateY(-14px) scale(.6)}100%{opacity:1;transform:none}}
@keyframes attnRing{0%{box-shadow:0 0 0 0 rgba(248,179,0,.5)}100%{box-shadow:0 0 0 12px rgba(248,179,0,0)}}
@keyframes rotIn{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
@keyframes rotOut{to{transform:translateY(-100%);opacity:0}}
.gbub{display:flex;align-items:flex-end;gap:10px}
.gbub-m{width:34px;height:34px;animation:float 3.2s ease-in-out infinite}
.gbub-b{margin:0 0 14px;padding:10px 16px;border-radius:16px 16px 16px 4px;background:#141414;border:1px solid #262626;font-size:14px;color:#BDBDBD;animation:rise .5s .2s both}
.linkcta{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}
.linkcta:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){
  .gbub{width:100%}
  .gbub-b{margin-bottom:6px}
}
.fpill svg{transition:transform .2s}
.fpill.open{color:var(--fg);border-color:#3A3A3A;background:#141414}
.fpill.open svg{transform:rotate(180deg)}
.drop-scrim{position:absolute;inset:0;z-index:58}
.drop{position:absolute;z-index:59;min-width:240px;max-width:300px;padding:6px;border-radius:16px;background:#121212;border:1px solid #2A2A2A;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:dropIn .2s cubic-bezier(.2,.8,.2,1) both}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.drop-h{display:flex;justify-content:space-between;align-items:center;min-height:30px;padding:4px 10px 6px;font-size:12px;font-weight:600;color:#6E6E6E;text-transform:uppercase;letter-spacing:.06em}
.drop-h .textbtn{font-size:12px;text-transform:none;letter-spacing:0;color:#BDBDBD}
.dopt{width:100%;padding:9px 10px;border-radius:10px;animation:none;font-size:14px}
.dopt:hover, .dopt:focus-visible{background:#1A1A1A}
.drop-scroll{max-height:320px;overflow:auto}
.ologo.mono{display:grid;place-items:center;font-size:11px;font-weight:700;color:#CFCFCF}
.vopt .vico{display:grid;place-items:center;color:#7A7A7A}
.vopt.on .vico{color:#fff}
.vchk{margin-left:auto;color:var(--accent);display:grid;place-items:center}
.vchk svg{width:14px;height:14px}
.chcard{display:flex;flex-direction:column;border:1px solid #222;border-radius:22px;overflow:hidden;cursor:pointer;transition:border-color .2s;animation:rise .45s cubic-bezier(.2,.8,.2,1) both;background:#0B0B0B}
.chtop{padding:30px 16px 24px;border-bottom:1px solid #1C1C1C;position:relative;overflow:hidden;background:#0A0A0A}
.chtop::before, .chtop::after{content:"";position:absolute;inset:0;pointer-events:none;background-size:16px 16px}
.chtop::before{background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px)}
.chtop::after{background-image:radial-gradient(rgba(255,232,180,.55) 1px,transparent 1.5px),radial-gradient(160px circle at var(--mx,50%) var(--my,50%),rgba(248,179,0,.05),transparent 70%);background-size:16px 16px,100% 100%;-webkit-mask-image:radial-gradient(150px circle at var(--mx,50%) var(--my,50%),#000,transparent 75%);mask-image:radial-gradient(150px circle at var(--mx,50%) var(--my,50%),#000,transparent 75%);opacity:0;transition:opacity .35s}
.chcard:hover .chtop::after{opacity:.6}
.chflow{display:flex;align-items:flex-start;justify-content:center;position:relative;z-index:1}
.chbody{flex:1;display:flex;flex-direction:column;gap:10px;padding:22px 24px 22px;background:#111;transition:background .25s}
.chcard:hover .chbody{background:#131313}
.chi img{object-fit:contain;width:28px;height:28px}
.chi.g img{width:34px;height:34px}
.chi.multi .ti{width:56px;height:56px;border-radius:16px;border:1px solid #2A2A2A;background:#151515;box-shadow:-8px 0 14px rgba(0,0,0,.55)}
.chi.multi .ti:first-child{box-shadow:none}
.chi.multi .ti img{width:28px;height:28px}
.chi.multi .ti + .ti{margin-left:-20px}
.chi.multi .ti.more{font-size:15px}
.chk{flex:none;width:28px;height:1px;background:#3A3A3A;margin-top:28px}
@media (max-width:480px){
  .chi, .chi.multi .ti{width:46px;height:46px;border-radius:14px}
  .chi.g{width:50px;height:50px}
  .chi.multi .ti + .ti{margin-left:-18px}
  .chk{margin-top:23px}
}
.fbbox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border-radius:22px;background:#111;border:1px solid #262626;margin:2px 0 8px}
.fbopt{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border:1px solid transparent;border-radius:16px;background:#161616;color:#DADADA;font-size:15px;font-weight:500;transition:background .2s,border-color .2s,color .2s;animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.fbopt:hover, .fbopt:focus-visible{background:#1C1C1C;border-color:#333;color:#fff}
.fbi{width:42px;height:42px;border-radius:50%;background:#0C0C0C;border:1px solid #2A2A2A;display:grid;place-items:center;color:#BDBDBD;transition:color .2s,border-color .2s,transform .25s cubic-bezier(.3,1.4,.5,1)}
.fbopt:hover .fbi{color:var(--accent);border-color:rgba(248,179,0,.4);transform:scale(1.1)}
.fbl{text-align:center}
@media (max-width:560px){
  .fbbox{grid-template-columns:1fr}
  .fbopt{flex-direction:row;padding:12px 14px}
}
.happy{display:flex;align-items:flex-start;gap:14px;margin:4px 0}
.hm{position:relative;flex:none;width:46px;height:46px;border-radius:50%;background:#151515;border:1px solid #2A2A2A;display:grid;place-items:center}
.hm img{width:32px;height:32px;animation:hop .9s cubic-bezier(.3,1.4,.5,1) 2}
.hm i{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;animation:spark .9s ease-out .15s both}
.hm i:nth-of-type(2n){background:#fff;width:4px;height:4px}
.hm i:nth-of-type(1){--a:0deg}
.hm i:nth-of-type(2){--a:60deg}
.hm i:nth-of-type(3){--a:120deg}
.hm i:nth-of-type(4){--a:180deg}
.hm i:nth-of-type(5){--a:240deg}
.hm i:nth-of-type(6){--a:300deg}
@keyframes hop{0%,100%{transform:none}40%{transform:translateY(-7px) rotate(-8deg) scale(1.08)}70%{transform:translateY(0) rotate(4deg)}}
@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}100%{opacity:0;transform:rotate(var(--a)) translateY(-36px) scale(1)}}
.happy .gtext{padding-top:10px}
.happy .gtext p{margin:0}
.rbadge{display:inline-flex;align-items:center;height:22px;padding:0 9px;margin-right:8px;border-radius:999px;background:rgba(248,179,0,.1);color:var(--accent);font-size:12px;font-weight:600;vertical-align:middle}
.rbadge.alt{background:rgba(143,180,255,.1);color:#8FB4FF}
.qbox, .bform, .bsum{display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid #262626;border-radius:22px;background:var(--card);margin:4px 0 8px;transition:opacity .25s,transform .25s}
.bform.gone{opacity:0;transform:translateY(6px)}
.qb-top{display:flex;align-items:flex-start;gap:14px}
.qb-ico{flex:none;width:48px;height:48px;border-radius:14px;background:#151515;border:1px solid #262626;display:grid;place-items:center}
.qb-ico img{width:30px;height:30px}
.qb-top div, .bf-h{display:flex;flex-direction:column;gap:4px}
.qb-top b, .bf-h b{font-size:17px;font-weight:600;color:#F2F2F2}
.qb-top span, .bf-h span{font-size:14px;line-height:1.5;color:#8C8C8C}
.qb-cta{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;background:#111;border:1px solid #1F1F1F}
.qb-cta > div{flex:1;display:flex;flex-direction:column;gap:4px}
.qb-cta b{font-size:15px;color:#EDEDED;font-weight:600}
.qb-cta span{font-size:14px;color:#8C8C8C;line-height:1.45}
.qb-btn{height:42px;padding:0 20px;font-size:14px;flex:none}
.qb-btn.timer{background:#1A1A1A;color:#8C8C8C;font-size:13px;font-variant-numeric:tabular-nums;cursor:default;gap:8px}
.mini-clock{width:13px;height:13px;border-radius:50%;border:1.5px solid currentColor;position:relative}
.mini-clock::after{content:"";position:absolute;left:4.5px;top:1.5px;width:1.5px;height:4px;background:currentColor;border-radius:1px}
@media (max-width:560px){
  .qb-cta{flex-direction:column;align-items:stretch}
}
.bf-f{display:flex;flex-direction:column;gap:8px}
.bf-l{font-size:13px;color:#8C8C8C;font-weight:500}
.bform textarea{width:100%;resize:vertical;min-height:84px;padding:12px 14px;border-radius:14px;border:1px solid #2A2A2A;background:#0F0F0F;color:#EDEDED;font:inherit;font-size:15px;line-height:1.5}
.bform textarea:focus{outline:none;border-color:#4A4A4A}
.bf-tools, .bs-tools{display:flex;flex-wrap:wrap;gap:8px}
.bf-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 4px 0 5px;border-radius:999px;border:1px solid #2A2A2A;background:#141414;font-size:14px;color:#DADADA}
.bf-chip.ro{padding-right:12px}
.bf-ci{width:26px;height:26px;border-radius:50%;background:#0C0C0C;display:grid;place-items:center;color:#CFCFCF}
.bf-ci img, .bf-ci svg{width:14px;height:14px}
.bf-ci b{font-size:11px!important}
.bf-chip button{width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:#8C8C8C;display:grid;place-items:center}
.bf-chip button:hover{background:#222;color:#fff}
.bf-chip button svg{width:14px;height:14px}
.bf-add{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px dashed #333;color:#BDBDBD;font-size:14px;cursor:pointer}
.bf-add:hover{border-color:#555;color:#fff}
.bf-add select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.bf-amt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bf-in{display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 14px;border-radius:14px;border:1px solid #2A2A2A;background:#0F0F0F}
.bf-in:focus-within{border-color:#4A4A4A}
.bf-in b{color:#8C8C8C;font-weight:500}
.bf-in input{width:110px;border:0;background:transparent;color:#F2F2F2;font-size:17px;font-weight:600;outline:none}
.bf-pre{display:flex;gap:6px;flex-wrap:wrap}
.bf-p{height:36px;padding:0 12px;border-radius:999px;border:1px solid #2A2A2A;background:transparent;color:#BDBDBD;font-size:13px}
.bf-p.on{border-color:rgba(248,179,0,.5);color:var(--accent);background:rgba(248,179,0,.06)}
.bf-err{margin:0;color:#FF9A8A;font-size:13px}
.bf-foot .btn-w, .bf-foot .btn-g{height:42px;padding:0 20px;font-size:14px}
.bsum{gap:12px;animation:rise .4s both}
.bs-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bs-what{margin:0;font-size:15px;line-height:1.5;color:#DADADA}
.chi{background:#151515;border:1px solid #262626;display:grid;place-items:center;color:#D6D6D6;width:56px;height:56px;border-radius:16px;margin-top:2px}
.chi.g{border-radius:50%;width:60px;height:60px;margin-top:0}
.chi.multi{width:auto;padding:0;border:0;background:transparent;margin-top:2px}
.stp.cur .stp-l{color:#F2F2F2}
.stp.done .stp-l{color:#BDBDBD}
.ti.more{font-size:12px;font-weight:600;color:#BDBDBD}
.poprow > .istack{justify-content:flex-start;width:auto;min-width:58px}
@media (max-width:480px){
  .chi.multi .ti{width:38px;height:38px;border-radius:12px}
  .chi.multi .ti img{width:20px;height:20px}
  .chi.multi .ti + .ti{margin-left:-16px}
  .chi.multi .ti.more{font-size:12px}
}
.vtag{flex:none;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:rgba(248,179,0,.1);color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap;display:none}
.steps{list-style:none;margin:0;padding:0;flex:1;min-width:0;display:flex;position:relative;height:48px;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:4px;gap:0}
button.stp{border:0;background:transparent;font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.stp.done:hover .stp-l{color:#fff}
.stp.done:hover .stp-ico{background:#333}
.stp.grow, .stp.settling{overflow:hidden;white-space:nowrap;transition:width .55s cubic-bezier(.3,1.25,.45,1),background .3s,height .4s cubic-bezier(.3,1.25,.45,1)}
.stp.grow{gap:10px;height:44px;padding:0 14px 0 4px;background:#1E1E1E;box-shadow:inset 0 0 0 1px #363636;color:#F2F2F2;cursor:default}
.stp.grow .isl-logo{width:36px;height:36px}
.stp.grow .isl-txt{font-size:15px;font-weight:500;overflow:visible}
.stp.settling{padding:0 14px 0 6px}
.flash{animation:flashIt 1.4s ease-out}
@keyframes flashIt{0%{background:rgba(248,179,0,.08);box-shadow:0 0 0 8px rgba(248,179,0,.08);border-radius:16px}100%{background:transparent;box-shadow:0 0 0 8px rgba(248,179,0,0);border-radius:16px}}
@media (max-width:640px){
  .steps{overflow:hidden}
  button.stp{font-size:14px}
  .stp.grow{height:40px}
  .stp.grow .isl-logo{width:32px;height:32px}
  .stp.grow .isl-txt{font-size:14px}
}
.signin{border:1px solid #262626;border-radius:22px;background:var(--card);display:flex;flex-direction:column;margin:4px 0 8px;padding:28px;gap:24px}
.si-top{display:flex;align-items:center;gap:18px}
.si-copy{display:flex;flex-direction:column;min-width:0;gap:6px}
.si-gift2{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.si-tokens{display:flex;gap:6px}
.signin.ok .si-tokens i{background:var(--accent);border:1.5px solid var(--accent);box-shadow:0 0 14px rgba(248,179,0,.35);animation:pop .45s cubic-bezier(.2,.9,.3,1.5) both}
.signin.ok .si-tokens i:nth-child(2){animation-delay:.15s}
.signin.ok .si-tokens i:nth-child(3){animation-delay:.3s}
.signin.ok .si-tokens i:nth-child(4){animation-delay:.45s}
.signin.ok .si-tokens i:nth-child(5){animation-delay:.6s}
.si-gt{font-size:15px;color:#9A9A9A}
.si-gt b{color:#EDEDED;font-weight:600}
.signin.ok .si-gt b{color:var(--accent)}
.si-terms{margin:0;text-align:center;font-size:13px;color:#7A7A7A;margin-top:-6px}
.mytabs{display:inline-flex;gap:4px;padding:4px;margin-top:22px;border-radius:999px;background:#101010;border:1px solid #1E1E1E}
.mytab:hover{color:#E6E6E6}
.mytab b{min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#1C1C1C;color:#BDBDBD;font-size:12px;display:grid;place-items:center}
.mytab.on{background:#1E1E1E;color:#F2F2F2}
.mytab.on b{background:var(--accent);color:#111}
.mytab .needdot{width:7px;height:7px;margin:0;box-shadow:none}
.mb-list{margin-top:18px}
.mb-row{justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.my-name{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.my-cta{height:38px!important;padding:0 16px!important;font-size:14px!important}
.bform2{border:1px solid #262626;border-radius:24px;background:var(--card);margin:4px 0 8px;overflow:hidden;transition:opacity .25s,transform .25s}
.bform2.gone{opacity:0;transform:translateY(6px)}
.bf2-h{display:flex;align-items:flex-start;gap:12px;padding:22px 24px;border-bottom:1px solid #1C1C1C}
.bf2-h > div{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.bf2-h b{font-size:18px;font-weight:600;color:#F2F2F2}
.bf2-h span{font-size:14px;color:#7A7A7A}
.bf2-chip{flex:none;height:30px;padding:0 12px;border-radius:999px;background:#1A1A1A;color:#BDBDBD!important;font-size:13px!important;font-weight:500;display:inline-flex;align-items:center}
.bf2-saved{flex:none;align-self:center;font-size:12px!important;color:#6FD68A!important;opacity:0;transition:opacity .25s}
.bf2-saved.on{opacity:1}
.bf2-body{padding:14px 24px 22px;display:flex;flex-direction:column;gap:18px}
.bpts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.bp{display:flex;align-items:center;gap:14px;margin:0 -10px;padding:8px 10px;border-radius:14px;transition:background .15s,opacity .2s}
.bp:hover, .bp:focus-within{background:#141414}
.bp.gone{opacity:0}
.bp-n{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid #333;display:grid;place-items:center;font-size:12px;color:#8C8C8C}
.bp-t{flex:1;min-width:0;font-size:15px;line-height:1.45;color:#E6E6E6;outline:none;padding:2px 0;cursor:text}
.bp-t:focus{color:#fff}
.bp-x{flex:none;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#8C8C8C;display:grid;place-items:center;opacity:0;transition:opacity .15s,background .15s}
.bp-x svg{width:14px;height:14px}
.bp:hover .bp-x, .bp:focus-within .bp-x{opacity:1}
.bp-x:hover{background:#222;color:#fff}
@media (hover:none){
  .bp-x{opacity:.7}
}
.bp-add{display:flex;align-items:center;gap:14px;margin:-6px -10px 0;padding:8px 10px;border-radius:14px;cursor:text}
.bp-add:hover{background:#111}
.bp-dash{flex:none;width:26px;height:26px;border-radius:8px;border:1.5px dashed #3A3A3A}
.bp-add input{flex:1;min-width:0;border:0;background:transparent;color:#EDEDED;font:inherit;font-size:15px;outline:none}
.bp-add input::placeholder{color:#5E5E5E}
.bf2-sec{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid #1A1A1A}
.bf2-money{display:inline-flex;align-items:baseline;gap:4px;font-size:32px;font-weight:600;color:#F2F2F2;border-bottom:1.5px dashed transparent;transition:border-color .2s;cursor:text}
.bf2-money:hover, .bf2-money:focus-within{border-bottom-color:#3A3A3A}
.bf2-money span{color:#7A7A7A;font-weight:500;font-size:24px}
.bf2-money input{border:0;background:transparent;color:inherit;font:inherit;outline:none;padding:0;width:auto;font-variant-numeric:tabular-nums}
.bf2-note{font-size:13px;color:#6E6E6E}
.bban{display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid #2A2A2A;border-radius:24px;background:linear-gradient(180deg,#121212,#0C0C0C);margin:4px 0 8px}
.bban.in{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}
.bb-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bb-upd{height:38px!important;padding:0 16px!important;font-size:14px!important}
.bb-mid{display:flex;flex-direction:column;gap:6px}
.bb-k{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--accent);font-weight:600}
.bb-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:blink 1.6s infinite}
.bban h3{margin:0;font-size:20px;font-weight:600;line-height:1.3;color:#F2F2F2}
.bb-sub{font-size:14px;color:#8C8C8C}
.bb-timer{width:100%;min-height:50px;padding:0 16px;border-radius:999px;border:1px solid #262626;background:#151515;color:#8C8C8C;font-size:14px;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;gap:10px;cursor:not-allowed;text-align:center}
.qb-btn.soft{opacity:.55}
.qb-btn.done{background:#1A1A1A;color:#8C8C8C;cursor:default;gap:8px}
.qb-btn.done svg{width:14px;height:14px}
.nav-btn.ping, .icon-btn.ping{animation:navPing 1.2s ease-out 2}
.nav-btn.ping svg{color:var(--accent)}
@keyframes navPing{0%{background:rgba(248,179,0,.22);box-shadow:0 0 0 0 rgba(248,179,0,.4)}100%{background:rgba(248,179,0,.04);box-shadow:0 0 0 10px rgba(248,179,0,0)}}
@keyframes tipIn{from{opacity:0;transform:translate(-8px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
.waitrow.in{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.waitrow .isl-logo{width:38px;height:38px}
.waitrow .isl-logo img{animation:islBob .9s ease-in-out .15s both}
.wr-t b{color:#F2F2F2;font-weight:600}
.wr-btn{height:38px!important;padding:0 16px!important;font-size:14px!important}
.waitrow.gone{opacity:0;transform:translateY(4px)}
@media (max-width:560px){
  .waitrow{border-radius:20px;flex-wrap:wrap;padding:10px}
  .bb-top{flex-wrap:wrap}
  .bf2-h{flex-wrap:wrap;padding:18px}
  .bf2-body{padding:12px 18px 18px}
}
.udot2.red{--c:#FF5A4E}
.udot2.yellow{--c:#F8B300}
.udot2.green{--c:#4ADE80}
.udot2{position:relative;width:8px;height:8px;border-radius:50%;flex:none;--c:#F8B300;background:var(--c)}
.udot2::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--c);animation:udPulse 1.6s ease-out infinite}
@keyframes udPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.8);opacity:0}}
.waitrow{display:flex;align-items:center;gap:12px;max-width:100%;margin:10px 0 6px;border-radius:999px;background:#151515;border:1px solid #2A2A2A;transition:opacity .2s,transform .2s;width:100%;padding:6px 6px 6px 6px}
.wr-t{font-size:15px;color:#BDBDBD;flex:1;min-width:0;padding-right:4px}
.wr-opts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.wr-opt{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px 0 11px;border-radius:999px;border:1px solid #2E2E2E;background:#1C1C1C;color:#E6E6E6;font-size:14px;font-weight:500;transition:background .2s,border-color .2s,color .2s}
.wr-opt:hover, .wr-opt:focus-visible{background:#262626;border-color:#454545;color:#fff}
.wr-oi{display:grid;place-items:center;color:#9A9A9A;transition:color .2s,transform .25s cubic-bezier(.3,1.4,.5,1)}
.wr-oi svg{width:16px;height:16px}
.wr-opt:hover .wr-oi{color:var(--accent);transform:scale(1.12)}
.askrow{margin:6px 0}
@media (max-width:720px){
  .askrow{flex-wrap:wrap;border-radius:20px;padding:10px}
  .askrow .wr-opts{width:100%;justify-content:flex-start}
  .askrow .wr-opt{flex:1 1 auto;justify-content:center}
}
.qcheck .qcb{flex:none;width:18px;height:18px;border-radius:5px;border:1.5px solid #4A4A4A;display:grid;place-items:center;color:transparent;transition:background .15s,border-color .15s,color .15s}
.qcheck .qcb svg{width:12px;height:12px}
.qcheck:hover .qcb{border-color:#8A8A8A}
.qcheck.on{color:#fff}
.qcheck.on .qcb{background:var(--accent);border-color:var(--accent);color:#111}
.qm-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}
.qgo{height:38px!important;padding:0 16px!important;font-size:14px!important}
.qgo:disabled{opacity:.45;cursor:default}
.qm-foot .qhint{margin:0}
.si-tokens i{width:22px;height:22px;border-radius:50%;border:1.5px dashed #4A4A4A;transition:background .3s,border-color .3s,box-shadow .3s;display:grid;place-items:center;color:#111}
.si-tokens i svg{opacity:0;transform:scale(.4);transition:opacity .25s,transform .3s cubic-bezier(.2,.9,.3,1.5)}
.signin.ok .si-tokens i svg{opacity:1;transform:none;transition-delay:.35s}
.xtop .mytabs{margin-top:0}
.gblock{display:flex;flex-direction:column;margin-bottom:6px}
.bf3{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid #1A1A1A}
.bf3:first-child{padding-top:4px;border-top:0}
.bf3-h{display:flex;flex-direction:column;gap:3px}
.bf3-h b{font-size:15px;font-weight:600;color:#F2F2F2}
.bf3-h span{font-size:13px;color:#7A7A7A}
.bf2-amt{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between}
.bf-sum{margin-right:auto;font-size:13px;color:#8C8C8C}
.bf-sum b{color:#EDEDED;font-weight:600}
.bf-foot{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}
.bb-tt b{margin-left:4px;font-size:16px;font-weight:700;color:#F2F2F2}
.mytab{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#8C8C8C;font-size:14px;font-weight:500;transition:background .2s,color .2s;white-space:nowrap}
@media (max-width:560px){
  #my .xtop{flex-wrap:wrap}
  #my .xtop .ptitle{flex-basis:100%}
}
@media (max-width:420px){
  .stp.cur:not(.grow) .stp-l{display:none}
  .stp.cur{padding-right:4px}
}
.stp.next{cursor:pointer}
.stp.next:hover{color:#9A9A9A}
.stp.next:hover .stp-ico{border-color:#555}
.stp-tog{flex:none;width:34px;height:34px;margin-right:10px;border-radius:10px;border:1px solid #262626;background:transparent;color:#9A9A9A;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}
.stp-tog:hover{background:#151515;color:#F2F2F2;border-color:#333}
.stp-mini{display:none}
.steps.collapsed .stp-row{display:none}
.steps.collapsed .stp-mini{display:flex;align-items:center;gap:9px;height:38px;padding:0 16px 0 6px;border-radius:999px;border:0;background:#1A1A1A;color:#F2F2F2;font-size:15px;font-weight:500;animation:fade .25s both}
.stp-mini .stp-ico{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#111;font-size:13px;font-weight:600;border:0}
.stp-mini .stp-ico.done{background:#262626;color:#EDEDED}
.stp-mini .stp-ico svg{width:13px;height:13px}
.mini-of{color:#7A7A7A;font-size:13px;font-weight:400}
.chide{display:none!important}
.csum:hover{border-color:#2E2E2E}
/* A done step's tick: an outlined ring with a small check, not a filled white dot. */
.csum .ok-dot{width:23px;height:23px;background:#0A0A0A;border:1px solid #2E2E2E;color:#CFCFCF}
.csum .ok-dot svg{width:11px;height:11px}
.run-sep{border-top:1px solid #222;margin-top:28px!important;padding-top:28px}
.csum-c{color:#6E6E6E;font-size:13px}
.csum + .csum{margin-top:0}
.qreply.picked{color:#fff}
.qreply.picked .qr-ico{color:var(--accent)}
.waitrow.pbanner{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;border-radius:26px;padding:6px}
.pbanner .wr-head{display:flex;align-items:center;gap:12px}
.wr-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.pbanner.open .wr-more{grid-template-rows:1fr}
.wr-in{overflow:hidden;min-height:0}
.wr-item{display:flex;align-items:center;gap:14px;margin:0 6px;padding:12px 4px;border-top:1px solid #222;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.wr-item:first-child{margin-top:8px}
.pbanner.open .wr-item{opacity:1;transform:none;transition-delay:calc(var(--d) + .15s)}
.pbanner.open .wr-btn{display:none}
@media (max-width:560px){
  .waitrow.pbanner{border-radius:20px;padding:10px}
  .pbanner .wr-head{flex-wrap:wrap}
  .wr-item{flex-wrap:wrap}
  .wr-item .chtry{margin-left:auto}
}
.wr-item > .istack{width:84px;min-width:84px}
.steps.collapsed .stp-mini > span:nth-child(2){color:#F2F2F2}
.csum-group{display:flex;flex-direction:column;gap:0!important;margin:4px 0}
@keyframes bellShake{0%,100%{transform:rotate(0)}8%{transform:rotate(18deg)}18%{transform:rotate(-16deg)}28%{transform:rotate(13deg)}38%{transform:rotate(-10deg)}48%{transform:rotate(7deg)}58%{transform:rotate(-4deg)}68%{transform:rotate(2deg)}78%{transform:rotate(-1deg)}}
@keyframes haloR{0%{box-shadow:0 0 0 0 rgba(255,84,84,.35)}70%,100%{box-shadow:0 0 0 9px rgba(255,84,84,0)}}
@keyframes haloY{0%{box-shadow:0 0 0 0 rgba(248,179,0,.35)}70%,100%{box-shadow:0 0 0 9px rgba(248,179,0,0)}}
@media (max-width:640px){
  .hdr-r .hbtn{padding:0 11px}
}
.insp-scrim{position:absolute;inset:0;z-index:40;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;animation:fade .3s ease both}
.insp{position:absolute;top:8px;right:8px;bottom:8px;z-index:41;width:min(600px,calc(100% - 16px));display:flex;flex-direction:column;background:#0B0B0B;border:1px solid #1F1F1F;border-radius:20px;box-shadow:-30px 0 80px rgba(0,0,0,.55);overflow:hidden;animation:slidein .42s cubic-bezier(.2,.8,.2,1) both}
.upanel .uhead{gap:12px;padding:20px 18px 14px 26px;border-bottom:1px solid #171717}
.upanel .uhead .caught{margin-right:auto;font-size:13px;color:#7D7D7D}
.upanel .urow{padding:16px 16px 16px 26px;gap:14px}
.upanel .udot{left:11px;top:31px}
.upanel .uicon{width:40px;height:40px;border-radius:12px}
.utab.fy:not(.on){color:#F8B300}
.prio{height:32px;padding:0 14px;border:1px solid #2E2E2E;border-radius:999px;background:transparent;color:#D6D6D6;font-size:13px;font-weight:600;transition:background .2s}
.prio:hover{background:#171717}
.stk-wrap{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.stk-h{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px}
.stk-h b{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8A8A8A}
.stk-h span{font-size:13px;color:#6E6E6E}
.stk{position:relative;padding-bottom:30px}
.stk-c{animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.stk-0{position:relative;z-index:3}
.stk-1, .stk-2{position:absolute;left:0;right:0;top:0;bottom:30px;overflow:hidden;pointer-events:none;transform-origin:center bottom;border-color:#303030!important;background:#151515!important;box-shadow:0 10px 24px rgba(0,0,0,.35)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}
.stk-1{z-index:2;transform:translateY(13px) scale(.95);opacity:.8}
.stk-2{z-index:1;transform:translateY(26px) scale(.9);opacity:.5}
.stk-1 > *, .stk-2 > *{visibility:hidden}
@keyframes stkInA{from{opacity:.6;transform:translateY(13px) scale(.95)}to{opacity:1;transform:none}}
@keyframes stkInB{from{opacity:.6;transform:translateY(13px) scale(.95)}to{opacity:1;transform:none}}
.nlist2{display:flex;flex-direction:column;gap:12px}
.ncard2{padding:20px 20px 18px;border:1px solid #242424;border-radius:18px;background:linear-gradient(180deg,#161616 0%,#0F0F0F 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.25);animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.ncard2.leaving{transition:transform .35s ease,opacity .3s ease;opacity:0;transform:translateY(-14px) scale(.97)}
.nc2-top{display:flex;align-items:center;gap:12px}
.ncard2 .ti{background:#1A1A1A;border-color:#2C2C2C;box-shadow:0 0 0 3px #151515}
.nc2-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.nc2-meta b{font-size:14px;font-weight:600;color:#E6E6E6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nc2-meta span{font-size:12px;color:#7A7A7A}
.nc2-pill{flex:none;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border:1px solid #2C2C2C;border-radius:999px;background:#1B1B1B;color:#D0D0D0;font-size:12px;font-weight:600}
.nc2-pill i{width:6px;height:6px;border-radius:50%;background:#E6E6E6;animation:npulse7 1.8s ease-in-out infinite}
.nc2-pill.re{border-color:rgba(255,84,84,.4);color:#FF8A8A}
.nc2-pill.re i{background:#FF5454}
.nc2-pill.ap{border-color:rgba(248,179,0,.4);color:#F8C140}
.nc2-pill.ap i{background:#F8B300}
@keyframes npulse7{0%,100%{opacity:1}50%{opacity:.35}}
.nc2-t{display:block;margin-top:18px;font-size:17px;font-weight:600;letter-spacing:-0.005em;color:#F2F2F2}
.nc2-p{margin:6px 0 0;font-size:14px;line-height:1.55;color:#9A9A9A}
/* the action checks asked (approvals.why): why this one call needs a yes */
.nc2-why{margin:10px 0 0;padding:8px 12px;border-left:2px solid #F8B300;border-radius:0 8px 8px 0;background:rgba(248,179,0,.06);font-size:13px;line-height:1.5;color:#D6D6D6}
.nc2-list{margin-top:14px;border:1px solid #1E1E1E;border-radius:14px;background:#0B0B0B;overflow:hidden}
.nc2-row{display:flex;align-items:baseline;gap:8px;padding:10px 16px;border-top:1px solid #181818;font-size:14px}
.nc2-row:first-child{border-top:0}
.nc2-row b{font-weight:600;color:#D6D6D6}
.nc2-row span{color:#7A7A7A}
.nc2-row.more span{color:#8A8A8A}
.nc2-row > span{min-width:0;overflow-wrap:anywhere}
/* an approval's long text (core.js approvalBody): markdown, clamped with a fade until opened */
.apx{padding:12px 16px 14px;border-top:1px solid #181818}
.apx:first-child{border-top:0}
.apx-h{margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.apx-b.rtext{padding:0;font-size:14px;line-height:1.6;color:#C9C9C9;overflow-wrap:anywhere}
.apx-b.rtext p + p, .apx-b.rtext p + ul, .apx-b.rtext p + ol, .apx-b.rtext ul + p, .apx-b.rtext ol + p{margin-top:8px}
.apx.clamp .apx-b{max-height:220px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.apx.clamp.open .apx-b{max-height:none;-webkit-mask-image:none;mask-image:none}
.apx-more{margin:10px auto 0;display:flex;width:fit-content}
.apx.open .apx-more svg{transform:rotate(180deg)}
.nc2-f{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #1E1E1E}
.wbtn{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border:0;border-radius:999px;background:#F2F2F2;color:#0A0A0A;font-size:15px;font-weight:600;transition:background .2s}
.wbtn:hover{background:#fff}
.wbtn.sm{height:38px;padding:0 18px;font-size:14px}
.wbtn.off{background:#2A2A2A;color:#8A8A8A;cursor:default}
.ghost2{height:38px;padding:0 16px;border:1px solid #2E2E2E;border-radius:999px;background:transparent;color:#D6D6D6;font-size:14px;font-weight:500;transition:background .2s}
/* "Run this agent again?" (run.js askAgain) */
.again{margin:4px 0 12px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--card);animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.again-top{display:flex;align-items:center;gap:12px}
.again-top h3{flex:1;margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.again-sub{margin:10px 0 16px;color:var(--fg2)}
.again-opt{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--ink)}
.again-opt+.again-opt{margin-top:12px}
.again-t{display:flex;align-items:center;gap:10px;color:var(--fg2)}
.again-t b{color:var(--fg);font-weight:600}
.again-ok{display:grid;place-items:center;width:20px;height:20px;border:1.6px solid #4CC38A;border-radius:50%;color:#4CC38A}
.again-ok svg{width:12px;height:12px}
.again-rec{margin-left:auto;padding:2px 8px;border-radius:8px;background:#1E1E1E;font-size:12px;font-weight:600;color:var(--fg2)}
.again-opt p{margin:8px 0 12px;color:var(--fg2);font-size:14px}
.again-btn{width:100%;justify-content:center}
/* The change card (run.js changeCard) and the rerun's result header */
.pb-ib{flex:none;width:40px;height:44px;border:0;border-radius:12px;display:grid;place-items:center;background:transparent;color:#A8A8A8;cursor:pointer}
.pb-ib:hover{color:var(--fg);background:#232323}
.pb-ib:disabled{opacity:.4;cursor:default;background:transparent}
.pbox:has(.pb-ib:not([hidden])){padding-left:8px}
.pbox textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:480px){
  .pbox:has(.pb-ib:not([hidden])){flex-wrap:wrap;gap:4px 6px;padding-left:12px}
  .pbox:has(.pb-ib:not([hidden])) textarea{order:-1;flex:1 1 100%;padding-left:10px}
  .pbox:has(.pb-ib:not([hidden])) .send{margin-left:auto}
}
.composer-in{position:relative}
.nc2-streak{margin:10px 0 0;font-size:12.5px;color:var(--mute)}
.tl-note{color:var(--dim);font-size:12.5px;font-weight:400}
.chg-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 20px 16px;border-top:1px solid #1E1E1E}
.chg.done,.chg-mini.done{opacity:.8}
.chg-note{margin-left:0!important;color:var(--mute)}
.chg{margin:4px 0 12px;border:1px solid #2A2A2A;border-radius:18px;background:linear-gradient(180deg,#161616 0%,#0F0F0F 100%);animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.chg-h{display:flex;align-items:center;gap:10px;padding:18px 20px 0;font-weight:600;font-size:15.5px}
.chg-ico{width:28px;height:28px;border-radius:8px;background:#1F1F1F;display:grid;place-items:center;color:var(--accent)}
.chg-rows{display:flex;flex-direction:column;gap:8px;padding:14px 20px 16px}
.chg-r{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:12px;align-items:baseline;font-size:14px}
.chg-k{color:var(--mute)}
.chg-v{color:var(--fg2);overflow-wrap:anywhere}
.chg-v s,.chg-mini s{color:#7A7A7A;text-decoration-color:#555}
.chg-v b,.chg-mini b{color:var(--fg);font-weight:600}
.chg-arrow{color:var(--dim);margin:0 6px}
.chg-fine{margin-left:auto;color:var(--dim);font-size:12.5px}
.chg-mini{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 12px;padding:8px 8px 8px 18px;border:1px solid #2A2A2A;border-radius:24px;background:#151515;font-size:14px;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.chg-t{flex:1;min-width:0;color:var(--fg2)}
.rc-tags{display:inline-flex;align-items:center;gap:10px;flex:none}
.ubub .att{display:flex;align-items:center;gap:10px;margin:2px 0 6px;padding:8px 12px 8px 10px;border:1px solid #2E2E2E;border-radius:12px;background:#161616}
.ubub .att:only-child{margin:0}
.ubub .att b{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.ubub .att small{display:block;color:var(--mute);font-size:12px}
.att-i{flex:none;width:30px;height:34px;border-radius:6px;background:#2A2A2A;display:grid;place-items:center;color:#D6D6D6;font-size:9px;font-weight:700;letter-spacing:.02em}
.att-pick{display:flex;flex-wrap:wrap;gap:8px}
.rc-prev{border:0;background:none;padding:0;color:var(--fg2);font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#4A4A4A;cursor:pointer}
@media (max-width:480px){.rc-prev-w{display:none}}
:root[data-screen="phone"] .rc-prev-w{display:none}
.rc-changed{margin:6px 0 0;font-size:13px;color:var(--mute)}
.rc-changed b{color:var(--fg2);font-weight:600}
.xbox.flash{animation:resultFlash 1.4s ease}
@keyframes resultFlash{0%,40%{box-shadow:0 0 0 2px rgba(248,179,0,.6)}100%{box-shadow:0 0 0 0 rgba(248,179,0,0)}}
@media (max-width:560px){.chg-r{grid-template-columns:1fr}.chg-fine{margin-left:0;width:100%}}
.ghost2:hover{background:#171717}
.ndone2{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #262626;border-radius:16px;background:#121212;font-size:14px;font-weight:500;color:#D6D6D6;animation:rise .35s ease both}
.okc2{flex:none;width:22px;height:22px;border-radius:50%;background:#E6E6E6;color:#0A0A0A;display:grid;place-items:center}
.okc2.lg{width:46px;height:46px;background:#1E1E1E;color:#D6D6D6;border:1px solid #2E2E2E}
.okc2.lg svg{width:20px;height:20px}
.nempty2{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:64px 24px;color:#8A8A8A;font-size:14px;line-height:1.5}
.nempty2 b{margin-top:12px;font-size:16px;font-weight:600;color:#F2F2F2}
.csum{display:flex;align-items:center;width:fit-content;max-width:100%;align-self:flex-start;cursor:pointer;border-radius:14px;color:#BDBDBD;text-align:left;animation:rise .3s both;transition:border-color .2s;margin:0;position:relative;border:0!important;background:transparent!important;gap:14px!important;font-size:15px!important;min-height:40px;padding:8px 0!important}
.csum b{min-width:0!important;color:#A3A3A3!important;font-weight:500!important}
.csum:hover b{color:#F2F2F2!important}
.csum-t{min-width:0;flex:none!important;color:#6E6E6E!important;font-weight:400}
/* Only the line itself opens its step (the row no longer spans the thread), and a chevron says it opens. */
.csum .chev{display:grid;place-items:center;margin-left:-6px;color:#5A5A5A;transition:transform .25s,color .2s}
.csum .chev svg{width:14px;height:14px}
.csum:hover .chev{color:#F2F2F2}
.csum.open .chev{transform:rotate(180deg)}
.cs-dot{flex:none;border-radius:50%;border:1px solid #3A3A3A;display:grid;place-items:center;width:23px;height:23px;border-color:#2E2E2E;background:#0A0A0A;color:#CFCFCF}
.cs-dot svg{width:11px;height:11px}
.csum.join::after{content:"";position:absolute;width:1px;left:11px;top:32px;bottom:-9px;background:#262626}
.csum-group.cont{margin-top:-26px}
.hbtn.ping{animation:navPing 1.2s ease-out 2}
.q6{border:1px solid #262626;border-radius:20px;background:#0C0C0C;overflow:hidden}
.q6-top{display:flex;align-items:flex-start;gap:16px;padding:18px 12px 16px 22px;border-bottom:1px solid #1A1A1A}
.q6-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.q6-title.anim{animation:q6in .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes q6in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.q6-text{font-size:17px;font-weight:600;line-height:1.45;color:#F2F2F2;text-wrap:pretty}
.q6-hint{font-size:13px;color:#7D7D7D}
.q6-nav{flex:none;display:flex;align-items:center;gap:2px;margin-top:-5px}
.q6-nav .icon-btn{width:32px;height:32px;border-radius:50%}
.q6-nav .icon-btn:disabled{opacity:.3;cursor:default}
.q6-x{width:32px;height:32px;margin:-5px -2px 0 -6px;border-radius:50%}
.q6-count{min-width:40px;text-align:center;font-size:14px;font-weight:600;color:#F2F2F2;font-variant-numeric:tabular-nums}
.q6-body{padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.q6-body.anim{animation:q6in .35s cubic-bezier(.2,.8,.2,1) both}
.q6-opt{width:100%;display:flex;align-items:center;gap:14px;min-height:50px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#F2F2F2;font-size:15px;text-align:left;transition:background .15s}
.q6-opt:hover{background:#161616}
.q6-opt.on{background:#141414}
.q6-ind{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #4A4A4A;display:grid;place-items:center;color:#0A0A0A;transition:background .18s,border-color .18s}
.q6-ind.box{border-radius:6px}
.q6-ind .dot{width:7px;height:7px;border-radius:50%;background:#0A0A0A;transform:scale(0);transition:transform .2s cubic-bezier(.2,.9,.3,1.4)}
.q6-ind svg{opacity:0;transform:scale(.4);transition:opacity .15s,transform .2s cubic-bezier(.2,.9,.3,1.4)}
.q6-opt.on .q6-ind{background:#F2F2F2;border-color:#F2F2F2}
.q6-opt.on .q6-ind .dot{transform:scale(1)}
.q6-opt.on .q6-ind svg{opacity:1;transform:none}
.q6-rec{margin-left:auto;padding-left:12px;flex:none;font-size:12px;color:#7D7D7D}
.q6-custom{display:flex;align-items:center;gap:14px;min-height:50px;padding:0 6px 0 12px;border-radius:12px}
.q6-custom .q6-ind{border-style:dashed;border-color:#3A3A3A}
.q6-custom.on .q6-ind{border-style:solid;background:#F2F2F2;border-color:#F2F2F2}
.q6-custom input{flex:1;min-width:0;height:40px;border:0;background:transparent;color:#F2F2F2;font-size:15px;outline:none}
.q6-custom input::placeholder{color:#6E6E6E}
.q6-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 22px;border-top:1px solid #1A1A1A;min-height:68px}
.q6-skip{background:none;border:0;padding:0;color:#8A8A8A;font-size:14px;font-weight:500}
.q6-skip:hover{color:#F2F2F2}
.q6-left{display:inline-flex;align-items:center;gap:18px}
/* Edit from the change card: a question it proposed changing says what it was */
.q6-was{display:block;margin-top:6px;font-size:13px;color:var(--accent)}
.q6-was s{color:var(--mute);text-decoration-color:#666}
.q6-done{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:999px;background:#F2F2F2;color:#0A0A0A;font-size:14px;font-weight:600}
.q6-done:disabled{background:#222;color:#6E6E6E;cursor:default}
.dayh{display:flex;align-items:baseline;gap:10px;margin:30px 0 -4px}
.dayh:first-child{margin-top:4px}
.dayh b{font-size:15px;font-weight:600;color:#F2F2F2}
.dayh span{font-size:13px;color:#7A7A7A}
.mybox.past h3{color:#D6D6D6}
.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#111;font-size:12px;font-weight:700;display:grid;place-items:center}
.side-foot .signin-btn{height:44px;font-size:14px}
.pj-v{flex:1;min-width:0;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-sugg{width:100%;display:flex;flex-direction:column;gap:4px;margin-top:-6px}
.hs{display:flex;align-items:center;gap:14px;width:100%;padding:8px 10px;border:0;border-radius:14px;background:transparent;color:#BDBDBD;font-size:16px;text-align:left}
.hs:hover{background:#121212;color:#fff}
.hs .istack .ti{width:40px;height:40px;border-radius:11px}
.idk{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 8px;border:1px solid #262626;border-radius:999px;background:transparent;color:#D6D6D6;font-size:15px}
.idk:hover{background:#141414;color:#fff}
.idk-i{width:30px;height:30px;border-radius:50%;background:#1A1A1A;display:grid;place-items:center;color:#BDBDBD}
.idk > svg{color:#7D7D7D}
.egrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
@media (max-width:1100px){
  .egrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .egrid{grid-template-columns:1fr}
}
.ecard:hover{border-color:#3E3E3E;background:#101010;transform:translateY(-2px)}
.ecard-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.ecard .ti{width:36px;height:36px;border-radius:11px;background:#161616;border-color:#2A2A2A;box-shadow:0 0 0 3px #0E0E0E}
.ecat{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#7D7D7D}
.efoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;font-size:13px;color:#6E6E6E}
.efoot .go-ar{flex:none;color:#5E5E5E;transition:color .2s,transform .2s}
.ecard:hover .go-ar{color:var(--accent);transform:translateX(3px)}
.erec{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid #2E2E2E;border-radius:999px;background:#151515;color:#E6E6E6;font-size:12px;font-weight:600}
.xsub{margin:6px 0 0;font-size:15px;color:#8C8C8C}
.xsec{display:flex;align-items:baseline;justify-content:space-between;margin-top:34px}
.xsec b{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.xsec span{font-size:13px;color:#6E6E6E}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;margin-top:26px;padding:24px;border:1px solid #1C1C1C;border-radius:22px;background:#0A0A0A;overflow:hidden;cursor:pointer;transition:border-color .25s;animation:rise .5s cubic-bezier(.2,.8,.2,1) both}
.hero:hover{border-color:#404040}
.hero::before{content:"";position:absolute;top:-110px;left:20%;width:60%;height:220px;border-radius:50%;background:rgba(255,255,255,.04);filter:blur(48px);opacity:0;transition:opacity .5s;pointer-events:none}
.hero:hover::before{opacity:1}
.hero-l{position:relative;display:flex;flex-direction:column;min-width:0}
.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hflow{display:inline-flex;align-items:center}
.htile{width:44px;height:44px;border-radius:10px;border:1px solid #2A2A2A;background:#111;display:grid;place-items:center}
.htile img{width:24px;height:24px;object-fit:contain}
.hdash{margin:0 4px;color:#525252}
.hdash line{stroke-dasharray:3 3;animation:dashmove 1.2s linear infinite}
@keyframes dashmove{to{stroke-dashoffset:-12}}
.hruns{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid #2A2A2A;border-radius:999px;font-size:12px;font-weight:500;color:#A3A3A3}
.hruns svg{color:var(--accent)}
.hero-k{margin-top:46px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#737373}
.hero h2{margin:8px 0 0;max-width:460px;font-size:30px;line-height:1.15;font-weight:600;letter-spacing:-.015em;color:#E5E5E5}
.hero-d{margin:8px 0 0;max-width:440px;font-size:15px;line-height:1.6;color:#A3A3A3}
.hlive{margin-top:20px;display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border:1px solid #1C1C1C;border-radius:12px;background:#0A0A0A;overflow:hidden}
.hlive-dot{position:relative;flex:none;width:8px;height:8px}
.hlive-dot::before, .hlive-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent)}
.hlive-dot::before{animation:udPulse 1.6s ease-out infinite}
.hlive-t{flex:1;min-width:0;font-size:13px;color:#A3A3A3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:tickIn .45s cubic-bezier(.2,.8,.2,1) both}
.hlive-t b{font-weight:500;color:#E5E5E5}
.hlive-t i{font-style:normal;color:#737373}
@keyframes tickIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero-f{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hsave{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#A3A3A3}
.hbtns{display:flex;align-items:center;gap:8px}
.hbtn-y{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--accent);color:#1C1C1C;font-size:14px;font-weight:600;transition:background .2s,transform .1s}
.hbtn-y:hover{background:#FFC21F}
.hbtn-y:active{transform:scale(.98)}
.hbtn-g{height:40px;padding:0 16px;border:1px solid #2E2E2E;border-radius:999px;background:transparent;color:#D6D6D6;font-size:14px;font-weight:500}
.hbtn-g:hover{background:#161616}
.peek{position:relative;display:flex;flex-direction:column;border:1px solid #1F1F1F;border-radius:14px;background:#0D0D0D;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s}
.hero:hover .peek{transform:translateY(-3px);border-color:#2C2C2C}
.peek-h{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #1A1A1A;background:#111;font-size:12px;color:#8C8C8C}
.peek-h img{width:14px;height:14px}
.peek-h b{color:#E5E5E5;font-weight:600}
.peek-h .sneak{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#737373}
.peek-h .sneak::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.peek-b{padding:14px 16px 18px;display:flex;flex-direction:column;gap:12px}
.peek-b h4{margin:0;font-size:15px;font-weight:600;color:#F2F2F2}
.peek-l{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#737373}
.sw{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.sw span{display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#737373}
.sw span i{height:26px;border-radius:6px;border:1px solid #2A2A2A}
.peek-type{display:flex;align-items:baseline;gap:10px;padding-top:10px;border-top:1px solid #1A1A1A;font-size:12px;color:#8C8C8C}
.peek-type b{font-size:20px;color:#F2F2F2;font-weight:700}
.peek-chips{display:flex;flex-wrap:wrap;gap:6px}
.peek-chips span{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border:1px solid #2A2A2A;border-radius:6px;font-size:11px;color:#A3A3A3}
.peek-edge{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid #1A1A1A}
.peek-edge div{display:flex;align-items:center;gap:8px;font-size:12px;color:#A3A3A3}
.peek-edge div::before{content:"";width:5px;height:5px;border-radius:50%;background:#525252}
@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .hero-k{margin-top:28px}
}
.capline{display:flex;align-items:center;gap:14px;color:#A3A3A3;font-size:15px;font-weight:500}
.capline .dot-ok{width:23px;height:23px}
.capline span{color:#6E6E6E;font-weight:400}
.gsay{display:flex;gap:12px;align-items:flex-start}
.gsay img{flex:none;width:30px;height:28px;object-fit:contain;margin-top:-1px}
.gsay p{margin:0;font-size:17px;line-height:1.55;font-weight:600;color:var(--fg);text-wrap:pretty}
.recgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){
  .recgrid{grid-template-columns:1fr}
}
.recgrid .efoot{padding-top:16px}
.rec-more{display:flex;align-items:center;gap:10px;font-size:14px;color:#7D7D7D}
.rec-more button{background:none;border:0;padding:0;color:#D6D6D6;font-size:14px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#444}
.q6-opt .q6-oi{display:flex;flex:none}
.q6-opt .q6-oi .ti{width:28px;height:28px;border-radius:8px}
.q6-opt .q6-oi .ti img{width:15px;height:15px}
.q6-opt .q6-ol{display:flex;flex-direction:column;gap:1px;min-width:0}
.q6-opt .q6-ol small{font-size:13px;color:#7D7D7D}
.q6-body.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.q6-body.grid2 .q6-custom{grid-column:1/-1}
.q6-free textarea:focus{border-color:#3E3E3E}
.q6-free-m{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 4px;font-size:12px;color:#6E6E6E}
.q6-free-m .mic{display:inline-flex;align-items:center;gap:6px}
.tpick{border:1px solid #262626;border-radius:20px;background:#0C0C0C;overflow:hidden}
.tpick-h{padding:18px 22px 16px;border-bottom:1px solid #1A1A1A;display:flex;flex-direction:column;gap:4px}
.tpick-h b{font-size:17px;font-weight:600}
.tpick-h span{font-size:13px;color:#7D7D7D}
.tpick-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 16px}
@media (max-width:700px){
  .tpick-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.tp{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border:1px solid #232323;border-radius:14px;background:#101010;color:#E6E6E6;text-align:left;transition:border-color .15s,background .15s}
.tp:hover{border-color:#383838;background:#131313}
.tp.on{border-color:#F2F2F2;background:#161616}
.tp .ticon{flex:none;width:36px;height:36px;border-radius:10px;background:#1A1A1A;display:grid;place-items:center;color:#E6E6E6}
.tp .ticon img{width:20px;height:20px;object-fit:contain}
.tp .ticon b{font-size:14px}
.tp .tpm{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.tp .tpm b{font-size:15px;font-weight:500}
.tp .tpm small{font-size:12px;color:#7D7D7D}
.tp .tpc{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid #4A4A4A;display:grid;place-items:center;color:#0A0A0A;transition:all .15s}
.tp .tpc svg{opacity:0;transform:scale(.4);transition:all .2s cubic-bezier(.2,.9,.3,1.4)}
.tp.on .tpc{background:#F2F2F2;border-color:#F2F2F2}
.tp.on .tpc svg{opacity:1;transform:none}
.tpick-f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 22px;border-top:1px solid #1A1A1A;min-height:68px;font-size:13px;color:#7D7D7D}
.connall .cm b{font-size:16px;font-weight:500}
.signin.plain .si-logo .si-gift{display:none}
.si-exist{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border:1px solid #262626;border-radius:14px;background:#111;animation:fade .35s both}
.si-exist .ex-i{flex:none;width:32px;height:32px;border-radius:50%;background:#1E1E1E;display:grid;place-items:center;color:#E6E6E6}
.si-exist .ex-c{display:flex;flex-direction:column;gap:3px;font-size:14px;color:#9A9A9A;line-height:1.5}
.si-exist .ex-c b{font-size:15px;color:#F2F2F2;font-weight:600}
.signin.existing .si-gift{background:#1F1F1F!important;color:#BDBDBD!important}
.upanel .uhead h2{letter-spacing:-0.01em;font-size:20px}
.ap-body{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 28px}
.ap-stack{position:relative;padding-bottom:28px;isolation:isolate}
.ap-stack .ncard2{touch-action:pan-y;user-select:none}
.ap-stack .ncard2.drag{transition:none}
.ap-stack .ncard2.snap{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ap-ghost{position:absolute;left:0;right:0;top:0;bottom:28px;border:1px solid #303030;border-radius:18px;background:#151515;pointer-events:none;transform-origin:center bottom}
.ap-ghost.g1{z-index:0;transform:translateY(12px) scale(.95);opacity:.75}
.ap-ghost.g2{z-index:0;transform:translateY(24px) scale(.9);opacity:.45}
.ap-swipe{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:6px;border:1px solid #232323;border-radius:999px;background:#0B0B0B}
.ap-swipe button{width:32px;height:32px;border:0;border-radius:50%;background:#181818;color:#D6D6D6;display:grid;place-items:center}
.ap-swipe button:hover:not(:disabled){background:#242424;color:#fff}
.ap-swipe button:disabled{opacity:.3;cursor:default}
.ap-sm{display:flex;align-items:center;gap:10px;font-size:12px;color:#8A8A8A;font-variant-numeric:tabular-nums}
.ap-sm .ap-dots{display:flex;gap:5px}
.ap-sm .ap-dots i{width:6px;height:6px;border-radius:50%;background:#333;transition:all .3s}
.ap-sm .ap-dots i.cur{width:18px;border-radius:4px;background:#E6E6E6}
.ap-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:#5E5E5E}
.btn-err{height:38px;padding:0 16px;border:1px solid #6B1A1A;border-radius:999px;background:#3B0D0D;color:#FFB4B4;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}
.btn-err:hover{background:#4A1111;border-color:#8A2222;color:#FFD0D0}
.btn-err:disabled{opacity:.5;cursor:default}
.ap-list{display:flex;flex-direction:column;gap:14px}
.ap-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;text-align:center;color:#8A8A8A;font-size:14px}
.ap-empty b{font-size:17px;color:#F2F2F2}
.ap-empty .okc2.lg{margin-bottom:4px}
.ap-empty button{margin-top:10px}
.ap-done{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:14px;border:1px solid #1F1F1F;border-radius:14px;background:#0F0F0F;font-size:14px;color:#D6D6D6}
.uph{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.uph .ptitle{margin:0}
.upbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px}
.upbar .textbtn2{background:none;border:0;padding:0;color:var(--accent);font-size:14px;font-weight:500}
.upsw{margin-top:18px}
.uday{margin:26px 0 10px;display:flex;align-items:baseline;gap:10px}
.uday b{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.uday span{font-size:13px;color:#5E5E5E}
.utype{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}
.utype i{width:6px;height:6px;border-radius:50%;background:currentColor}
.uico{position:relative;flex:none;width:44px;height:44px;border-radius:13px;border:1px solid #262626;background:#151515;display:grid;place-items:center;color:#E6E6E6}
.uico > img{width:22px;height:22px;object-fit:contain}
.uico .sub{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:6px;background:#0A0A0A;border:1px solid #2A2A2A;display:grid;place-items:center}
.uico .sub img{width:12px;height:12px}
.uprog2{display:flex;align-items:center;gap:10px;font-size:12px;color:#8A8A8A}
.uprog2 .t{flex:1;max-width:220px;height:5px;border-radius:99px;background:#222;overflow:hidden}
.uprog2 .f{display:block;height:100%;border-radius:inherit}
.unread-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.ufeed{border:1px solid #1F1F1F;border-radius:20px;background:var(--card);overflow:hidden}
.ufa{position:relative;display:flex;gap:16px;align-items:flex-start;padding:20px 22px 20px 32px;border-top:1px solid #171717;animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.ufa:first-child{border-top:0}
.ufa .unread-dot{left:14px;top:38px}
.ufa-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ufa-t{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ufa-t b{font-size:16px;font-weight:600;color:#F2F2F2}
.ufa-t span{flex:none;font-size:13px;color:#6E6E6E}
.ufa p{margin:0;font-size:14px;line-height:1.55;color:#9A9A9A}
.ufa-f{display:flex;align-items:center;gap:12px;margin-top:6px}
.ucards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:760px){
  .ucards{grid-template-columns:1fr}
}
.ucb{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #242424;border-radius:20px;background:linear-gradient(180deg,#121212,#0D0D0D);animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.ucb .unread-dot{right:18px;top:18px}
.ucb-top{display:flex;align-items:center;gap:12px}
.ucb-top .ucb-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ucb-who b{font-size:13px;font-weight:600;color:#D6D6D6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ucb-who span{font-size:12px;color:#6E6E6E}
.ucb h3{margin:4px 0 0;font-size:17px;line-height:1.35;font-weight:600;color:#F2F2F2}
.ucb p{margin:0;font-size:14px;line-height:1.55;color:#9A9A9A}
.ucb-f{margin-top:auto;padding-top:14px;border-top:1px solid #1C1C1C;display:flex;align-items:center;justify-content:space-between;gap:12px}
.utc-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.utc-m b{font-size:15px;font-weight:500;color:#E6E6E6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.utc-m span{font-size:13px;color:#7A7A7A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.utc-r{flex:none;display:flex;align-items:center;gap:14px}
.utc.unread .utc-m b{color:#fff;font-weight:600}
.lnk{background:none;border:0;padding:0;color:#E6E6E6;font-size:13px;font-weight:600;white-space:nowrap}
.lnk:hover{color:var(--accent)}
.rtab tr:last-child td{border-bottom:0}
.rtab td:first-child{color:#F2F2F2;font-weight:500}
.rtab .mt{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
.rtab .mt i{display:block;width:44px;height:5px;border-radius:99px;background:#222;overflow:hidden}
.rtab .mt i span{display:block;height:100%;background:#6FD68A;border-radius:inherit}
.rtab-w{overflow:auto;margin:0 -6px;max-height:300px;overscroll-behavior:contain}
.rtab-w::-webkit-scrollbar{width:8px;height:8px}
.rtab-w::-webkit-scrollbar-thumb{background:#2A2A2A;border-radius:8px}
.rtab-w::-webkit-scrollbar-corner{background:transparent}
.rtab{width:100%;border-collapse:collapse;font-size:14px} /* cells don't wrap, so .rtab-w scrolls sideways only when the columns don't fit */
.rtab th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6E6E6E;border-bottom:1px solid #1E1E1E;white-space:nowrap;position:sticky;top:0;background:#080808;z-index:1;padding:14px 18px!important}
.rtab td{border-bottom:1px solid #161616;color:#BDBDBD;white-space:nowrap;padding:18px!important}
.rtab td.em{color:#8C8C8C}
.tlin.tab{padding:6px 12px 0}
.rimgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 0 14px}
.rimg{display:flex;flex-direction:column;gap:8px}
.rimg-a{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:14px;color:#111}
.rimg-a.story{aspect-ratio:9/12}
.rimg-a .rk{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.rimg-a .rh{font-size:19px;line-height:1.1;font-weight:700;letter-spacing:-.02em}
.rimg-a .rb{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600}
.rimg-a .rb img{width:16px;height:16px}
.rimg-c{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#BDBDBD}
.rimg-c span{font-size:12px;color:#6E6E6E}
.rtext{padding:4px 2px 16px;font-size:15px;line-height:1.7;color:#C9C9C9}
.rtext > :not(.rtab-w){max-width:640px} /* reading measure for prose; tables use the box's full width */
.rtext a,.lyout :is(p,li) a{overflow-wrap:anywhere} /* a bare link wider than a phone card breaks instead of running off it */
.rtext :is(p,li),.lyout :is(p,li){overflow-wrap:break-word} /* so does text glued to it ("Source:https://…"), whose line could not break before the link */
.rtext h4{margin:14px 0 4px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.rtext h4:first-child{margin-top:4px}
.rtext p{margin:0}
.rtext ol{margin:0;padding-left:20px}
.rdocs{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;padding:4px 0 16px}
@media (max-width:700px){
  .rdocs{grid-template-columns:1fr}
}
.rdoc-nav{display:flex;flex-direction:column;gap:2px}
.rdoc-nav button{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#A3A3A3;font-size:13px;text-align:left}
.rdoc-nav button:hover{background:#121212;color:#fff}
.rdoc-nav button.on{background:#161616;color:#fff}
.rdoc-nav .pg{flex:none;width:18px;height:22px;border:1.5px solid #4A4A4A;border-radius:3px;position:relative}
.rdoc-nav .pg::after{content:"";position:absolute;left:3px;right:3px;top:5px;height:1.5px;background:#4A4A4A;box-shadow:0 4px 0 #4A4A4A,0 8px 0 #4A4A4A}
.rdoc-p{border:1px solid #1E1E1E;border-radius:14px;background:#0D0D0D;padding:18px 20px;min-height:220px}
.rdoc-p .crumb{font-size:12px;color:#6E6E6E;display:flex;align-items:center;gap:6px}
.rdoc-p .crumb img{width:13px;height:13px}
.rdoc-p h4{margin:10px 0 4px;font-size:22px;font-weight:700;color:#F2F2F2;letter-spacing:-.01em}
.rdoc-p .lede{font-size:13px;color:#8C8C8C}
.rdoc-p .ln{height:8px;border-radius:4px;background:#1E1E1E;margin-top:9px}
.rdoc-p .sw{margin-top:14px}
.rdoc-p .cmp{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.rdoc-p .cmp span{height:26px;padding:0 10px;border:1px solid #2A2A2A;border-radius:7px;font-size:12px;color:#BDBDBD;display:inline-flex;align-items:center}
.rtype-sw{margin-bottom:-8px}
.hdr .hdr-title{flex:1}
@keyframes apInR{from{opacity:0;transform:translateX(46px)}to{opacity:1;transform:none}}
@keyframes apInL{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:none}}
.stp{flex:none;display:flex;align-items:center;gap:9px;height:38px;border-radius:999px;color:#5A5A5A;font-weight:500;white-space:nowrap;transition:background .3s,color .3s;padding:0 12px 0 6px;font-size:14px}
.stp-line{flex:none;height:1px;background:#2A2A2A;width:12px}
@media (max-width:1600px){
  .stp.done:not(.grow):not(.settling) .stp-l{display:none}
  .stp.done:not(.grow):not(.settling){padding:0 4px}
}
@media (max-width:1400px){
  .app.in-chat .stp:not(.cur) .stp-l{display:none}
  .app.in-chat .stp:not(.cur){padding:0 4px}
}
.pj-k{flex:none;color:#7D7D7D;font-size:11px}
.bento .hero h2{font-size:28px}
.bento-side{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-width:0}
.hcard{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid #1C1C1C;border-radius:20px;background:#0A0A0A;cursor:pointer;transition:border-color .25s;animation:rise .5s .08s cubic-bezier(.2,.8,.2,1) both}
.hcard:hover{border-color:#404040}
.hcard h3{margin:22px 0 0;font-size:17px;font-weight:600;color:#E5E5E5;letter-spacing:-.005em}
.hcard p{margin:6px 0 0;font-size:14px;line-height:1.55;color:#A3A3A3;max-width:420px}
.hcard .hero-f{padding-top:16px}
.hcard .htile{width:36px;height:36px;border-radius:9px}
.hcard .htile img, .hcard .htile svg{width:18px;height:18px}
.hcard .hbtn-y{height:36px;padding:0 16px;font-size:13px}
.htile b{font-size:14px;color:#E6E6E6}
@media (max-width:980px){
  .bento{grid-template-columns:1fr}
}
#insp-root .insp-scrim{z-index:38}
.ipanel{z-index:39;width:min(620px,calc(100% - 16px))}
.ip-h{flex:none;display:flex;align-items:center;justify-content:space-between;padding:16px 14px 12px 24px;border-bottom:1px solid #171717}
.ip-t{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:#F2F2F2}
.ip-t svg{color:var(--accent)}
.ipanel .thread-wrap{padding:18px 22px 24px}
.ipanel .thread{max-width:none;gap:18px}
.ipanel .gsay p{font-size:16px}
.ipanel .composer{padding:0 18px 18px}
.ipanel .composer-in{max-width:none}
.ipanel .recgrid{grid-template-columns:1fr;gap:10px}
.ipanel .recgrid .ecard{min-height:0;padding:18px 20px}
.ipanel .recgrid .ename{margin-top:14px}
.ipanel .recgrid .efoot{padding-top:12px}
.ipanel .q6-body.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.getbox{display:flex;align-items:flex-start;gap:16px;padding:18px;border:1px solid #232323;border-radius:16px;background:#0F0F0F}
.getbox .cicon{width:48px;height:48px;border-radius:14px}
.getbox .cicon img{width:24px;height:24px}
.gb-m{display:flex;flex-direction:column;gap:4px;min-width:0}
.gb-m b{font-size:16px;font-weight:600;color:#F2F2F2}
.gb-m span{font-size:14px;line-height:1.55;color:#9A9A9A}
.tlbox.nolabel .tlin{padding-top:16px}
.ap-swipe-w{display:flex;justify-content:center;margin-top:6px}
.ap-swipe-w .ap-swipe{display:inline-flex;margin-top:0;gap:14px;padding:5px}
.utl{position:relative;padding-left:0}
.utl::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:1px;background:#242424;display:none}
.utc{position:relative;display:flex;align-items:center;gap:14px;border-radius:14px;transition:background .15s;animation:rise .4s cubic-bezier(.2,.8,.2,1) both;padding:14px 16px;margin-bottom:4px;border:1px solid transparent}
.utc::before{content:"";position:absolute;left:-24px;top:50%;width:9px;height:9px;margin-top:-5px;border-radius:50%;border:2px solid #0A0A0A;background:var(--c,#555);box-shadow:0 0 0 1px #2A2A2A;display:none}
.utc:hover{background:#101010;border-color:#1E1E1E}
.utc .uico{width:40px;height:40px;border-radius:12px}
.utc .uico > img{width:20px;height:20px}
.utc-new{display:block;width:7px;height:7px;border-radius:50%;background:var(--accent);font-style:normal}
.utc .ubtn{height:30px;padding:0 13px;font-size:12px}
.q6-body.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px}
.q6-body.tiles .q6-custom{grid-column:1/-1;padding-left:6px}
.q6-opt.q6-tile:hover{border-color:#363636;background:#131313}
.q6-opt.q6-tile.on{border-color:#3A3A3A;background:#151515}
.tt-logo{flex:none;width:34px;height:34px;border-radius:10px;background:#1A1A1A;display:grid;place-items:center}
.tt-logo img{width:19px;height:19px;object-fit:contain}
.tt-n{flex:1;min-width:0;font-size:15px;font-weight:500;color:#E6E6E6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-chk{flex:none;display:grid;place-items:center;opacity:0;transform:scale(.5);transition:opacity .15s,transform .25s cubic-bezier(.2,.9,.3,1.4)}
.q6-tile.on .tt-chk{opacity:1;transform:none}
.q6-tile.on .tt-chk svg{background:#E6E6E6;border-radius:50%}
@media (max-width:700px){
  .q6-body.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.q6-free{display:flex;align-items:flex-start;gap:12px;padding:22px 22px 18px}
.q6-cal{padding:14px 22px 18px}
.q6-cal>*{max-width:440px}
.q6-cal-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.q6-cal-t{font-size:15px;font-weight:600;color:#F2F2F2}
.q6-cal-nav{display:flex;gap:6px}
.q6-cal-w,.q6-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.q6-cal-w span{padding:6px 0;font-size:12px;color:#6E6E6E;text-align:center}
.q6-day{height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#E6E6E6;font-size:14px;font-variant-numeric:tabular-nums;transition:background .15s,color .15s}
.q6-day:hover{background:#141414}
.q6-day.out,.q6-day.past{color:#5A5A5A}
.q6-day.today{box-shadow:inset 0 0 0 1px #3E3E3E}
.q6-day.on{background:#F2F2F2;color:#0A0A0A;font-weight:600;box-shadow:none}
.q6-cal-pick{display:block;margin-top:12px;font-size:13px;color:#BDBDBD}
.q6-cal-pick.none{color:#6E6E6E}
@media (max-width:480px){.q6-cal{padding:12px 14px 14px}.q6-day{height:36px;font-size:13px}}
.q6-caret{flex:none;width:2px;height:24px;margin-top:2px;border-radius:2px;background:var(--accent);animation:blink 1.1s steps(1) infinite}
.q6-free:focus-within .q6-caret{display:none}
.q6-free textarea{width:100%;transition:border-color .2s;flex:1;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;font-size:17px;line-height:1.5;color:#F2F2F2;resize:none;outline:none;overflow:hidden}
.q6-free textarea::placeholder{color:#5E5E5E}
.q6-free .q6-cnt{flex:none;padding-top:4px;font-size:12px;color:#5E5E5E;font-variant-numeric:tabular-nums}
.bento + .egrid{margin-top:14px}
.bento-side .ecard{min-height:0;animation-delay:.05s}
.bento .hero .ecat{font-size:13px}
.si-exist2{display:flex;align-items:center;gap:12px;font-size:15px;color:#E6E6E6;animation:fade .35s both}
.si-exist2 .ex-i{flex:none;width:30px;height:30px;border-radius:50%;background:#1E1E1E;display:grid;place-items:center;color:#E6E6E6}
.si-exist2 b{font-weight:600}
.ncard2 .ap-res .tlin{padding:14px 16px 0}
.ncard2 .ap-res.open .tlin{max-height:none}
.ncard2 .ap-res .tlr em{display:block;margin:2px 0 0;font-size:13px}
.ncard2 .ap-res .tlr > span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ncard2 .ap-res .rlist .tli{padding-bottom:14px}
.q6-opt.q6-tile{min-height:60px;gap:12px;padding:0 14px;border:1px solid #232323;border-radius:14px;background:#101010;transition:border-color .15s,background .15s;position:relative}
.q6-tile .tt-chk{position:absolute;right:12px;top:50%;margin-top:-11px}
.q6-tile.on .tt-n{padding-right:26px}
.tt-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}
.tt-sub{font-size:13px;line-height:1.35;color:#8A8A86;white-space:normal}
.q6-body.rows .q6-opt.q6-tile:has(.tt-sub){padding-top:8px;padding-bottom:8px}
.q6-tile.on .q6-rec{margin-right:28px}
.ipanel .q6-body.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px}
.ipanel .q6-opt.q6-tile{padding:0 10px;gap:10px;min-height:56px}
.ipanel .tt-logo{width:30px;height:30px}
.ipanel .tt-n{font-size:14px}
.ipanel .q6-tile .tt-chk{right:8px}
.bento{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bento .hero:hover{border-color:#3E3E3E;background:#101010}
@media (max-width:1100px){
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento .hero{grid-column:span 2}
  .bento-side{grid-column:span 2;grid-template-rows:none;grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .bento{grid-template-columns:1fr}
  .bento .hero, .bento-side{grid-column:auto}
  .bento-side{grid-template-columns:1fr}
}
.q6-body.tiles.rows{grid-template-columns:1fr;gap:2px;padding:10px 12px}
.q6-body.rows .q6-opt.q6-tile{border:0;background:transparent;min-height:54px;padding:0 12px}
.q6-body.rows .q6-opt.q6-tile:hover{background:#141414}
.q6-body.rows .q6-opt.q6-tile.on{background:#151515}
.q6-body.rows .q6-opt.q6-tile.on:hover{background:#141414}
.q6-body.rows .q6-tile .tt-chk{margin-top:-10px;right:14px}
.pblur{position:absolute;left:1px;right:1px;bottom:1px;height:132px;border-radius:0 0 15px 15px;overflow:hidden;pointer-events:none;z-index:1;display:none!important}
.tlbox{margin:0 12px 12px;border:1px solid #1C1C1C;border-radius:16px;background:#080808;position:relative;--fadebg:#080808}
.ncard2 .ap-res{margin:14px 0 0;background:#0A0A0A;--fadebg:#0A0A0A}
.tlfade, .tlfade.pb{height:120px;background:linear-gradient(to bottom,rgba(8,8,8,0) 0%,var(--fadebg) 72%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0 0 15px 15px;padding-bottom:14px}
.tlbox.open .tlfade, .tlbox.open .tlfade.pb{height:auto;background:none!important;padding:4px 0 14px}
.thread.collapsed > .ubub-row.pin{top:-12px;z-index:4;position:static;margin-top:0;padding:0;background:none}
.bento .hero .hero-f{align-items:center;gap:16px;padding-top:28px}
.bento .hero .hlive{flex:1;min-width:0;max-width:440px;margin-top:0}
.bento .hero .hero-f .go-ar{margin-left:auto;color:#5E5E5E;transition:color .2s,transform .2s}
.bento .hero:hover .go-ar{color:var(--accent);transform:translateX(3px)}
.ecard{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:24px;border:1px solid #2A2A2A;border-radius:20px;background:#0E0E0E;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .3s cubic-bezier(.2,.8,.2,1);animation:rise .45s cubic-bezier(.2,.8,.2,1) both;min-height:0}
.etr{flex:none;display:inline-flex;align-items:center;gap:10px}
.ecard-top .go-ar, .hero-top .go-ar{color:#5E5E5E;transition:color .2s,transform .2s}
.ecard:hover .ecard-top .go-ar, .hero:hover .hero-top .go-ar{color:var(--accent);transform:translateX(3px)}
.ename{display:block;margin-top:22px;font-size:17px;font-weight:600;color:#F2F2F2;line-height:1.35;text-wrap:balance}
.bento .hero{display:flex;flex-direction:column;grid-template-columns:none;gap:0;margin-top:0;grid-column:span 2;border:1px solid #2A2A2A;background:#0E0E0E;border-radius:20px;padding:24px 24px 28px}
.bento .hero h2, .bento .hero .hero-d{max-width:none}
.bento .hero-k{margin-top:auto;padding-top:56px}
.ecard .ename{margin-top:auto;padding-top:22px}
.edesc{margin-top:6px;font-size:14px;line-height:1.5;color:#8C8C8C;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.box.tlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;background:transparent;gap:10px;overflow:visible}
.box.tlist .crow{border:1px solid var(--line);border-radius:16px;background:var(--card)}
.tlist .crow + .crow{border-top:1px solid var(--line)}
.box.tlist .cm span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){
  .box.tlist{grid-template-columns:1fr}
}
.signin .si-row{padding:14px 16px}
.signin .si-lbl{font-size:14px;color:#9A9A9A}
.signin .si-cnt{font-size:14px;color:#9A9A9A}
.signin.ok .si-cnt{color:var(--accent);font-weight:600}
.q6-body.tiles.rows.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rc-cta{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.rc-yes{height:42px!important;padding:0 18px!important;font-size:14px!important;gap:8px}
.rc-yes svg{color:#E5484D}
.rc-no{height:42px!important;padding:0 18px!important}
.rc-cta button:disabled{opacity:.4;cursor:default;pointer-events:none}
.rc-cta button.picked:disabled{opacity:.75}
.bq3{display:flex;flex-direction:column;gap:0;padding-top:4px!important}
.bq{display:flex;gap:14px;padding:16px 0;border-top:1px solid #171717}
.bq:first-child{border-top:0;padding-top:4px}
.bq-n{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid #2E2E2E;display:grid;place-items:center;font-size:12px;font-weight:600;color:#BDBDBD;margin-top:1px}
.bq-m{flex:1;min-width:0}
.bq-h{margin:-2px 0 6px;font-size:13px;color:var(--dim);display:flex;align-items:center;gap:8px;margin-bottom:4px}
.bq-ed{margin-left:auto;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#8C8C8C;display:grid;place-items:center}
.bq-ed:hover{background:#161616;color:#fff}
.bq-h b{font-size:14.5px;font-weight:600;color:#F2F2F2}
.bq-h span{font-size:12.5px;color:#6E6E6E}
.bq-t{margin:0;font-size:14.5px;line-height:1.6;color:#CFCFCF;border-radius:8px;padding:6px 8px;margin-left:-8px;outline:none;transition:background .2s,box-shadow .2s}
.bq-t:hover{background:#121212}
.bq-t:focus{background:#121212;box-shadow:inset 0 0 0 1px #333;color:#F2F2F2}
.signin .si-row.si-gift2{border:0;background:transparent;padding:2px 0 0;border-radius:0}
.livebar .wr-t{flex:1}
.q6-note{display:flex;align-items:center;gap:10px;padding:12px 22px;border-bottom:1px solid #1A1A1A;background:rgba(248,179,0,.07);color:#F2D68A;font-size:14px}
.q6-note svg{flex:none;color:var(--accent)}
.q6.q6-flash{animation:q6flash 1.4s ease}
@keyframes q6flash{0%{box-shadow:0 0 0 0 rgba(248,179,0,.5);border-color:rgba(248,179,0,.7)}100%{box-shadow:0 0 0 10px rgba(248,179,0,0);border-color:#262626}}
.gload{display:flex;align-items:center;gap:12px;color:#8C8C8C;font-size:15px}
.gload.staged{width:100%}
.gl-s{display:inline-block}
.gl-s.swap{animation:glswap .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes glswap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.gl-time{margin-left:auto;font-size:13px;color:#6E6E6E;font-variant-numeric:tabular-nums}
.gload.staged .gl-skip{margin-left:12px}
.bb-who{display:inline-flex;align-items:center;gap:12px;min-width:0}
.bb-avs{display:inline-flex}
.bb-avs i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;font-style:normal;letter-spacing:-.02em;box-shadow:0 0 0 2px #111;margin-left:-6px}
.bb-avs i:first-child{margin-left:0}
.bb-avs i.more{background:#232323;color:#CFCFCF}
.bb-timer.ready{color:#7FD49A;border-color:#1F3A27;cursor:pointer;gap:8px}
.bb-timer.ready:hover{background:#121A14}
.qb-pos{margin-left:auto;flex:none;height:26px;padding:0 10px;border-radius:999px;background:rgba(143,180,255,.1);color:#8FB4FF;font-size:12px;font-weight:600;display:inline-flex;align-items:center}
.up-flow{display:flex;flex-direction:column;gap:26px;margin-top:22px}
.up-fh{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.up-fh b{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.up-fh span{font-size:12px;color:#5E5E5E}
.up-fi .waitrow{margin-top:10px}
.mdl-root{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px}
.mdl-scrim{position:absolute;inset:0;background:rgba(0,0,0,.6);animation:fade .2s both}
.mdl{position:relative;width:min(440px,100%);border:1px solid #2A2A2A;border-radius:22px;background:#111;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:rise .3s cubic-bezier(.2,.8,.2,1) both}
.mdl-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 8px}
.mdl-h div{display:flex;flex-direction:column;gap:4px}
.mdl-h b{font-size:18px;font-weight:600;color:#F2F2F2}
.mdl-h span{font-size:13px;color:#8C8C8C}
.mdl-b{padding:8px 12px 4px}
.mdl-opts{display:flex;flex-direction:column}
.mdl-o{display:flex;align-items:center;gap:14px;height:46px;padding:0 10px;border:0;border-radius:12px;background:transparent;color:#F2F2F2;font-size:15px;text-align:left}
.mdl-o:hover{background:#171717}
.mdl-o.on .q6-ind{background:#F2F2F2;border-color:#F2F2F2}
.mdl-o.on .q6-ind .dot{transform:scale(1)}
.mdl-time{display:flex;align-items:center;gap:12px;margin:10px 10px 6px;padding:10px 14px;border:1px solid #262626;border-radius:14px;color:#8C8C8C;font-size:14px}
.mdl-time input{flex:1;border:0;background:transparent;color:#F2F2F2;font:inherit;font-size:16px;color-scheme:dark;outline:none}
.mdl-f{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 20px}
.mdl-f .btn-g, .mdl-f .btn-w{height:42px}
.lload{display:flex;align-items:flex-start;gap:16px;width:100%;padding:14px 16px;border:1px solid #1E1E1E;border-radius:18px;background:#0D0D0D}
.lload.in{animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.ll-body{flex:1;min-width:0}
.ll-ctl{flex:none;display:flex;align-items:center;gap:8px}
.ll-vs{display:inline-flex;padding:3px;border:1px solid #232323;border-radius:999px;background:#0A0A0A}
.ll-vs button{height:24px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#7D7D7D;font-size:12px;font-weight:500}
.ll-vs button.on{background:#262626;color:#F2F2F2}
.ll-vs button:not(.on):hover{color:#E6E6E6}
.lload .gl-skip{margin:0}
.ls-tm{margin-left:8px;font-size:12.5px;color:#6E6E6E;font-variant-numeric:tabular-nums;flex:none}
.lv-steps{display:flex;flex-direction:column;gap:12px}
.ls{display:flex;align-items:center;gap:12px;font-size:15px}
.ls.in{animation:lsIn .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes lsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ls-ic{flex:none;width:22px;height:22px;display:grid;place-items:center}
.ls-ic.ok{border-radius:50%;background:#1C2B20;color:#7FD49A;animation:okPop .35s cubic-bezier(.2,.9,.3,1.4) both}
.ls-ic.ok svg{width:12px;height:12px}
@keyframes okPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.ls.done .ls-t{color:#8C8C8C}
.ls.cur .ls-t{color:#E6E6E6}
.lv-bar{display:flex;flex-direction:column;gap:12px}
.lb-top{display:flex;align-items:center;gap:12px;font-size:15px;color:#E6E6E6}
.lb-t.swap{animation:glswap .35s cubic-bezier(.2,.8,.2,1) both}
.lb-seg{display:flex;gap:6px;max-width:360px}
.lb-seg i{flex:1;height:4px;border-radius:99px;background:#222;overflow:hidden}
.lb-seg i b{display:block;height:100%;width:0;border-radius:inherit;background:var(--accent)}
.lb-seg i.done b{width:100%}
.lb-seg i.cur b{animation:segFill 2.2s ease-out forwards}
@keyframes segFill{from{width:0}to{width:92%}}
.lb-n{font-size:12.5px;color:#6E6E6E}
.lv-type{display:flex;flex-direction:column;gap:10px}
.lt-row{display:flex;align-items:center;gap:12px;font-size:15px;color:#E6E6E6;min-height:32px}
.lt-row .gl-orb{margin-right:0}
.lt-caret{width:2px;height:17px;margin-left:1px;background:var(--accent);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.lt-done{display:flex;flex-wrap:wrap;gap:6px 14px;padding-left:44px}
.lt-done span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#7D7D7D}
.lt-done svg{width:11px;height:11px;color:#7FD49A}
@media (max-width:640px){
  .lload{flex-direction:column}
  .ll-ctl{align-self:flex-end}
}
.cbtn.hl{background:var(--accent);border-color:var(--accent);color:#111;font-weight:600}
.cbtn.hl:hover{background:#FFC633;border-color:#FFC633}
.gl-skip{margin-left:6px;height:28px;padding:0 12px;border:1px solid #2A2A2A;border-radius:999px;background:transparent;color:#BDBDBD;font-size:12.5px;font-weight:500;transition:background .2s,color .2s}
.gl-skip:hover{background:#171717;color:#fff}
.gl-orb{position:relative;flex:none;width:32px;height:32px;display:grid;place-items:center}
.gl-orb::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(248,179,0,0) 0deg,rgba(248,179,0,0) 220deg,rgba(248,179,0,.9) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:spin 1.1s linear infinite}
.gl-orb::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1.5px #232323}
.gl-orb img{width:20px;height:19px;object-fit:contain;animation:glbob 1.6s ease-in-out infinite}
.gl-orb.sm{width:22px;height:22px}
.gl-orb.sm img{width:13px;height:12px}
@keyframes glbob{0%,100%{transform:translateY(1px)}50%{transform:translateY(-1.5px)}}
.gl-t{display:inline-flex;align-items:baseline;gap:2px}
.gl-t i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.25;animation:gldot 1.2s ease-in-out infinite}
.gl-t i:first-of-type{margin-left:2px}
.gl-t i:nth-of-type(2){animation-delay:.15s}
.gl-t i:nth-of-type(3){animation-delay:.3s}
@keyframes gldot{0%,100%{opacity:.25}40%{opacity:1}}
.askrow .wr-t{white-space:nowrap}
.split{flex:1;min-height:0;display:flex}
.sbar{flex:none;width:316px;display:flex;flex-direction:column;min-height:0;border-right:1px solid #171717;animation:sbarIn .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes sbarIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.sbar-h{flex:none;display:flex;flex-direction:column;gap:14px;padding:4px 16px 6px 20px}
.sbar-h h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}
.sbar-h .mytabs{margin-top:0;align-self:flex-start}
.sbar-h .mytab{height:34px;padding:0 14px}
.sbar-lbl{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 12px 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.sbar-lbl.first{padding:6px 24px 8px}
.sbar-list .sbar-lbl:first-child{padding-top:10px}
.sbar-list{flex:1;min-height:0;overflow-y:auto;padding:0 12px 16px;display:flex;flex-direction:column;gap:2px}
.sbar-item{position:relative;flex:none;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:#C9C9C9;font-size:15px;font-weight:500;text-align:left;transition:background .15s,color .15s}
.sbar-item:hover{background:#121212;color:#fff}
.sbar-item.on{background:#161616;color:#fff}
.sbar-item.on::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.sbar-item .ci{flex:none;color:#7D7D7D;transition:color .15s}
.sbar-item.on .ci{color:var(--accent)}
.sl-l{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbar-n{flex:none;font-size:12px;color:#6E6E6E;font-variant-numeric:tabular-nums}
.sbar-n i{font-style:normal;color:#7FD49A}
.sbar-foot{flex:none;padding:12px 16px 16px;border-top:1px solid #151515}
.sbar-req{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #333;border-radius:12px;background:transparent;color:#A3A3A3;font-size:14px;font-weight:500}
.sbar-req:hover{border-color:#4A4A4A;color:#fff}
.split-main{flex:1;min-width:0;overflow-y:auto}
.sticky-h{position:sticky;top:0;z-index:6;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:4px 28px 18px;background:var(--panel)}
.sticky-h::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px;background:linear-gradient(var(--panel),rgba(10,10,10,0));pointer-events:none}
.sticky-h .ptitle{margin:0}
.tsearch2{flex:0 1 320px;min-width:220px;height:46px;border-radius:14px}
.sm-body{padding:0 28px 56px;max-width:1180px}
.sm-body > .tlabel:first-child, .sm-body > .tfix:first-child{margin-top:6px}
.tsec + .tsec{margin-top:6px}
.tsentinel{display:grid;place-items:center;padding:20px 0 4px;color:var(--mute)}
.tcard:disabled{cursor:default;transform:none}
.tc-ico{width:48px;height:48px;border-radius:14px;background:#151515;border:1px solid #262626;display:grid;place-items:center;color:#E6E6E6}
.tc-ico img{width:26px;height:26px;object-fit:contain}
.tc-ico b{font-size:20px!important;font-weight:700}
.tc-ar{position:absolute;top:20px;right:20px;color:#4A4A4A;transition:color .2s,transform .2s}
.tcard:hover .tc-ar{color:var(--accent);transform:translate(2px,-2px)}
.tc-d{margin-top:6px;font-size:14px;line-height:1.5;color:var(--mute)}
.tcard.busy{border-color:#333}
.tcard.busy .tc-d{color:#BDBDBD}
.agflow{flex:none;display:inline-flex;align-items:center;gap:1px;color:#4A4A4A}
.ag-item .agflow .fa{width:14px}
.agflow .ti{width:28px;height:28px;border-radius:8px;margin:0!important}
.agflow .ti img{width:16px;height:16px}
.agflow .ti b{font-size:11px}
.agflow.lg .ti{width:48px;height:48px;border-radius:14px}
.agflow.lg .ti img{width:26px;height:26px}
.agflow.lg .ti b{font-size:18px}
.agflow.lg .fa{width:26px}
.ag-item{min-height:62px;padding:10px 12px}
.ag-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ag-m b{font-size:15px;font-weight:600;color:#E6E6E6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-m b em{font-style:normal;font-size:11px;font-weight:600;color:var(--accent);margin-left:2px}
.ag-m > span{font-size:13px;color:#6E6E6E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-m > span.re{color:#FF9A8A}
.ag-m > span.ap{color:var(--accent)}
.sdot{flex:none;width:8px;height:8px;border-radius:50%;background:#55C27A;font-style:normal}
.day-c{flex:none;width:42px;height:42px;border-radius:12px;background:#151515;border:1px solid #262626;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}
.day-c b{font-size:16px;font-weight:700;color:var(--fg)}
.day-c span{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7D7D7D}
.sbar-item.on .day-c{border-color:rgba(248,179,0,.35)}
.day-c.lg{width:56px;height:56px;border-radius:16px}
.day-c.lg b{font-size:22px}
.agd-t{flex:1;min-width:220px}
.agd-t h1{margin:2px 0 0;font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.agd-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:14px;color:var(--mute)}
.agd-cta{flex:none;padding-top:4px}
.agd-cta .btn-y{height:44px}
.agd-cta .btn-y:disabled{background:#1C1C1C;color:#8C8C8C;cursor:default}
.agd-note.ap{border-color:rgba(248,179,0,.28);background:rgba(248,179,0,.05)}
.agd-ni{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:rgba(255,90,78,.14);color:#FF9A8A}
.agd-note.ap .agd-ni{background:rgba(248,179,0,.14);color:var(--accent)}
.agd-note b{display:block;font-size:15px;font-weight:600;color:var(--fg)}
.agd-note span{font-size:14px;line-height:1.5;color:#A3A3A3}
.agd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.stat{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card);min-width:0}
.stat b{display:block;font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat.sm b{font-size:16px;line-height:1.75}
.stat span{font-size:13px;color:var(--mute)}
.rh-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:36px 0 16px}
.rh-lbl b{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.rh-lbl span{font-size:13px;color:#6E6E6E}
.rhist{list-style:none;margin:0;padding:0}
.rh{position:relative;display:flex;gap:16px;padding-bottom:22px;animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.rh:not(:last-child)::before{content:"";position:absolute;left:12px;top:30px;bottom:2px;width:1px;background:#222}
.rh-dot{flex:none;width:25px;height:25px;border-radius:50%;border:1px solid #2A5C3B;background:rgba(85,194,122,.08);color:#7FD49A;display:grid;place-items:center;font-size:12px;font-weight:700}
.rh-dot svg{width:12px;height:12px}
.rh.fail .rh-dot{border-color:#5C2620;background:rgba(255,90,78,.08);color:#FF9A8A}
.rh.wait .rh-dot{border-color:#5C4A12;background:rgba(248,179,0,.08)}
.rh.wait .rh-dot i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.rh.run .rh-dot{border-color:#333;background:#121212}
.rh.run .rh-dot .mini-spin{width:12px;height:12px}
.rh-m{flex:1;min-width:0}
.rh-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:25px;font-size:14px;color:#8C8C8C}
.rh-h b{font-size:15px;font-weight:600;color:var(--fg)}
.rh-ag{color:#BDBDBD}
.rh-sep{color:#4A4A4A}
.rh-d{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.rpill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600}
.rpill.ok{background:rgba(85,194,122,.1);color:#7FD49A}
.rpill.fail{background:rgba(255,90,78,.1);color:#FF9A8A}
.rpill.wait{background:rgba(248,179,0,.1);color:var(--accent)}
.rpill.run{background:#1C1C1C;color:#BDBDBD}
.rpill.run .mini-spin{width:10px;height:10px;border-width:1.5px}
.rpill.lt{background:#1C1C1C;color:#BDBDBD}
.rh-box{margin-top:10px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}
.rh-row{display:flex;align-items:center;gap:14px;padding:12px 12px 12px 14px}
.rh-ci .ti{width:34px;height:34px}
.rh-sum{flex:1;min-width:0;font-size:15px;color:#E6E6E6}
.rh.fail .rh-sum{color:#BDBDBD}
.rh-act{flex:none;display:flex;align-items:center;gap:8px}
.rh-act .ghost2{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px}
.rh-act .ghost2 svg{color:#8C8C8C;transition:transform .25s}
.rh-vr.on svg{transform:rotate(180deg)}
.rh-act .wbtn.sm{height:36px;padding:0 16px}
.rh-res{border-top:1px solid var(--hair);padding:16px 18px 2px;animation:fade .3s ease both}
.up-seg{margin-left:auto}
.up-seg button{gap:7px}
.up-empty{margin-top:24px;border:1px dashed #262626;border-radius:20px}
.pgroup{margin-top:24px}
.pgroup-h{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;color:#6E6E6E}
.pchip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600}
.pchip i{width:6px;height:6px;border-radius:50%;background:currentColor}
.pchip.high{background:rgba(255,84,84,.1);color:#FF8A8A}
.pchip.med{background:rgba(248,179,0,.1);color:#F8C140}
.pchip.low{background:#1A1A1A;color:#A3A3A3}
.up-ph{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0 14px;font-size:13px;color:#8C8C8C}
.up-pos{margin-left:auto;color:#6E6E6E;font-variant-numeric:tabular-nums}
.up-need .ap-swipe-w{margin-top:10px}
@media (max-width:860px){
  .split{flex-direction:column}
  .sbar{width:auto;border-right:0;border-bottom:1px solid #171717}
  .sbar-h{flex-direction:row;align-items:center;justify-content:space-between;padding:2px 16px 10px}
  .sbar-lbl, .sbar-foot{display:none}
  .sbar-list{flex:none;flex-direction:row;overflow-x:auto;padding:0 16px 12px;gap:6px;scrollbar-width:none}
  .sbar-list::-webkit-scrollbar{display:none}
  .sbar-item{width:auto;min-height:40px;padding:6px 14px;border:1px solid #222;border-radius:999px;font-size:14px}
  .sbar-item.on{border-color:#3A3A3A}
  .sbar-item.on::before{display:none}
  .ag-item{min-width:230px;border-radius:14px;padding:8px 12px}
  .sticky-h, .sm-body{padding-left:16px;padding-right:16px}
  .agd{padding:4px 16px 48px}
}
@media (max-width:640px){
  .tsearch2{flex-basis:100%}
  .tcards{grid-template-columns:1fr 1fr}
  .tcard{min-height:160px;padding:18px}
  .tc-ar{top:16px;right:16px}
  .agd-t h1{font-size:22px}
  .agd-cta{width:100%}
  .agd-cta .btn-y{width:100%;justify-content:center}
  .agd-stats{gap:8px}
  .stat{padding:14px}
  .stat b{font-size:19px}
  .stat.sm b{font-size:13px}
  .rh-row{flex-wrap:wrap}
  .rh-act{width:100%;justify-content:flex-end}
  .up-seg span{display:none}
  .up-pos{margin-left:0;flex-basis:100%}
}
@media (max-width:420px){
  .tcards{grid-template-columns:1fr}
}
.sbar-h.row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:6px 14px 6px 20px}
.sbar-h.row h2{font-size:18px;white-space:nowrap}
.sbar-h.row .mytab{height:32px;padding:0 12px;font-size:13px}
.ag-item2{flex-direction:column;align-items:flex-start;gap:10px;min-height:0;padding:12px 14px}
.sbar-item.ag-item2.on::before{top:16px;bottom:16px}
.ag-top{display:flex;align-items:center;gap:10px;width:100%;min-width:0}
.ag-s{min-width:0;font-size:13px;font-weight:500;color:#7D7D7D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-s.re{color:#FF9A8A}
.ag-s.ap{color:var(--accent)}
.ag-name{max-width:100%;font-size:15px;font-weight:600;color:#E6E6E6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-name em{font-style:normal;font-size:11px;font-weight:600;color:var(--accent);margin-left:2px}
.agd-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.agd-title{margin:20px 0 0;font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.agd-desc{margin:8px 0 0;max-width:62ch;font-size:15px;line-height:1.55;color:#A3A3A3}
.agd-desc span{color:#6E6E6E}
.agd-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:600}
.agd-btn:disabled{opacity:.6;cursor:default}
.agd-btn svg{color:#BDBDBD}
.agd-more{position:relative}
.agd-mbtn{width:40px;height:40px;padding:0;display:grid;place-items:center;color:#BDBDBD}
.agd-mbtn.on{background:#171717;border-color:#3A3A3A;color:#fff}
.agmenu{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:210px;padding:6px;border:1px solid #2A2A2A;border-radius:14px;background:#121212;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:dropIn .2s cubic-bezier(.2,.8,.2,1) both}
.agmenu > button{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#E6E6E6;font-size:14px;text-align:left}
.agmenu > button svg{color:#8C8C8C}
.agmenu > button:hover, .agmenu > button:focus-visible{background:#1C1C1C}
.agmenu hr{border:0;border-top:1px solid #222;margin:6px 4px}
.agmenu .danger, .agmenu .danger svg{color:#FF9A8A}
.agmenu.confirm{width:300px;padding:16px}
.agmenu.confirm b{font-size:15px;font-weight:600}
.agmenu.confirm p{margin:6px 0 14px;font-size:13px;line-height:1.5;color:#9A9A9A}
.agm-f{display:flex;justify-content:flex-end;gap:8px}
.agm-f button{height:36px!important;padding:0 14px!important;font-size:13px!important}
.st.off{border:1px solid #2E2E2E;color:#A3A3A3}
.st.off i{background:#6E6E6E}
.agd-note{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,90,78,.28);background:rgba(255,90,78,.05);margin-top:20px}
.rcard .rh-row{padding:14px 14px 14px 16px}
.rc-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.rc-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#8C8C8C}
.rc-meta b{font-size:13px;font-weight:600;color:#C9C9C9}
.rcard .rh-sum{font-size:15px;color:#F2F2F2}
.rcard.fail{border-color:rgba(255,90,78,.22)}
.rcard.fail .rh-sum{color:#BDBDBD}
.rcard.wait{border-color:rgba(248,179,0,.22)}
.side-tools{display:none}
.app.in-tools .side > :not(.side-tools):not(.side-foot){display:none!important}
.app.in-tools .side-tools{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;animation:sbarIn .35s cubic-bezier(.2,.8,.2,1) both}
.side-back{flex:none;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:38px;padding:0 16px 0 10px;margin:2px 0 4px 2px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#D6D6D6;font-size:14px;font-weight:500}
.side-back:hover{background:#141414;color:#fff}
.side-tools .side-label{padding:18px 14px 8px}
.nav-btn.tcat{flex:none;height:40px;font-size:14px}
.tcn{margin-left:auto;font-size:13px;font-weight:500;color:#555;font-variant-numeric:tabular-nums}
.nav-btn.tcat.on .tcn{color:#7D7D7D}
.side-req{flex:none;margin-top:14px}
.tcard:hover{border-color:#383838;background:#0F0F0F;transform:none}
.tc-n{font-size:16px;font-weight:600;color:var(--fg);margin-top:16px}
.tc-cta{margin-top:16px}
.tcard .cbtn{height:34px;padding:0 18px}
.tcard .cstate{height:34px;font-size:14px}
#me{position:relative;display:block;padding:10px 0 0}
.me-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:12px;background:transparent;color:var(--fg);text-align:left;transition:background .15s}
.me-btn:hover, .me-btn.on{background:#121212}
.me-btn b{flex:1;min-width:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-chev{flex:none;display:grid;place-items:center;color:#7D7D7D}
.acct-pop{position:absolute;left:0;bottom:calc(100% + 6px);z-index:80;width:260px;padding:6px;border:1px solid #2A2A2A;border-radius:16px;background:#121212;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:dropUp .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes dropUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.acct-h{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;margin-bottom:4px;border-bottom:1px solid #1F1F1F}
.acct-h > span:last-child{display:flex;flex-direction:column;min-width:0}
.acct-h b{font-size:14px;font-weight:600}
.acct-h span span{font-size:12px;color:#7D7D7D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-i{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#E6E6E6;font-size:14px;text-align:left}
.acct-i svg{flex:none;color:#8C8C8C}
.acct-i:hover, .acct-i:focus-visible{background:#1C1C1C}
.acct-i em{margin-left:auto;font-style:normal;font-size:12px;color:#6E6E6E}
@media (max-width:860px){
  .ag-item2{min-width:200px;border-radius:14px}
}
@media (max-width:640px){
  .agd-title{font-size:22px}
  .acct-pop{width:100%}
}
@media (min-width:861px){
  .side{position:relative;z-index:30}
}
.rcard{border:1px solid var(--line);border-radius:16px;background:var(--card);animation:rise .4s cubic-bezier(.2,.8,.2,1) both;overflow:visible;position:relative}
.rcard:has(.agmenu){z-index:6}
.rcard .rh-res{border-radius:0 0 16px 16px}
.nav-btn .nb.ap{background:var(--accent);color:#111}
.cmark:hover{background:#202020}
.cmark:hover::before{background:#202020}
.cm-dot{flex:none;width:7px;height:7px;border-radius:50%;animation:npulse7 1.8s ease-in-out infinite}
.cm-dot.re{background:#FF5A4E}
.cm-dot.ap{background:var(--accent)}
.cm-x{width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:#7D7D7D;display:grid;place-items:center}
.cm-x:hover{background:#2A2A2A;color:#fff}
@keyframes cmIn{from{opacity:0;transform:translate(-8px,-50%)}to{opacity:1;transform:translateY(-50%)}}
.side2{flex:none;width:300px;display:flex;flex-direction:column;min-height:0;padding:17px 8px 14px 4px;animation:sbarIn .4s cubic-bezier(.2,.8,.2,1) both}
.side2[hidden]{display:none}
.s2-h h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.s2-h .mytabs, .my-mob-h .mytabs{margin:0}
.s2-h .mytab, .my-mob-h .mytab{height:32px;padding:0 12px;font-size:13px}
.s2-lbl{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 2px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.s2-list .s2-lbl:first-child{padding-top:4px}
.agc{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:14px;border:1px solid #1C1C1C;border-radius:14px;background:#0B0B0B;color:inherit;text-align:left;transition:border-color .15s,background .15s}
.agc:hover{border-color:#2C2C2C;background:#0F0F0F}
.agc.on{border-color:rgba(248,179,0,.5);background:#121212}
.agc-top{display:flex;align-items:center;gap:10px;width:100%;min-width:0}
.agc .ti{width:30px;height:30px;border-radius:9px}
.agc .ti img{width:16px;height:16px}
.agc .ti + .ti{margin-left:-7px}
.agc .ti.more{font-size:11px}
.agc-n{max-width:100%;font-size:15px;font-weight:600;color:#EDEDED;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agc-n em{font-style:normal;font-size:11px;font-weight:600;color:var(--accent);margin-left:2px}
.agc.day{flex-direction:row;align-items:center;gap:12px}
.agc-dm{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.agc-dm b{font-size:15px;font-weight:600;color:#EDEDED}
.agc-dm span{font-size:13px;color:#7D7D7D}
.agc-iss{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#111;font-size:12px;font-weight:700;display:grid;place-items:center}
.agc.on .day-c{border-color:rgba(248,179,0,.35)}
.my-mob{display:none}
#v-my .split-main{border-radius:inherit}
.agd{max-width:900px;margin:0 auto;padding:4px 32px 56px;padding-top:28px}
.agd-needs{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}
.agd-needs.list{margin-bottom:6px}
.agd-needs .ncard2{animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.agd-note.top{margin:0;align-items:center;gap:14px;padding:16px 16px 16px 18px}
.agd-nm{flex:1;min-width:0}
.agd-note.top .wbtn.sm{flex:none;height:38px;padding:0 16px}
.agd-top .istack .ti.lg{width:48px;height:48px;border-radius:14px}
.rmore{position:relative}
.rh-dots{width:36px;height:36px;padding:0!important;display:grid!important;place-items:center;color:#BDBDBD}
.rh-dots.on{background:#171717;border-color:#3A3A3A;color:#fff}
.agmenu.r{left:auto;right:0}
.rcard .istack .ti{width:30px;height:30px;border-radius:9px}
.rcard .istack .ti img{width:16px;height:16px}
.agd-h{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
#tools .sticky-h{padding:4px 56px 18px}
.tfix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 4px}
.tfix-grid .tfix{margin:0}
.tfix-grid .crow{height:100%}
.tsec-h{position:relative;display:flex;align-items:center;gap:16px;margin:44px 0 20px}
.tsec-ln{flex:1;height:1px;background:linear-gradient(90deg,rgba(38,38,38,0),#262626)}
.tsec-ln:last-child{background:linear-gradient(90deg,#262626,rgba(38,38,38,0))}
.tchip{flex:none;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 16px;border:1px solid #262626;border-radius:999px;background:#0E0E0E;color:#E6E6E6;font-size:14px;font-weight:500;transition:border-color .15s,background .15s}
.tchip:hover, .tchip.on{border-color:#3A3A3A;background:#141414}
.tchip b{font-size:12px;font-weight:600;color:#6E6E6E}
.tchip-c{width:26px;height:26px;border-radius:50%;background:#1A1A1A;display:grid;place-items:center;color:#9A9A9A;transition:transform .25s}
.tchip.on .tchip-c{transform:rotate(180deg);color:#fff}
.catpop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:12;width:270px;max-height:360px;overflow-y:auto;padding:6px;border:1px solid #2A2A2A;border-radius:14px;background:#121212;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:dropIn .2s cubic-bezier(.2,.8,.2,1) both}
.catpop button{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#E6E6E6;font-size:14px;text-align:left}
.catpop button:hover, .catpop button:focus-visible{background:#1C1C1C}
.catpop button.on{color:var(--accent)}
.catpop button b{font-size:12px;font-weight:500;color:#6E6E6E}
.tcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.tcard{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #222;border-radius:18px;background:var(--card);color:inherit;text-align:left;transition:border-color .2s,background .2s,transform .3s cubic-bezier(.2,.8,.2,1);animation:rise .4s cubic-bezier(.2,.8,.2,1) both;min-height:0;position:relative;padding:22px}
.tc-add{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;border:1px solid #2A2A2A;background:#141414;color:#D6D6D6;display:grid;place-items:center;transition:background .15s,border-color .15s,color .15s,transform .15s}
.tc-add:hover{background:var(--accent);border-color:var(--accent);color:#111;transform:scale(1.05)}
.tc-add.busy{background:transparent}
.tcard .tc-n{margin-top:20px}
.tcard .tc-d{margin-top:4px;font-size:13px;color:#7D7D7D}
#updates{max-width:1080px!important}
.ap-tab{margin-top:14px;padding:4px 10px;border:1px solid #1E1E1E;border-radius:14px;background:#0B0B0B}
.ap-tab .rtab-w{margin:0}
.ap-img{margin-top:14px}
.ap-img .rimgs{padding:0;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.ap-img .rimg-a{background-clip:padding-box}
.ap-more{display:flex;justify-content:center;padding:12px 0 0}
.ap-text{margin-top:14px;border:1px solid #1E1E1E;border-radius:14px;background:#0B0B0B;overflow:hidden}
.apt-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #171717}
.apt-h .ti{width:30px;height:30px}
.apt-h > span{display:flex;flex-direction:column}
.apt-h b{font-size:14px;font-weight:600;color:#E6E6E6}
.apt-h span span{font-size:12px;color:#7A7A7A}
.apt-b{padding:14px 16px 16px;font-size:15px;line-height:1.65;color:#D0D0D0;max-width:72ch}
.apt-b p{margin:0 0 10px}
.apt-b p:last-child{margin:0}
@media (max-width:860px){
  .cmark{display:none}
  .side2{display:none!important}
  .my-mob{display:block;padding:8px 16px 0}
  .my-mob-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .my-mob-h h2{margin:0;font-size:20px;font-weight:600}
  .my-mob-l{display:flex;gap:8px;overflow-x:auto;padding:14px 0 6px;scrollbar-width:none}
  .my-mob-l::-webkit-scrollbar{display:none}
  .my-mob-l .s2-lbl{display:none}
  .my-mob-l .agc{width:220px}
  .agd{padding-top:16px}
  #tools .sticky-h, #tools .sm-body{padding-left:16px;padding-right:16px}
  .tfix-grid{grid-template-columns:1fr}
}
#tools .sm-body{padding:0 56px 72px;max-width:none;padding-bottom:45vh}
@media (max-width:640px){
  .nc2-top{flex-wrap:wrap}
  .nc2-pill{order:3}
  .tcards{grid-template-columns:1fr 1fr}
  .agd-note.top{flex-wrap:wrap}
  .agd-note.top .wbtn.sm{width:100%;justify-content:center}
}
.agr:hover{background:#0F0F0F}
.agr .istack .ti + .ti{margin-left:-8px}
.agr:hover .agr-m b, .agr.on .agr-m b{color:#F2F2F2}
.agr-m b em{font-style:normal;font-size:11px;font-weight:600;color:var(--accent);margin-left:2px}
.agr .ag-s.re, .agr .ag-s.ap{color:#6A6A6A}
.agr-dot.ok{background:#6FD68A}
.agr-dot.ap{background:#F2A541}
.agr-dot.re{background:#FF6B5E}
.agr-dot.off{background:#4A4A4A}
.agr.on .day-c{border-color:rgba(248,179,0,.35)}
.my-mob-l .agr{width:250px;flex:none}
.rlist2{display:flex;flex-direction:column;gap:2px}
.runrow{position:relative;border-radius:14px;transition:background .15s;animation:rise .35s cubic-bezier(.2,.8,.2,1) both}
.runrow:hover, .runrow.open{background:#101010}
/* my.js: a redraw of the same view and a result kept across a redraw do not replay their entrance */
#v-my.my-still :is(.runrow,.rh,.agd-needs .ncard2),.rh-res.rh-kept{animation:none}
.runrow:has(.agmenu){z-index:6}
.rr-main{display:flex;align-items:center;gap:16px;padding:14px 14px 14px 12px}
.rr-ico{flex:none;width:28px;height:28px;display:grid;place-items:center;color:#E6E6E6}
.rr-ico img{width:22px;height:22px;object-fit:contain}
.rr-ico b{font-size:16px!important}
.runrow .istack .ti{width:30px;height:30px;border-radius:9px}
.runrow .istack .ti img{width:16px;height:16px}
.rr-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.rr-m b{font-size:17px;font-weight:500;color:#EDEDED;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-m > span{display:flex;align-items:center;gap:8px;font-size:14px;color:#6A6A6A;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-f{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:#9A9A9A}
.rr-f::after{content:"·";color:#4A4A4A;margin-left:2px}
.rr-f.re{color:#FF8A7E}
.rr-f.ap{color:var(--accent)}
.rr-f .mini-spin{width:11px;height:11px;border-width:1.5px}
.runrow.fail .rr-m b{color:#9A9A9A}
.runrow .rh-act{opacity:.85;transition:opacity .15s}
.runrow:hover .rh-act, .runrow.open .rh-act{opacity:1}
.runrow .rh-vr{height:34px;padding:0 12px;font-size:13px;border-color:#262626}
.runrow .rh-dots{width:34px;height:34px}
.runrow .rh-res{border-top:1px solid #1C1C1C;margin:0 12px;padding:14px 4px 6px}
@media (max-width:640px){
  .rr-main{flex-wrap:wrap}
  .runrow .rh-act{width:100%;justify-content:flex-end}
  .rr-m b{font-size:15px}
}
.nav-btn .nb, #nav-upd-badge{font-size:0!important;min-width:0!important;width:8px!important;height:8px!important;padding:0!important;border-radius:50%!important}
.nav-btn .nb.re{color:#fff;background:#FF5A4E}
.side-foot #nav-tools{margin-bottom:-4px}
.app.in-tools #nav-tools{display:none}
.cm-k{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7A7A7A}
.cmark .cm-dot{width:7px;height:7px}
.cm-t{display:block;margin-top:8px;font-size:15px;font-weight:600;line-height:1.3;color:#111}
.cm-b{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:#5A5A5A}
.cm-f{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:12px}
.cm-later{height:32px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#5A5A5A;font-size:13px;font-weight:500}
.cm-later:hover{background:#E6E6E3;color:#111}
.cm-go{height:32px;padding:0 14px;border:0;border-radius:999px;background:#111;color:#fff;font-size:13px;font-weight:600}
.cm-go:hover{background:#2A2A2A}
.s2-h{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 0 6px;height:34px}
.s2-acts{display:flex;align-items:center;gap:4px}
.s2-ib{width:34px;height:34px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9A9A9A;display:grid;place-items:center;transition:background .15s,color .15s}
.s2-ib:hover, .s2-ib.on{background:#161616;color:#fff;border-color:#262626}
.s2-fw{position:relative}
.s2-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:190px;padding:6px;border:1px solid #2A2A2A;border-radius:14px;background:#121212;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:dropIn .2s cubic-bezier(.2,.8,.2,1) both}
.s2-pl{display:block;padding:8px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6E6E6E}
.s2-pop button{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#D6D6D6;font-size:14px;text-align:left}
.s2-pop button:hover{background:#1C1C1C}
.s2-pop button.on{color:#fff}
.s2-pop button svg{color:var(--accent)}
.s2-h.search{gap:6px;padding-right:2px}
.s2-search{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid #2A2A2A;border-radius:11px;background:#0E0E0E;color:#7D7D7D}
.s2-search:focus-within{border-color:#3E3E3E}
.s2-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--fg);font-size:14px}
.s2-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px 2px 16px 2px;margin-top:22px}
.agr .istack.ag1 .ti{margin:0}
.agr .agc-iss{font-size:0;min-width:0;width:8px;height:8px;padding:0;border-radius:50%}
.s2-none{padding:20px 12px;font-size:14px;color:#7D7D7D}
.agr .ti.more{font-size:11px;font-weight:600;color:#BDBDBD}
.runrow .ti.more{font-size:11px}
.agd-meta{margin-top:22px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.am-row{display:flex;align-items:flex-start;gap:16px;padding:14px 18px}
.am-row + .am-row{border-top:1px solid var(--hair)}
.am-k{flex:none;width:118px;display:flex;align-items:center;gap:9px;height:32px;font-size:14px;color:#8C8C8C}
.am-k svg{color:#6E6E6E}
.am-v{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:32px}
.am-tools{flex-wrap:wrap;gap:8px}
.tchip2{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 4px;border:1px solid #242424;border-radius:999px;background:#111;font-size:13px;color:#D6D6D6}
.tchip2 .ti{width:24px;height:24px;border-radius:50%;margin:0!important;border:0;background:#1C1C1C}
.tchip2 .ti img{width:14px;height:14px}
.tchip2 .ti b{font-size:10px}
.am-when{font-size:15px;color:#EDEDED}
.textbtn3{margin-left:auto;height:32px;padding:0 14px;border:1px solid #2A2A2A;border-radius:999px;background:transparent;color:#E6E6E6;font-size:13px;font-weight:500}
.textbtn3:hover{background:#171717}
.sched-ed{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding:2px 0 2px}
.se-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.se-l{width:78px;font-size:13px;color:#7D7D7D}
.se-seg{flex-wrap:wrap}
.se-seg button{height:34px;padding:0 14px;font-size:13px}
.se-days{display:flex;gap:6px;flex-wrap:wrap}
.se-days button{width:46px;height:34px;border:1px solid #262626;border-radius:10px;background:#0E0E0E;color:#BDBDBD;font-size:13px}
.se-days button.on{background:#F2F2F2;border-color:#F2F2F2;color:#111;font-weight:600}
.se-time{height:36px;padding:0 12px;border:1px solid #2A2A2A;border-radius:10px;background:#0E0E0E;color:var(--fg);font:inherit;font-size:14px;color-scheme:dark}
.se-tz{font-size:13px;color:#6E6E6E}
.se-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--hair)}
.se-prev{flex:1;min-width:200px;font-size:13px;color:#8C8C8C}
.se-prev b{color:#EDEDED;font-weight:500}
.se-f .ghost2, .se-f .wbtn.sm{height:36px;padding:0 16px}
.agd-acts{display:flex;align-items:center;gap:8px;margin-top:20px}
.agd-needs.below{margin:22px 0 0}
.day-tabs .mytab{height:36px}
#tools .tlabel{margin:48px 0 18px}
#tools .sm-body > .tlabel:first-child{margin-top:12px}
#tools .tsec .tlabel{margin-top:48px}
#updates .upbar{margin-top:30px}
#updates #ubody{margin-top:10px}
.up-need{max-width:none;margin-top:22px}
.up-need .ap-list{display:flex;flex-direction:column;gap:24px}
#updates .ncard2{padding:24px 24px 22px}
#updates .nc2-t{margin-top:22px}
#updates .nc2-p{margin-top:8px}
#updates .ap-tab, #updates .ap-img, #updates .ap-text, #updates .tlbox{margin-top:18px}
#updates .nc2-f{margin-top:22px;padding-top:20px}
#updates .uday{margin:36px 0 14px}
#updates .utc{margin-bottom:10px}
@media (max-width:640px){
  .am-row{flex-direction:column;gap:6px}
  .am-k{width:auto;height:auto}
  .textbtn3{margin-left:0}
}
.side{flex:none;display:flex;flex-direction:column;padding:16px 12px 14px;gap:4px;min-height:0;width:224px;transition:width .3s cubic-bezier(.2,.8,.2,1),padding .3s}
/* My agents closes the sidebar to icons beside its own list, on wide screens only: on a phone the sidebar is the drawer */
@media (min-width:861px){
.app.in-my .side{width:76px;padding-left:12px;padding-right:12px}
.app.in-my .side .brand{justify-content:center;padding-left:0;padding-right:0}
.app.in-my .side .brand > :not(img){display:none}
.app.in-my .side .nav-btn{position:relative;justify-content:center;padding:0;gap:0}
.app.in-my .side .nav-btn > span:not(.nb):not(.nav-badge){display:none}
.app.in-my .side .nav-btn .nb, .app.in-my .side #nav-upd-badge{position:absolute;top:9px;right:12px;margin:0}
.app.in-my #recents, .app.in-my .side-label{display:none}
.app.in-my .me-btn{justify-content:center;padding:8px 0}
.app.in-my .me-btn > :not(.ava){display:none}
.app.in-my .signin-btn{font-size:0;gap:0;justify-content:center;padding:0}
}
.app.in-my .side2{width:320px;padding-left:12px;border-left:1px solid #141414}
/* the sidebar starts closed to icons on wider screens; hovering the logo shows the button that opens or closes it (Tools keeps its categories) */
.side-tog{display:none}
@media (min-width:861px){
  .side{position:relative}
  .side-tog{position:absolute;top:18px;right:16px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#9A9A9A;opacity:0;transition:opacity .15s,background .15s,color .15s}
  .brand:hover + .side-tog,.side-tog:hover,.side-tog:focus-visible{opacity:1}
  .side-tog:hover{background:#1A1A1A;color:#fff}
  .app.in-my .side-tog{display:none}
  .app.rail:not(.in-tools):not(.in-my) .side-tog{right:auto;left:22px}
  .app.rail:not(.in-tools):not(.in-my) .side .brand img{transition:opacity .15s}
  .app.rail:not(.in-tools):not(.in-my) .side:has(.side-tog:hover,.side-tog:focus-visible) .brand img{opacity:0}
  .app.rail:not(.in-tools) .side{width:76px;padding-left:12px;padding-right:12px}
  .app.rail:not(.in-tools) .side .brand{justify-content:center;padding-left:0;padding-right:0}
  .app.rail:not(.in-tools) .side .brand > :not(img){display:none}
  .app.rail:not(.in-tools) .side .nav-btn{position:relative;justify-content:center;padding:0;gap:0}
  .app.rail:not(.in-tools) .side .nav-btn > span:not(.nb):not(.nav-badge){display:none}
  .app.rail:not(.in-tools) .side .nav-btn .nb, .app.rail:not(.in-tools) .side #nav-upd-badge{position:absolute;top:9px;right:12px;margin:0}
  .app.rail:not(.in-tools) #recents, .app.rail:not(.in-tools) .side-label{display:none}
  .app.rail:not(.in-tools) .me-btn{justify-content:center;padding:8px 0}
  .app.rail:not(.in-tools) .me-btn > :not(.ava){display:none}
  .app.rail:not(.in-tools) .signin-btn{font-size:0;gap:0;justify-content:center;padding:0}
}
.agd-note.top .ti{flex:none;width:40px;height:40px;border-radius:12px;margin:0}
.agd-note.top .ti img{width:22px;height:22px}
.sm-scrim{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:fade .2s ease both}
.sm-box{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;border:1px solid #262626;border-radius:22px;background:#111;box-shadow:0 40px 100px rgba(0,0,0,.7);animation:rise .3s cubic-bezier(.2,.8,.2,1) both}
.sm-h{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.sm-h > div{flex:1;min-width:0}
.sm-h h2{margin:0;font-size:20px;font-weight:600}
.sm-h p{margin:4px 0 0;font-size:14px;color:#8C8C8C}
.sm-x{width:34px;height:34px;border:1px solid #262626;border-radius:10px;background:transparent;color:#9A9A9A;display:grid;place-items:center}
.sm-x:hover{background:#1A1A1A;color:#fff}
.sm-box .sched-ed{gap:18px}
.sm-box .se-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 10px}
.sm-box .se-seg{margin-left:0}
.sm-box .se-l{flex-basis:100%;width:auto;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6E6E6E}
.sm-box .se-f{margin-top:4px}
.cmark{position:absolute;transform:translateY(-50%);z-index:90;align-items:center;gap:9px;font-size:13px;font-weight:500;animation:cmIn .45s cubic-bezier(.2,.8,.2,1) both;left:calc(100% + 14px);height:auto;border:0;border-radius:14px;cursor:default;white-space:normal;display:none;background:#171717;color:#F2F2F2;box-shadow:0 18px 50px rgba(0,0,0,.65),0 0 0 1px #2C2C2C;padding:14px 16px 14px;width:264px}
.cmark.show{display:block}
.cmark::before{content:"";position:absolute;top:50%;border-left:1px solid #333;border-bottom:1px solid #333;transform:translateY(-50%) rotate(45deg);left:-5px;width:12px;height:12px;border:0;border-radius:2px;background:#171717;box-shadow:-1px 1px 0 #2C2C2C}
.cmark:hover, .cmark:hover::before{background:#171717}
.cmark .cm-k{color:#8C8C8C;padding-right:28px}
.cmark .cm-t{color:#F2F2F2}
.cmark .cm-b{color:#9A9A9A}
.cmark .cm-x{position:absolute;top:10px;right:10px;width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:#8C8C8C;display:grid;place-items:center}
.cmark .cm-x:hover{background:#262626;color:#fff}
.cmark .cm-f{justify-content:flex-start;margin-top:14px}
.cmark .cm-go{background:#F2F2F2;color:#111}
.cmark .cm-go:hover{background:#fff}
.agr-dot.ok, .agr-dot.off{display:block;visibility:hidden}
.runrow .rr-main > .istack{flex:none;width:58px}
#tools .tfix-grid{margin:12px 0 0}
#tools .tfix-grid + .tlabel{margin-top:44px}
.day-tabs{margin:26px 0 18px;display:inline-flex}
.ti img[src^="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+"]{width:58%;height:58%}
.tcard-re .tc-ico{border-color:rgba(255,138,122,.45)}
#tools .tsec-re + .tlabel{margin-top:48px}
@media (max-width:640px){
  .tsec-re .tcards{grid-template-columns:1fr}
}
.rer-list{display:flex;flex-direction:column;gap:10px}
.rer{display:flex;align-items:center;gap:14px;padding:14px 16px 14px 14px;border:1px solid #1F1F1F;border-radius:16px;background:var(--card);animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.rer.leaving{opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s}
.rer-ico{flex:none;width:40px;height:40px;border-radius:12px;background:#151515;border:1px solid rgba(255,138,122,.35);display:grid;place-items:center}
.rer-ico img{width:22px;height:22px;object-fit:contain}
.rer-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rer-m b{font-size:15px;font-weight:600;color:#F2F2F2}
.rer-m span{font-size:13px;color:#8C8C8C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rer-r{flex:none;display:flex;align-items:center;gap:6px}
.rer-r time{font-size:12.5px;color:#6E6E6E;margin-right:8px;font-variant-numeric:tabular-nums}
.nc2-link:hover{color:#fff;background:#161616}
.nc2-link svg{color:#7D7D7D}
.nc2-link:hover svg{color:var(--accent)}
.nc2-f .nc2-link{margin-left:auto}
.utl-flat{margin-top:18px}
.utc-tools{flex:none;width:58px;display:flex;align-items:center}
.utc-tools .istack .ti{width:30px;height:30px}
.utc-r time{font-size:12px;color:#6E6E6E;min-width:64px;text-align:right;white-space:nowrap}
@media (max-width:640px){
  .rer{flex-wrap:wrap}
  .rer-r{width:100%;padding-left:54px}
  .rer-r time{margin-right:auto}
  .nc2-f{flex-wrap:wrap}
}
.s2-sbar{padding:12px 4px 0 6px;animation:dropIn .2s cubic-bezier(.2,.8,.2,1) both}
.s2-sbar .s2-search{height:38px}
.s2-sbar + .s2-list{margin-top:12px}
.s2-search input::-webkit-search-cancel-button{filter:invert(.6)}
.agr{position:relative;flex:none;display:flex;align-items:center;width:100%;border:0;background:transparent;color:inherit;text-align:left;transition:background .15s;min-height:0;padding:10px 12px;gap:12px;border-radius:12px}
.agr.on{background:#1A1A1A}
.agr.on::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);display:none}
.agr .ag-s{color:#6A6A6A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.agr .istack .ti{width:28px;height:28px;border-radius:8px}
.agr .istack .ti img{width:15px;height:15px}
.agr.day .day-c{width:38px;height:38px}
.tc-re{position:absolute;top:18px;right:18px;height:34px;padding:0 14px;border-radius:999px;border:1px solid #2A2A2A;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background .15s,border-color .15s,color .15s;background:#F2F2F2;border-color:#F2F2F2;color:#0A0A0A}
.tc-re:hover{background:#fff;border-color:#fff;color:#0A0A0A}
.tc-re.busy{background:transparent;color:#BDBDBD;font-weight:500;border-color:#2A2A2A}
.tmenu2{top:30px;left:30px;min-width:240px;padding:8px;border-radius:16px;background:#141414;border-color:#2A2A2A;box-shadow:0 24px 60px rgba(0,0,0,.6);text-align:left}
.tmenu2 .tm-who{display:flex;flex-direction:column;gap:4px;padding:8px 10px 10px}
.tmenu2 .tm-who span{font-size:12.5px;color:#7D7D7D}
.tmenu2 .tm-who b{font-size:14.5px;font-weight:500;color:#F2F2F2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmenu2 hr{margin:2px 4px 6px;border:0;border-top:1px solid #262626}
.tmenu2 button{height:40px;padding:0 10px;color:#E6E6E6;font-size:14.5px}
.tmenu2 button.bad{color:#FF8A7A}
.tmenu2 button:hover{background:#1E1E1E}
.q6-tsearch{position:relative;margin-top:6px;border-top:1px solid #1A1A1A;border-radius:0;padding-top:6px}
.q6-tsearch .q6-si{flex:none;width:20px;height:20px;display:grid;place-items:center;color:#7D7D7D}
.q6-tsearch:focus-within .q6-si{color:#E6E6E6}
.q6-sugg{flex:none;display:flex;align-items:center;gap:6px}
.q6-sg{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 6px 0 6px;border:1px solid #2A2A2A;border-radius:999px;background:#121212;color:#E6E6E6;font-size:14px;font-weight:500;animation:fade .2s ease both}
.q6-sg:hover{border-color:#3A3A3A;background:#181818}
.q6-sg-i{width:26px;height:26px;border-radius:50%;background:#1C1C1C;display:grid;place-items:center}
.q6-sg-i img{width:15px;height:15px;object-fit:contain}
.q6-sg-i b{font-size:12px!important}
.q6-sg-p{width:24px;height:24px;border-radius:50%;background:#F2F2F2;color:#0A0A0A;display:grid;place-items:center;font-size:16px;font-weight:600;line-height:1}
.q6-sg-none{font-size:13px;color:#6E6E6E;padding-right:8px}
.recgrid .ecard{min-height:0;padding:24px}
.recgrid .ename{margin-top:auto;padding-top:22px;font-size:17px}
.recgrid .edesc{font-size:14px}
.rec-more button[data-tellmore]{color:#D6D6D6}
.q6-rec, .qreply .q6-rec{flex:none;display:inline-flex;align-items:center;height:22px;margin-left:auto;padding:0 9px;border:1px solid #1F3A27;border-radius:999px;color:#7FD49A;font-size:11.5px;font-weight:600;white-space:nowrap}
.qreply .q6-rec{margin-left:8px}
.rc-who{display:inline-flex;align-items:center;gap:10px;min-width:0}
.rc-who b{font-size:14px;font-weight:600;color:#E6E6E6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xbox-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rc-ok{height:42px!important;padding:0 18px!important;font-size:14px!important}
.rc-view{display:inline-flex;align-items:center;gap:6px;height:42px;margin-left:auto;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#BDBDBD;font-size:14px;font-weight:500}
.rc-view:hover{color:#fff;background:#161616}
.rc-view svg{color:#7D7D7D}
.rc-view:hover svg{color:var(--accent)}
.xbox-cta .rc-cta + .rc-view{margin-left:auto}
.rbounty{display:flex;align-items:center;gap:10px}
.rb-ic{flex:none;color:var(--accent);display:grid;place-items:center}
.rb-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nc2-link{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#BDBDBD;font-size:13.5px;font-weight:500;white-space:nowrap}
@media (max-width:640px){
  .rer-r time{display:none}
  .rer-r{padding-left:54px}
  .utc{flex-wrap:wrap}
  .utc-m{flex-basis:calc(100% - 80px)}
  .utc-r{width:100%;justify-content:flex-end}
  .utc-r time{min-width:0;margin-right:auto;padding-left:72px;text-align:left}
}
.gl-think{--mute:#8A8A86;display:flex;align-items:center;gap:14px;color:var(--mute);font-size:15px;min-height:30px}
.gl-eyes{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}
.gl-eyes-in{display:flex;gap:7px;animation:gl-look 4.2s infinite}
.gl-eyes i{display:block;width:6px;height:14px;border-radius:3.5px;background:#F2F2F0;animation:gl-blink 4.2s infinite;transform-origin:50% 55%}
@keyframes gl-look{0%,10%{transform:translate(0,0)}14%,34%{transform:translate(-4px,-1px)}38%,48%{transform:translate(0,0)}52%,72%{transform:translate(4px,-1px)}76%,100%{transform:translate(0,0)}}
@keyframes gl-blink{0%,4%,7%,42%,45%,86%,89%,92%,100%{transform:scaleY(1)}5.5%,43.5%,87.5%,90.5%{transform:scaleY(.12)}}
.gl-stack{display:grid;min-width:0}
.gl-line{grid-area:1/1;opacity:0;transform:translateY(8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s ease,transform .3s cubic-bezier(.2,.7,.2,1);background:linear-gradient(90deg,var(--mute) 0%,var(--mute) 35%,#F2F2F0 50%,var(--mute) 65%,var(--mute) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gl-shimmer 2.2s linear infinite}
.gl-line.on{opacity:1;transform:none;transition:opacity .35s ease .14s,transform .5s cubic-bezier(.2,.7,.2,1) .14s}
.gl-line.past{transform:translateY(-8px)}
@keyframes gl-shimmer{from{background-position:100% 0}to{background-position:0% 0}}
@media (prefers-reduced-motion:reduce){
  .gl-eyes-in, .gl-eyes i, .gl-line{animation:none}
  .gl-line{color:var(--mute);background:none}
}
.thread > .gl-think{align-self:flex-start;max-width:100%}
.sline.running .sl-h{cursor:default}
.sline.running .sl-h:hover{color:inherit}
.cact .gl-think{min-width:0;max-width:220px}
.si-act .gl-think{justify-content:center;min-height:52px}
.tli.act .tld{border-color:#F2F2F0;color:#F2F2F0}
.rc-head{display:flex;flex-direction:column;gap:4px}
.rc-head h3{margin:0}
.rc-sub{margin:0;font-size:13px;color:#7D7D7D}
.xbox-row .rbadge{margin-left:auto}
.q6-free.tall textarea{min-height:104px}
.q6-foot.noskip{justify-content:flex-end}
.bsteps .bs-list{list-style:none;counter-reset:bs;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.bs-t{flex:1;min-width:0;margin:0;padding:6px 8px;margin-left:-8px;border-radius:8px;font-size:15px;line-height:1.55;color:#E6E6E6;outline:none;transition:background .15s}
.bs-t:hover{background:#121212}
.bs-t:focus{background:#141414}
.bs-t:empty::before{content:attr(data-ph);color:#5E5E5E}
.bs-add{display:block;align-self:flex-start;text-align:left;margin:8px 0 0 34px;padding:0;border:0;background:none;color:#9A9A9A;font-size:14px;font-weight:500}
.bs-add:hover{color:var(--accent)}
.ichip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px 0 6px;margin:2px 1px;border:1px solid #2A2A2A;border-radius:8px;background:#161616;color:#F2F2F2;font-size:15px;font-weight:500;vertical-align:middle;transition:border-color .15s,background .15s,opacity .15s}
.ichip:hover{border-color:#3E3E3E;background:#1C1C1C}
.ichip.off{opacity:.45;text-decoration:line-through}
.ichip.add{padding:0 10px;color:#BDBDBD;border-style:dashed;text-decoration:none;opacity:1}
.ichip-i{width:18px;height:18px;display:grid;place-items:center}
.ichip-i img{width:16px;height:16px;object-fit:contain}
.ichip-i b{font-size:12px!important}
.ichip:disabled{cursor:default;opacity:.8}
.cb-more{margin-top:6px}
.cb-replies{display:flex;flex-wrap:wrap;gap:8px}
.cb-r{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border:0;border-radius:999px;background:#1A1A1A;color:#9A9A9A;font-size:15px;font-weight:500;transition:background .15s,color .15s}
.cb-r:hover{background:#222;color:#F2F2F2}
.cb-r .q6-rec{margin-left:0}
.nu-rot{position:relative;display:inline-grid;flex:1;min-width:0;height:20px;overflow:hidden;text-align:left}
.nu-i{grid-area:1/1;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.nu-i.in{animation:nuIn .4s cubic-bezier(.2,.7,.2,1) both}
.nu-i.out{animation:nuOut .4s cubic-bezier(.2,.7,.2,1) both}
@keyframes nuOut{from{transform:none;opacity:1}to{transform:translateY(-100%);opacity:0}}
@keyframes nuIn{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
#nav-upd.nu-re > svg{color:#FF5A4E}
#nav-upd.nu-ap > svg{color:#F8B300}
#nav-upd.nu-re #nav-upd-badge{background:#FF5A4E!important}
#nav-upd.nu-ap #nav-upd-badge{background:#F8B300!important}
#nav-upd .nu-i.hot{color:#fff}
@media (prefers-reduced-motion:reduce){
  .nu-i, .nu-i.in, .nu-i.out{animation:none;transition:none}
  .nu-i.out{opacity:0}
}
#nav-upd.nu-re > svg path:first-child, #nav-upd.nu-ap > svg path:first-child{fill:currentColor}
.cb-ban{margin-bottom:2px}
.cb-r.on{background:#F2F2F2;color:#0A0A0A}
.cb-r.on:hover{background:#fff;color:#0A0A0A}
.cb-custom{gap:2px;cursor:text}
.cb-custom span{font-weight:600}
.cb-custom input{border:0;outline:0;background:transparent;color:#0A0A0A;font:inherit;font-weight:600;padding:0;min-width:6ch}
.cb-custom input::placeholder{color:#6E6E6E;font-weight:500}
.cb-r:disabled, .cb-custom input:disabled{opacity:.6;cursor:default}
.s2-pills{display:flex;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:12px 4px 0 6px}
.s2-pills::-webkit-scrollbar{display:none}
.s2-pill{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid #262626;border-radius:999px;background:transparent;color:#9A9A9A;font-size:12.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s}
.s2-pill b{font-weight:500;color:#6E6E6E;font-variant-numeric:tabular-nums}
.s2-pill:hover{color:#fff;border-color:#333}
.s2-pill.on{background:#F2F2F2;border-color:#F2F2F2;color:#0A0A0A}
.s2-pill.on b{color:#6E6E6E}
.s2-pd{width:6px;height:6px;border-radius:50%;background:#F2A541}
.s2-pills + .s2-list, .s2-pills + .s2-sbar{margin-top:12px}
.agr-dot{flex:none;border-radius:50%;font-style:normal;margin-top:7px;width:9px;height:9px;align-self:center;margin:0}
.agr-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;margin-right:4px}
.agr-m b{font-weight:600;color:#9A9A9A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s;font-size:15px;display:flex;align-items:center;gap:7px;min-width:0}
.agr-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agr-m b .agr-dot{flex:none;width:6px;height:6px;margin:0;display:block;visibility:visible}
.agr > .istack{flex:none;justify-content:flex-end;width:auto;margin-left:auto}
.rlist .tli{padding-bottom:16px;align-items:center}
.rlist .tlt{padding-top:0;flex:1;min-width:0}
.bsteps .bs-list li{counter-increment:bs;display:flex;gap:12px;align-items:flex-start}
.bsteps .bs-list li::before{content:counter(bs);flex:none;width:22px;height:22px;border-radius:50%;border:1px solid #2E2E2E;display:grid;place-items:center;font-size:12px;font-weight:600;color:#9A9A9A;transform:none;margin-top:7px}
.cb-list{margin:8px 0 0;display:flex;flex-direction:column;gap:6px;padding-left:0;list-style:none;counter-reset:cb}
.cb-list li{counter-increment:cb;display:flex;gap:12px;align-items:flex-start;padding-left:0}
.cb-list li::before{content:counter(cb);flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;border:1px solid #2E2E2E;display:grid;place-items:center;font-size:12px;font-weight:600;color:#9A9A9A}
.nc2-pill i, .cm-dot, .livepill i, .bb-dot{animation:none!important;opacity:1!important;transform:none!important}
.udot2::after, .hlive-dot::before{animation:none!important;display:none!important}
.livepill i, .udot{box-shadow:none!important}
.nav-btn.new:not(.on) svg{color:#9A9A9A}
.nav-btn.on svg{color:var(--accent)}
.pbox.lg{border-radius:28px;align-items:flex-end;padding:12px 12px 12px 28px}
.pbox.lg textarea{min-height:48px;padding:12px 0;font-size:17px;line-height:24px}
.pbox.lg .send{width:48px;height:48px}
/* cascade fixes: media overrides that the flattening moved below their base rule */
@media (max-width:640px){
  .ubub{max-width:90%}
  .stp{gap:7px;height:34px}
}
@media (max-width:480px){
  .chtop{padding:24px 8px 20px}
  .chk{width:16px}
  .chbody{padding:18px}
  .chi.g{width:50px;height:50px}
}
@media (max-width:560px){
  .waitrow{border-radius:20px}
}
@media (max-width:1100px){
  .bento .hero{grid-column:span 2}
}
@media (max-width:860px){
  .agd{padding:4px 16px 48px}
}

/* ===== APP ADDITIONS (not from the prototype) ===== */
/* A setting's value can be one long unbroken string (a pasted place ID or link, a list of addresses): it wraps inside
   its track instead of widening the card (`anywhere`, unlike break-word, also shrinks the min-content the 1fr sizes to). */
.setlist li{overflow-wrap:anywhere}
/* Explore, from the v13 design (Gravity User Flow v13, explore): the saved row scrolls sideways under its heading, an
   empty one says where saved agents go, and "All agents" heads the catalog. */
#xsaved{margin:28px 0 24px}
.xsv-row{display:grid;grid-auto-flow:column;gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;
  grid-auto-columns:calc((100% - 42px) / 3.25);scrollbar-width:thin;scrollbar-color:#2A2A2A transparent}
.xsv-row .ecard{scroll-snap-align:start;min-width:0}
.xall-h{margin:34px 0 0}
#xsaved[hidden] + #xbody .xall-h{margin-top:28px}
.xall-h h2{margin:0;font-size:16px;font-weight:600;color:var(--fg)}
.xall-h + .egrid,.xall-h + .bento{margin-top:12px}
@media (max-width:1100px){ .xsv-row{grid-auto-columns:calc((100% - 14px) / 2.2)} }
@media (max-width:700px){ .xsv-row{grid-auto-columns:85%} }
/* The v13 design's choices for the shell and chat (Gravity User Flow v13): no all-caps labels anywhere (its round 21),
   the open page's nav icon in the text's colour, recent chats as plain rows, Skip as a plain word on a question, and the
   thread and composer a little further from the panel's edges on wide screens. */
*,*::before,*::after{text-transform:none!important}
.side-label,.dlabel,.tlabel,.hero-k,.drop-h,.tlbox-h,.rtab th,.rtext h4,.rh-lbl b,.cm-k,.s2-pl,.sm-box .se-l,.day-c span{letter-spacing:0!important}
.nav-btn.on svg{color:currentColor!important}
.recent{display:block}
.q6-skip{background:none;border:0;padding:0;color:#D4D4D4}
.q6-skip:hover{color:#fff}
/* A picked app in a list of apps reads by its tick alone, as in the design: no grey fill behind the row. */
.q6-body.rows .q6-opt.q6-tile.on{background:transparent}
.q6-body.rows .q6-tile.on .tt-chk svg{background:none}
.thread-wrap{padding:12px 24px 32px}
.composer{padding:0 24px 18px}
.hdr-r{gap:8px}
@media (max-width:640px){ .thread-wrap,.composer{padding-left:12px;padding-right:12px} }
/* Category and Tools come back on a phone, sharing a row under the search (the v13 design; they were hidden there). */
@media (max-width:640px){ .xrow .fpill{display:inline-flex;flex:1;justify-content:center;padding:0 10px} }
/* header feedback popover (the prototype only toasted) */
.hdr-r{position:relative}
.fbpop{position:absolute;top:calc(100% + 8px);right:0;z-index:59;width:min(340px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:#121212;border:1px solid #2A2A2A;box-shadow:0 24px 60px rgba(0,0,0,.6);animation:dropIn .2s cubic-bezier(.2,.8,.2,1) both}
.fbpop b{font-size:14px;font-weight:600;color:#F2F2F2}
.fbpop textarea{width:100%;min-height:88px;padding:10px 12px;border:1px solid #262626;border-radius:12px;background:#0F0F0F;color:#F2F2F2;font:inherit;font-size:14px;line-height:1.5;resize:vertical;outline:none}
.fbpop textarea:focus{border-color:#3E3E3E}
.fbpop-f{display:flex;justify-content:flex-end;gap:8px}
.fbpop-f .wbtn.sm,.fbpop-f .ghost2{height:36px;padding:0 14px;font-size:13px}
/* account menu items the app adds */
.acct-i.danger,.acct-i.danger svg{color:#FF9A8A}
/* view placeholders while a module is not written yet */
.coming{margin:48px auto;max-width:520px;padding:32px;border:1px dashed #262626;border-radius:20px;text-align:center;color:#8C8C8C}
.coming b{display:block;margin-bottom:6px;font-size:17px;color:#F2F2F2}
/* a chat root with no module content keeps the island anchored */
#island-root[hidden]{display:none!important}
/* phones: the Tools page keeps the 16px gutter (the prototype's 56px rule sits after its media query) */
@media (max-width:860px){
  #tools .sticky-h, #tools .sm-body{padding-left:16px;padding-right:16px}
}
/* small phones: the "Not sure where to start?" bubble goes under the Explore title instead of wrapping beside it */
@media (max-width:480px){
  .xtop{flex-wrap:wrap}
  .xtop .gbub{width:100%}
}
/* a little light flies from a new bounty to the Updates item, with a tip under it (feedback.js) */
.flydot{position:fixed;left:0;top:0;z-index:200;width:14px;height:14px;border-radius:50%;background:var(--accent,#F8B300);box-shadow:0 0 0 5px rgba(248,179,0,.22),0 0 26px rgba(248,179,0,.8);pointer-events:none}
.navtip{position:fixed;z-index:150;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;max-width:250px;padding:11px 14px;border-radius:14px;background:#1E1E1E;border:1px solid #363636;box-shadow:0 18px 40px rgba(0,0,0,.6);animation:tipIn .35s cubic-bezier(.2,.8,.2,1) both;transition:opacity .3s}
.navtip::before{content:"";position:absolute;left:-6px;top:50%;width:10px;height:10px;background:#1E1E1E;border-left:1px solid #363636;border-bottom:1px solid #363636;transform:translateY(-50%) rotate(45deg)}
.navtip b{font-size:14px;color:#F2F2F2}.navtip span{font-size:12.5px;color:#9A9A9A;line-height:1.4}.navtip.out{opacity:0}
@keyframes tipIn{from{opacity:0;transform:translate(-8px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
/* phones: the eight step pills do not fit, so the bar swipes sideways instead of clipping the current step (core.js scrolls it into view) */
@media (max-width:640px){
  .steps{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .steps::-webkit-scrollbar{display:none}
}

/* ── an agent's own layout of its result (layout.js) ─────────────────────────────────────── */
.lyout{display:flex;flex-direction:column;gap:22px;padding:6px 0 14px}
.lyout.lytabbed{gap:18px}
.lynav{display:flex;gap:2px;width:fit-content;max-width:100%;padding:4px;border:1px solid #1E1E1E;border-radius:999px;background:#0A0A0A;overflow-x:auto;scrollbar-width:none}
.lynav::-webkit-scrollbar{display:none}
.lynav button{flex:none;height:32px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#8C8C8C;font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.lynav button:hover{color:var(--fg)}
.lynav button[aria-selected="true"]{background:var(--fg);color:#0A0A0A}
.lypane{display:flex;flex-direction:column;gap:22px;min-width:0}
.lypane[hidden]{display:none}
.lytabbed .lytab{max-height:none}
:root[data-screen="phone"] .lyout .lyc summary,:root[data-screen="phone"] .lyout .lyc-row{flex-wrap:wrap;row-gap:8px}:root[data-screen="phone"] .lyout .lyc-main{flex:1 1 calc(100% - 38px)}:root[data-screen="phone"] .lyout .lyc-side{flex:1 1 100%;max-width:100%;justify-content:flex-start;padding-left:38px}
.chatbox .tlbox.open .tlin.lay{max-height:none}
.lyblock{display:flex;flex-direction:column;gap:10px;min-width:0}
.lyh{display:flex;align-items:baseline;gap:10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.lyh em{font-style:normal;font-weight:500;letter-spacing:0;text-transform:none;color:var(--dim)}
.lynote{margin:0;font-size:13px;color:var(--dim)}
.lylbl{display:block;font-size:12px;color:var(--mute);margin-bottom:4px}
.lybadge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border:1px solid #2C2C2C;border-radius:999px;background:#141414;color:#D0D0D0;font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.lybadge::before{content:"";width:6px;height:6px;border-radius:50%;background:#6E6E6E}
.lybadge.ok::before{background:#4CC38A}.lybadge.warn::before{background:var(--accent)}.lybadge.bad::before{background:#E5484D}
.lybadge.accent{color:var(--fg)}
.lymetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--hair)}
.lymetric{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--card);min-width:0}
.lymetric b{font-size:24px;font-weight:600;line-height:1.1;color:var(--fg);font-variant-numeric:tabular-nums}
.lymetric span:where(:not(.lydigit)){font-size:12px;color:var(--mute)}.lymetric small{font-size:12px;color:var(--dim)}
.lycards{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.lyc+.lyc{border-top:1px solid var(--hair)}
.lyc summary{list-style:none;cursor:pointer}.lyc summary::-webkit-details-marker{display:none}
.lyc summary,.lyc-row{display:flex;align-items:center;gap:14px;padding:12px 16px;min-width:0}
.lyc summary:hover{background:#111}
.lyc .tld{width:24px;height:24px;font-size:12px}
.lyc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lyc-title{font-size:15px;font-weight:500;line-height:1.35;color:var(--fg);text-wrap:pretty;overflow-wrap:anywhere}
.lyc-title a{color:inherit;text-decoration:none}.lyc-title a:hover{text-decoration:underline;text-decoration-color:#3a3a3a;text-underline-offset:3px}
.lyc-sub{font-size:13px;color:var(--mute);text-wrap:pretty}
.lyc-side{flex:none;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:48%}
.lyc-chev{color:var(--dim);font-size:14px;transition:transform .2s}
.lyc details[open] .lyc-chev{transform:rotate(90deg)}
.lyc-body{display:flex;flex-direction:column;gap:12px;padding:4px 16px 16px 54px;border-top:1px solid var(--hair)}
.lyc-body.open{border-top:0;padding-top:0}
.lyc-body p{margin:0;font-size:14px;line-height:1.55;color:#C9C9C9}
.lyc-act{display:flex;gap:10px}
.lysec{min-width:0}
.lylist{margin:0;padding-left:18px;font-size:13px;line-height:1.5;color:#C9C9C9;display:flex;flex-direction:column;gap:3px}
.lyfacts{margin:0;display:flex;flex-direction:column}
.lyfacts div{display:flex;gap:16px;padding:7px 0;border-top:1px solid var(--hair);font-size:13px}
.lyfacts div:first-child{border-top:0}
.lyfacts dt{flex:none;width:150px;color:var(--mute)}.lyfacts dd{margin:0;min-width:0;color:#D6D6D6;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.lyfacts dd a{color:inherit;text-decoration:underline;text-decoration-color:#3a3a3a;text-underline-offset:3px}
.lyfactgroups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.lygroup{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px 16px;min-width:0}
.lygroup .lylbl{font-size:14px;color:var(--fg);font-weight:500;margin-bottom:6px}
.lysteps{margin:0;padding-left:22px;font-size:14px;line-height:1.55;color:#D6D6D6;display:flex;flex-direction:column;gap:6px}
.lyplan{padding:4px 0 0}
.lyplan .tli{padding-bottom:12px}
.lyplan-t{display:flex;flex-direction:column;gap:1px;padding-top:0}
.lyplan-t small{font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.lyplan-t .done{color:var(--dim);text-decoration:line-through}
.lyplan-t em{font-style:normal;font-size:12px;color:var(--dim)}
.lytab{margin:0;border:1px solid var(--line);border-radius:14px;max-height:420px}
.lytab .rtab th{padding:12px 14px!important;background:var(--card)}
.lytab .rtab td{padding:12px 14px!important;vertical-align:top;white-space:normal;min-width:90px}
.lytab .rtab td:first-child{min-width:170px}
.lynum{font-variant-numeric:tabular-nums;color:var(--fg)}
.lysub{display:block;font-size:12px;color:var(--dim);margin-top:2px}
.lyfold{margin-top:4px}
.lyfold summary{cursor:pointer;font-size:13px;color:var(--mute);list-style:none}
.lyfold summary::-webkit-details-marker{display:none}
.lyfold summary::after{content:" ›";color:var(--dim)}
.lyfold[open] summary::after{content:" ‹"}

/* ---- a file question in the set-up box (run.js inputQuestions, manifest type: file) ---- */
.q6-file{display:flex;flex-direction:column;gap:10px;padding:18px 22px}
.q6-drop{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border:1px dashed #2E2E2E;border-radius:14px;background:#0A0A0A;color:#F2F2F2;text-align:left;transition:border-color .15s,background .15s}
.q6-drop:hover,.q6-drop.over{border-color:#4A4A4A;background:#111}
.q6-di{flex:none;width:40px;height:40px;border-radius:10px;background:#1A1A1A;display:grid;place-items:center;color:#BDBDBD}
.q6-dt{display:flex;flex-direction:column;gap:2px;min-width:0}
.q6-dt b{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q6-dt b span{font-weight:400;color:#7D7D7D}
.q6-dt small{font-size:12.5px;color:#7D7D7D}
.q6-picked{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #262626;border-radius:14px;background:#0A0A0A}
.q6-picked .q6-dt{flex:1}
.q6-picked .icon-btn{width:32px;height:32px;border-radius:50%}
.q6-ferr{font-size:13px;color:#FF8A8A}
.q6-free input{color-scheme:dark}

/* a result inside /app/my's run history: the chat card's body without the card */
.rh-dl{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.rh-res .tlbox{margin:0 0 12px}
/* the agent panel's "What you'll get" cards sit apart (explore.js; the prototype had them touching) */
.getbox+.getbox{margin-top:10px}
/* with the steps bar off (core.js STEPS_BAR) the chat header carries the agent's name instead; phones keep the title off, as on every page */
@media (min-width:861px){
  .app.in-chat .hdr-title{display:block}
}
/* feedback popover: the web app's Bug / Feedback / Request choice */
.fbpop-t{display:flex;gap:6px}
.fbt{height:30px;padding:0 12px;border:1px solid #2A2A2A;border-radius:999px;background:#0F0F0F;color:#A3A3A3;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}
.fbt:hover{color:#E5E5E5}
.fbt.on{background:var(--accent,#F8B300);border-color:var(--accent,#F8B300);color:#111}
.fbpop-f .wbtn.sm[disabled]{opacity:.6}

/* ================= Request an agent (Explore: "Can’t find the agent you need? Request one") ================= */
.req-scrim{position:absolute;inset:0;z-index:44;border:0;padding:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;animation:fade .25s ease both}
.req{--rr:12px;position:absolute;z-index:45;display:flex;flex-direction:column;background:#0B0B0B;border:1px solid #232323;overflow:hidden}
.req:focus{outline:none}
.req.panel{top:8px;right:8px;bottom:8px;width:min(560px,calc(100% - 16px));border-radius:20px;box-shadow:-30px 0 80px rgba(0,0,0,.55);animation:slidein .42s cubic-bezier(.2,.8,.2,1) both}
.req-top{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 14px 0 28px}
.req-body{flex:1;min-height:0;overflow-y:auto;padding:14px 28px 8px;display:block}
.req h2{margin:0;font-size:30px;line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--fg);text-wrap:balance}
.req-sub{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--mute)}
.rq{display:flex;flex-direction:column;gap:12px;margin-top:30px}
.rq-l{display:flex;align-items:baseline;gap:10px;font-size:17px;font-weight:600;color:var(--fg)}
.rq-l .rq-opt{font-size:13px;font-weight:500;color:#949494}
.rq-req{margin-left:4px;color:#FF5A4E;font-weight:600}
.rq-count{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:rgba(248,179,0,.1);color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}
.rq-count[hidden]{display:none}
.rq-err{margin:-4px 0 0;font-size:13px;color:#FF9A8A}
.rq-err[hidden]{display:none}
.rq-box{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 16px;border:1px solid #2E2E2E;border-radius:var(--rr);background:#111;transition:border-color .2s}
.rq-box:focus-within{border-color:#4A4A4A}
.rq-box.bad,.rq-in.bad{border-color:rgba(255,122,102,.65)}
.rq-box textarea{position:relative;z-index:1;width:100%;min-height:72px;max-height:200px;padding:0;border:0;background:transparent;outline:none;resize:none;font-size:15px;line-height:1.55;color:var(--fg)}
.rq-ph{position:absolute;left:16px;right:16px;top:12px;pointer-events:none;font-size:15px;line-height:1.55;color:#858585;overflow:hidden}
.rq-ph[hidden]{display:none}
.rq-ph-s{display:block}
.rq-ph-l{display:grid}
.rq-ph-ex{grid-area:1/1;opacity:0;transition:opacity .6s ease}
.rq-ph-ex.on{opacity:1}
.rq-chips{display:flex;flex-wrap:wrap;gap:8px}
.rc{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 6px;border:1px solid #2A2A2A;border-radius:var(--rr);background:transparent;color:#C9C9C9;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s}
.rc:hover{border-color:#3E3E3E;color:#fff}
.rc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rc:disabled,.rq-in:disabled,.rq-box textarea:disabled{opacity:.55;cursor:not-allowed}
.rc .rc-i{width:26px;height:26px;border-radius:8px;background:#171717;display:grid;place-items:center;color:#CFCFCF}
.rc .rc-i img{width:15px;height:15px;object-fit:contain}
.rc .rc-i b{font-size:11px;font-weight:700}
.rc .rc-n{min-width:0;white-space:nowrap}
.rc.on{background:#1C1C1C;border-color:#F2F2F2;color:#fff}
.rc .rc-k{display:none;color:var(--accent)}
.rc.on .rc-k{display:grid}
.rc.srch{padding:0 16px 0 12px;border-color:#F2F2F2;background:#F2F2F2;color:#0A0A0A;font-weight:600}
.rc.srch svg{color:#0A0A0A}
.rc.srch:hover{background:#fff;border-color:#fff;color:#0A0A0A}
.rq-search{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 12px;border:1px solid #4A4A4A;border-radius:var(--rr);background:#111;color:#8C8C8C;min-width:220px}
.rq-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:14px;color:var(--fg)}
.rq-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.rq-sx{width:26px;height:26px;border:0;border-radius:var(--rr);background:transparent;color:#8C8C8C;display:grid;place-items:center}
.rq-sx:hover{background:#222;color:#fff}
.rq-sug{position:absolute;left:0;top:calc(100% + 6px);z-index:3;min-width:240px;padding:6px;border:1px solid #2A2A2A;border-radius:var(--rr);background:#141414;box-shadow:0 20px 50px rgba(0,0,0,.6);animation:dropIn .18s ease both}
.rq-sug button{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border:0;border-radius:var(--rr);background:transparent;color:#E6E6E6;font-size:14px;text-align:left}
.rq-sug button:hover,.rq-sug button.hi{background:#1F1F1F}
.rq-sug .rc-i{width:24px;height:24px;border-radius:8px;background:#1C1C1C;display:grid;place-items:center}
.rq-sug .rc-i img{width:14px;height:14px}
.rq-sug .rc-i b{font-size:11px}
.rq-sug em{padding:8px 10px;display:block;font-style:normal;font-size:13px;color:var(--dim)}
.rq-added{margin-left:auto;color:#949494;font-size:12px}
.rq-in{width:100%;height:46px;padding:0 18px;border:1px solid #2E2E2E;border-radius:var(--rr);background:#111;color:var(--fg);font-size:15px;outline:none;transition:border-color .2s}
.rq-in:focus{border-color:#4A4A4A}
.req-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;row-gap:10px;padding:16px 20px 18px 28px;border-top:1px solid var(--hair)}
.req-foot .btn-w,.req-foot .btn-g,.req-top .icon-btn{border-radius:var(--rr)!important}
.req-foot .btn-w{height:46px}
.req-foot [data-rsend]{flex:none;display:inline-flex;align-items:center;gap:8px}
.req-foot [data-rsend] svg{transition:transform .2s}
.req-foot [data-rsend]:hover svg{transform:translateX(2px)}
.req-foot [data-rsend]:not(:disabled){background:var(--accent);color:#111}
.req-foot [data-rsend]:not(:disabled):hover{background:var(--accent-hi)}
.req-foot .btn-w:disabled,.req-foot .btn-w:disabled:hover{background:#1C1C1C;color:#5E5E5E;cursor:not-allowed}
.req-foot .btn-w:disabled svg{transform:none!important}
.rq-status{flex:1;min-width:0;font-size:13px;line-height:1.4;color:#949494}
.rq-status.bad{color:#FF9A8A}
.mini-spin.dark{border-color:#BDBDBD;border-top-color:#111}
/* the email, asked only after Submit */
.req-foot.ask{display:block;padding:18px 20px 20px 28px;animation:rise .3s cubic-bezier(.2,.8,.2,1) both}
.rq-ask-l{display:block;margin-bottom:10px;font-size:15px;font-weight:600;color:var(--fg)}
.rq-ask-row{display:flex;gap:10px;align-items:center}
.rq-ask-row .rq-in{flex:1;min-width:0;height:46px}
.rq-ask .rq-err{margin:8px 0 0}
.rq-ask-alt{display:block;margin-top:10px;font-size:13px;color:var(--dim)}
.rq-link{border:0;padding:0;background:none;color:var(--fg);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#555;cursor:pointer}
.rq-link:hover{text-decoration-color:var(--fg)}
/* sent */
.rq-done{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 0 8px;text-align:center}
.rq-hero{position:relative;width:240px;height:180px;margin:4px 0 0}
.rq-hero svg{position:absolute;inset:0}
.rq-hero img{position:absolute;left:52px;top:24px;width:136px;height:auto}
.rq-done h2{margin:0;font-size:30px;text-align:center}
.rq-sum{width:100%;margin-top:8px;border:1px solid #1F1F1F;border-radius:var(--rr);background:#0F0F0F;text-align:left}
.rq-sum div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:13px 16px;font-size:14px;line-height:1.5;color:#E6E6E6}
.rq-sum div + div{border-top:1px solid #181818}
.rq-sum span{color:#7D7D7D}
.rq-next{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px 16px;border-radius:var(--rr);background:#121212;font-size:14px;line-height:1.5;color:#A3A3A3}
.rq-next b{display:block;color:var(--fg);font-weight:600;margin-bottom:2px}
.rq-next svg{flex:none;color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:640px){
  .req-top{padding-left:18px}
  .req-body{padding:12px 18px 8px}
  .req-foot{padding:14px 16px 16px 18px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
  .req h2{font-size:26px}
  .rq-search{min-width:0;flex:1 1 100%}
  .rq-status{flex-basis:100%;order:-1}
  .req-foot:not(.ask) [data-rsend]{width:100%;justify-content:center}
  .req-foot.ask{padding:14px 16px 16px 18px}
  .rq-ask-row{flex-direction:column;align-items:stretch}
  .rq-ask-row .rq-in{flex:none;height:50px}
  .rq-ask-row [data-rsend]{width:100%;justify-content:center}
}

/* ================= Report issues: the main app's Bug / Feedback / Request modal, bottom right ================= */
.rp-ov{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;background:rgba(0,0,0,.4)}
.rp{position:relative;display:flex;flex-direction:column;gap:18px;width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;padding:18px;border:2px solid #2A2A2A;border-radius:16px;background:#050505;box-shadow:0 25px 50px -12px rgba(0,0,0,.6)}
.rp-tabs{display:flex;gap:16px}
.rp-tab{flex:1;padding:8px 16px;border:1px solid #2A2A2A;border-radius:8px;background:#0A0A0A;color:#A3A3A3;font-size:16px;font-weight:600;letter-spacing:-.32px;text-align:center;cursor:pointer;transition:background .15s,color .15s}
.rp-tab:hover{color:#E5E5E5}
.rp-tab.on{background:#1C1C1C;color:#E5E5E5}
.rp-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:80px 40px;border:0;border-radius:16px;background:#181818;color:#A3A3A3;font-size:16px;font-weight:500;letter-spacing:-.16px;cursor:pointer;transition:background .15s,color .15s}
.rp-cap:hover{background:#1C1C1C;color:#E5E5E5}
.rp-shot{position:relative;width:100%;aspect-ratio:352/218}
.rp-shot img{width:100%;height:100%;object-fit:contain;border:1px solid #1C1C1C;border-radius:8px;background:#181818}
.rp-shot-x{position:absolute;top:7px;right:7px;display:grid;place-items:center;padding:8px;border:1px solid #2A2A2A;border-radius:8px;background:#2A0808;color:#FF3333;cursor:pointer;transition:filter .15s}
.rp-shot-x:hover{filter:brightness(1.25)}
.rp-form{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.rp-div{width:100%;padding:8px 0}
.rp-div i{display:block;width:100%;height:1px;background:#2A2A2A}
.rp-lbl{width:100%;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:-.24px;color:#737373}
.rp textarea{width:100%;min-height:80px;max-height:240px;padding:0;border:0;background:transparent;resize:none;outline:none;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.16px;color:#E5E5E5}
.rp textarea::placeholder{color:#A3A3A3;font-style:italic}
.rp-err{width:100%;margin:0;padding:8px 12px;border:1px solid #5E1414;border-radius:8px;background:#2A0808;color:#FF3333;font-size:14px;font-weight:500;line-height:1.4}
.rp-send{flex:none;display:grid;place-items:center;padding:8px;border:1px solid #2A2A2A;border-radius:8px;background:#1C1C1C;color:#A3A3A3;cursor:not-allowed;transition:background .15s,color .15s}
.rp-send.on{border-color:transparent;background:#F8B300;color:#111;cursor:pointer}
.rp-send.on:hover{background:#FFCC33}
.rp-send .mini-spin{width:20px;height:20px}
.rp-done{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 0;text-align:center}
.rp-ok{color:#52D68C}
.rp-done-t{margin:0;font-size:20px;font-weight:600;letter-spacing:-.4px;color:#E5E5E5}
.rp-done-s{margin:0;font-size:16px;font-weight:500;letter-spacing:-.16px;color:#A3A3A3}
.rp-disc{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;border-radius:14px;background:rgba(5,5,5,.95);text-align:center}
.rp-disc-t{margin:0;font-size:24px;font-weight:600;line-height:1.4;letter-spacing:-.24px;color:#E5E5E5}
.rp-disc-s{margin:8px 0 0;font-size:16px;font-weight:500;line-height:1.4;color:#737373}
.rp-disc-b{display:flex;gap:12px}
.rp-btn2{padding:8px 16px;border:1px solid #2A2A2A;border-radius:8px;background:#0A0A0A;color:#E5E5E5;font-size:16px;font-weight:600;letter-spacing:-.32px;cursor:pointer}
.rp-btn2:hover{background:#181818}
.rp-btnx{padding:8px 16px;border:0;border-radius:8px;background:#FF3333;color:#111;font-size:16px;font-weight:600;letter-spacing:-.32px;cursor:pointer}
.rp-btnx:hover{filter:brightness(1.1)}
@media (max-width:639px){ .rp-ov{padding:16px} }
/* the screenshot editor */
.an-ov{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:32px;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.an{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 32px);max-width:1100px;padding:12px;border-radius:16px;background:#0D0D0D;box-shadow:0 25px 50px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1)}
.an-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.an-tools{display:flex;align-items:center;gap:4px;padding:4px;border-radius:16px;background:rgba(255,255,255,.06)}
.an-t{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.7);cursor:pointer;transition:background .15s,color .15s}
.an-t:hover{background:rgba(255,255,255,.1);color:#fff}
.an-t.on{background:#F8B300;color:#111}
.an-t:disabled{opacity:.4;cursor:not-allowed}
.an-sep{width:1px;height:24px;margin:0 4px;background:rgba(255,255,255,.15)}
.an-cv{position:relative;align-self:center;overflow:hidden;border-radius:12px}
.an-cv canvas{display:block;max-height:68vh;max-width:min(1040px,calc(100vw - 88px));touch-action:none}
.an-ta{position:absolute;z-index:10;min-width:80px;max-width:60vw;max-height:30vh;padding:0 4px;border:1px solid #F8B300;border-radius:2px;background:rgba(0,0,0,.6);color:#fff;font-weight:600;font-family:Inter,Arial,sans-serif;outline:none;resize:none;overflow-y:auto}
.an-ta::placeholder{color:rgba(255,255,255,.5)}
.an-f{display:flex;align-items:center;justify-content:space-between;gap:12px}
.an-hint{margin:0;font-size:13px;font-weight:500;color:rgba(255,255,255,.55)}
.an-done{padding:8px 20px;border:0;border-radius:8px;background:#F8B300;color:#111;font-size:14px;font-weight:600;letter-spacing:-.28px;cursor:pointer}
.an-done:hover{background:#FFCC33}
@media (max-width:639px){ .an-ov{padding:16px} }
/* result choices: a Gravity banner under the result card (prototype rounds 18, 20, 21, 25, 26) */
.rc-ban{flex-wrap:wrap;margin:-8px 0 4px}
/* the result check acting: what to fix under a result that falls short */
.rc-check{flex-wrap:wrap;align-items:flex-start;border-radius:22px;padding:10px 10px 10px 8px;margin:-4px 0 8px}
.rc-check .wr-t{white-space:normal;padding-top:8px;line-height:1.5}
.rc-fixes{margin:6px 0 2px;padding-left:18px;color:#BDBDBD;font-size:14px}
.rc-fixes li{margin:2px 0}
.rc-check .rc-cta{margin-left:auto;align-self:flex-end}
/* recurring runs: what's new since the last run, over a scheduled run's result (run.js sinceBar) */
.rc-since{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 14px;padding:10px 12px 10px 14px;border:1px solid var(--line);border-radius:14px;background:#111;color:#BDBDBD;font-size:13.5px;line-height:1.45}
.rc-since b{color:#E6E6E6;font-weight:600}
.rc-since-b{margin-left:auto;height:32px;padding:0 12px;border:1px solid #2C2C2C;border-radius:999px;background:#151515;color:#E6E6E6;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}
.rc-since-b:hover{background:#1E1E1E}
.rc-since-b:disabled{opacity:.5;cursor:default}
.lysince-what{color:#BDBDBD}
.wndock{container-type:inline-size;padding:4px 0 0;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.wndock[hidden]{display:none}
.wndock>.lyblock-actions,.wndock>.roffer{margin:0;padding:0;border:0}

.rc-ban .wr-t{white-space:normal}
/* a delivery the agent asked for, waiting for the person's OK (run.js askedOks) */
.rc-ok .wr-t small{display:block;margin-top:2px;font-size:12.5px;font-weight:400;color:#9a9a9a}
.rc-ban .rc-cta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}
.rc-b{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:0;border-radius:999px;background:#151515;color:#E6E6E6;font-size:13.5px;font-weight:500;transition:background .15s,color .15s,opacity .15s}
.rc-b.rc-like{background:#F2F2F2;color:#0A0A0A;font-weight:600}
.rc-b.rc-like svg{color:#0A0A0A}
.rc-b.rc-like:hover{background:#fff}
.rc-b.rc-mid{background:#1E1E1E;color:var(--accent)}
.rc-b.rc-mid svg{color:var(--accent)}
.rc-b.rc-mid:hover{background:#262626;color:#FFC633}
.rc-b.rc-bad{background:#3B0D0D;color:#FF8A7A;box-shadow:inset 0 0 0 1px #6B1A1A}
.rc-b.rc-bad svg{color:#FF8A7A}
.rc-b.rc-bad:hover{background:#4A1111;color:#FFA394}
.rc-b:disabled{opacity:.4;cursor:default}
.rc-ban .rc-cta .rc-b.picked:disabled{opacity:1}
.rc-b .rc-s{display:none}
@media (max-width:720px){ .rc-ban{border-radius:20px;padding:10px} .rc-ban .rc-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-left:0} .rc-ban .rc-b{justify-content:center;gap:6px;padding:0 8px} .rc-b .rc-l{display:none} .rc-b .rc-s{display:inline} }
:root[data-screen="phone"] .rc-ban .rc-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-left:0}:root[data-screen="phone"] .rc-ban .rc-b{justify-content:center;gap:6px;padding:0 8px}:root[data-screen="phone"] .rc-b .rc-l{display:none}:root[data-screen="phone"] .rc-b .rc-s{display:inline}

/* ===== bounty brief: two steps in one box (Ask → Get) ===== */
.bswipe .bf2-body{padding-top:16px}
.bsw-vp{overflow:hidden;transition:height .38s cubic-bezier(.2,.8,.2,1)}
.bsw-tr{display:flex;align-items:flex-start;width:200%;transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.bsw-p{width:50%;flex:none;min-width:0}
.bsw-p[inert]{opacity:.25;transition:opacity .3s}
.bsw-p:not([inert]){opacity:1;transition:opacity .3s}
.bsplit{display:flex;flex-direction:column;gap:0}
.bs2-ask{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px;padding-right:52px;border-radius:16px;background:#141414}
.bs2-av{flex:none;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#111;display:grid;place-items:center;font-size:12px;font-weight:700}
.bs2-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.bs2-k{font-size:13px;color:#8C8C8C}
.bs2-t{margin:0;padding:4px 6px;margin-left:-6px;border-radius:8px;font-size:15px;line-height:1.6;color:#E6E6E6;outline:none;transition:background .15s}
.bs2-t:hover{background:rgba(255,255,255,.03)}
.bs2-t:focus{background:#101010;box-shadow:inset 0 0 0 1px #333}
.bs2-ed{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#8A8A8A;display:grid;place-items:center;transition:background .15s,color .15s}
.bs2-ed:hover{background:#222;color:#fff}
.bs2-ed svg{width:16px;height:16px}
.bsw-back{display:inline-flex;align-items:center;gap:6px;margin-right:auto}
.bsw-sum > .bf3:first-child{padding-top:0;border-top:0}
.bsum-list{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.55;color:#E6E6E6}
.bsum-list li::marker{color:#6E6E6E}
.bsum-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bsum-tools .bf-chip{padding-right:12px}
.bsum-how{display:flex;flex-direction:column;gap:12px}
.bsum-r{display:flex;gap:14px;align-items:center}
.bsum-i{flex:none;width:34px;height:34px;border-radius:10px;background:#161616;color:#D6D6D6;display:grid;place-items:center}
.bsum-r div{display:flex;flex-direction:column;gap:2px}
.bsum-r b{font-size:15px;font-weight:500;color:#F2F2F2}
.bsum-how.row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bsum-how.row .bsum-r{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;background:#141414}
.bsum-how.row .bsum-r b{font-size:14px;line-height:1.45}
.amtb-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 0 10px!important}
.amtb-k{font-size:14px;color:#9A9A9A;font-weight:600}
.amtb{display:inline-flex;align-items:center;gap:2px;margin:10px 0 6px;cursor:text}
.amtb-cur{font-size:36px;font-weight:500;color:#6E6E6E;margin-right:4px}
.amtb input{border:0;background:transparent;color:#fff;font:inherit;font-size:64px;font-weight:600;line-height:1.1;letter-spacing:-.02em;outline:none;padding:0;text-align:left;font-variant-numeric:tabular-nums;caret-color:var(--accent)}
.amtb-caret{width:3px;height:52px;border-radius:2px;background:var(--accent);animation:amtBlink 1.1s steps(1) infinite}
.amtb:focus-within .amtb-caret{display:none}
@keyframes amtBlink{50%{opacity:0}}
.amtb-hint{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#8C8C8C}
.amtb-hint svg{color:var(--accent)}
.amt-sug{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;margin-top:16px}
.amt-sug > span{font-size:13px;color:#7D7D7D;margin-right:4px}
.amt-s{height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#9A9A9A;font-size:15px;font-weight:500;text-underline-offset:5px}
.amt-s:hover{color:#fff}
.amt-s.on{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px}
.bswipe .bf-foot{align-items:center;flex-wrap:wrap}
.bswipe .bf-sum{margin-right:auto;font-size:13px;color:#8C8C8C}
@media (max-width:640px){ .bsum-how.row{grid-template-columns:1fr} .bsum-how.row .bsum-r{flex-direction:row;align-items:center} .amtb input{font-size:48px} .amtb-caret{height:40px} }
/* bounty brief: the tool search sits among the chips */
.bf-tools{--rr:12px}
.bf-tools .bf-search{position:relative;height:36px;min-width:230px;border-radius:999px}
.bf-tools .bf-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:14px;color:var(--fg)}
.bf-tools .rq-sug{left:0;top:calc(100% + 6px);min-width:260px}
.bf-tools .rq-sug .rc-i{width:24px;height:24px;border-radius:8px;background:#1C1C1C;display:grid;place-items:center}
.bf-tools .rq-sug .rc-i img{width:14px;height:14px}
.bf-tools .rq-sug em{display:block;padding:8px 10px;font-style:normal;font-size:13px;color:#7D7D7D}
.bf-add[data-tadd]{cursor:pointer}
/* bounty brief: price struck out, tool search popover readable */
.bf-price{display:inline-flex;align-items:baseline;gap:8px;font-size:15px;line-height:1}
.bf-price s{font-size:20px;font-weight:500;color:#6E6E6E;text-decoration-thickness:2px}
.bf-price b{font-size:26px;font-weight:700;color:var(--accent);letter-spacing:-.01em}
.bf-price small{font-size:10px;font-weight:500;color:#5E5E5E;letter-spacing:.02em}
.bf-tools .rq-sug{z-index:30;min-width:280px;max-width:360px;white-space:normal}
.bf-tools .rq-sug em{line-height:1.45}
.bf-tools .rq-sug .rc-i b{font-size:12px}
.bs2-ask{padding-left:16px}
.bs2-note{display:inline-flex;align-items:center;gap:8px;margin:8px 0 0;font-size:13.5px;color:#7FD49A}
.bs2-note svg{width:14px;height:14px}
/* sidebar: Recent chats scroll on their own, the nav and the account corner never squash */
.side > .brand,.side > .nav-btn,.side > .side-label,.side > .side-foot{flex:none}
#recents{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#242424 transparent;margin-right:-6px;padding-right:6px}
#recents .side-label{position:sticky;top:0;background:var(--ink);z-index:1}
.bb-timer:not(.ready){display:none!important}

/* ===== My agents sidebar: sections (prototype rounds 21-23) =====
   The list splits into Need approval / Running / Inactive. Each section folds from its header, shows
   five rows, then a faded sixth and "Show all N". The pills above filter Recurring / One-time. */
.s2-sec{display:flex;flex-direction:column;gap:2px}
.s2-sec + .s2-sec{margin-top:16px;padding-top:16px;border-top:1px solid #1E1E1E}
.s2-sh{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#9A9A9A;font-size:13px;font-weight:600;text-align:left}
.s2-sh:hover{color:#fff;background:#141414}
.s2-sh b{font-weight:500;color:#5E5E5E;font-variant-numeric:tabular-nums}
.s2-sh svg{margin-left:auto;width:14px;height:14px;color:#6E6E6E;transition:transform .2s}
.s2-sec.shut .s2-sh svg{transform:rotate(-90deg)}
.s2-sec.sec-pending .s2-sh span{color:var(--accent)}
.s2-sec.sec-running .s2-sh span{color:#7FD49A}
.s2-sec.sec-inactive .s2-sh span{color:#8A8A8A}
.s2-sb{position:relative;display:flex;flex-direction:column;gap:2px}
.s2-fade{position:relative;max-height:44px;overflow:hidden;pointer-events:none;filter:blur(1.5px);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 95%);mask-image:linear-gradient(180deg,#000 0%,transparent 95%)}
.s2-all{position:relative;z-index:1;align-self:center;margin-top:-14px;height:30px;padding:0 14px;border:1px solid #2E2E2E;border-radius:999px;background:#151515;color:#E6E6E6;font-size:12.5px;font-weight:500}
.s2-all:hover{background:#1E1E1E;border-color:#3A3A3A}
.s2-all.less{margin-top:6px}
.agr-m{margin-right:4px}
/* a finished run's "View in Notion" link, beside View results */
.rh-link{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#BDBDBD;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none}
.rh-link:hover{color:#fff;background:#161616}
.rh-link svg{color:#7D7D7D}
.rh-link:hover svg{color:var(--accent)}

/* ===== Updates · Bounties: one row per bounty, the row opens its page (updates.js bountyRow) ===== */
.ubr-list{display:flex;flex-direction:column;gap:10px}
.ubr{position:relative;display:flex;align-items:center;gap:16px;padding:16px 16px 16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--card);cursor:pointer;transition:border-color .15s,background .15s;animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.ubr:hover{border-color:#333;background:#111}
.ubr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ubr:has(.ubm-pop){z-index:10}
.ubr.unread .ubr-m b{color:#fff}
.ubr-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ubr-m b{font-size:16px;font-weight:600;color:#F2F2F2}
.ubr-m span{font-size:14px;color:#8C8C8C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ubr-r{flex:none;display:flex;align-items:center;gap:8px}
.ubr-mw{position:relative;display:inline-flex}
.ubr-dots{width:42px;height:42px;padding:0;display:grid;place-items:center;color:#BDBDBD}
.ubr-dots.on{background:#171717;border-color:#3A3A3A;color:#fff}
.ubr-go{height:42px!important;padding:0 18px!important;font-size:14px!important;gap:6px;display:inline-flex;align-items:center}
.ubr-timer{width:auto!important;min-height:42px!important;padding:0 16px!important;cursor:default!important;font-size:13px!important}
.ubr-timer b{color:#F2F2F2;font-weight:600;font-size:13px!important;margin-left:2px}
.ubm-pop{left:auto;right:0;min-width:200px}
@media (max-width:640px){ .ubr{flex-wrap:wrap} .ubr-m{flex-basis:calc(100% - 140px)} .ubr-r{width:100%;justify-content:flex-end} .ubr-m span{white-space:normal} }

/* ===== the bounty page: the agents builders sent, try / shortlist / reject / choose (bounty.js) ===== */
.bpg-in{max-width:1080px}
.bpg{display:flex;flex-direction:column;align-items:stretch;gap:22px;width:100%;text-align:left}
.bpg > *{width:100%;max-width:none}
.bpg > .bp-back{width:auto}
.bp-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 10px;border:1px solid #262626;border-radius:999px;background:transparent;color:#BDBDBD;font-size:13.5px;font-weight:500}
.bp-back:hover{background:#151515;color:#fff}
.bp-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bp-ht{min-width:0}
.bp-k{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent)}
.bp-h .ptitle{margin:10px 0 6px}
.bp-h .xsub{margin:0}
.bp-prog{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.bp-prog b{font-size:28px;font-weight:600;color:#F2F2F2;font-variant-numeric:tabular-nums}
.bp-prog b i{font-style:normal;color:#5E5E5E;font-size:20px}
.bp-prog span{font-size:13px;color:#7D7D7D}
.bp-note{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #232323;border-radius:18px;background:#101010}
.bp-note > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.bp-note b{font-size:15.5px;font-weight:600;color:#F2F2F2}
.bp-note span{font-size:14px;line-height:1.55;color:#9A9A9A}
.bp-note .bb-tt b{font-size:14px;margin-left:0}
.bp-ni{flex:none;width:42px;height:42px;border-radius:12px;background:rgba(248,179,0,.1);color:var(--accent);display:grid;place-items:center}
.bp-ban{margin:0}
.bp-ban .wr-t b{color:#F2F2F2;font-weight:600}
.bp-ban.ok{border-color:#1F3A27}
.bt-acts{display:inline-flex;align-items:center;gap:8px;flex:none}
.bt-acts .btn-g{height:42px}
.bt-acts .btn-w{display:inline-flex;align-items:center;gap:6px}
.bt-acts .btn-w svg{width:13px;height:13px}
.bp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bp-list{display:flex;flex-direction:column;gap:14px}
.bsub2{transition:border-color .2s,opacity .2s}
.bsub2 .xbox-top{gap:12px}
.bsub2 .xbox-top h3{font-size:19px}
.rc-ht{display:flex;flex-direction:column;gap:4px;min-width:0}
.bsb-av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;overflow:hidden;background:#232323;color:#CFCFCF}
.bsb-av img{width:100%;height:100%;object-fit:cover}
.bsb-who{flex:1;min-width:0;display:flex;flex-direction:column}
.bsb-who b{font-size:14px;font-weight:600;color:#E6E6E6}
.bsb-who span{font-size:12.5px;color:#7D7D7D}
.bsb-st{flex:none;height:24px;padding:0 10px;border-radius:999px;border:1px solid #2A2A2A;color:#9A9A9A;font-size:12px;font-weight:600;display:inline-flex;align-items:center}
.st-t .bsb-st{border-color:#3A3A3A;color:#D6D6D6}
.st-s .bsb-st{border-color:rgba(248,179,0,.45);color:var(--accent)}
.st-r .bsb-st{border-color:rgba(255,122,102,.4);color:#FF9A8A}
.st-c .bsb-st{border-color:#1F3A27;color:#7FD49A}
.st-s{border-color:rgba(248,179,0,.3)}
.st-c{border-color:#1F3A27}
.st-r{opacity:.6}
.st-r:hover{opacity:1}
.bsb-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#7D7D7D}
.bsb-f2{gap:6px}
.bs-try{height:38px!important;padding:0 16px!important;font-size:14px!important;gap:8px;display:inline-flex;align-items:center}
.bs-try2{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13.5px}
.bs-try[disabled],.bs-try2[disabled]{opacity:.5;cursor:not-allowed}
.bs-txt{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#BDBDBD;font-size:13.5px;font-weight:500}
.bs-txt:hover{background:#161616;color:#fff}
.bs-txt.bad:hover{color:#FF9A8A}
.bs-pick{height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--accent);color:#111;font-size:13.5px;font-weight:600}
.bs-pick:hover{background:#FFC633}
.bs-done{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#7FD49A}
.bs-done svg{width:14px;height:14px}
.bp-mdl{width:min(460px,100%)}
@media (max-width:640px){ .bp-h{align-items:flex-start} .bp-prog{align-items:flex-start} .bp-ban{flex-wrap:wrap} .bt-acts{width:100%;justify-content:flex-end} }
.waitrow.full{width:100%}
.waitrow.full .wr-t{flex:1;min-width:0}
/* the chat's bounty card hides its countdown (.bb-timer:not(.ready)); the Updates row shows its own */
.bb-timer.ubr-timer:not(.ready){display:inline-flex!important}
.rc-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 20px 0;padding:16px 0 18px;border-top:1px solid #1E1E1E}
/* the clock on a working line (core addLine): how long it has been running; .sl-took stays on the finished line */
.sl-el{flex:none;color:#6E6E6A;font-size:14px;font-weight:400;font-variant-numeric:tabular-nums}
.sline:not(.running) .sl-el{display:none}
.sl-eta{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6E6E6A;font-size:14px;font-weight:400}
.sl-eta:not(:empty)::before{content:'·';margin-right:8px}
.sline:not(.running) .sl-eta{display:none}
.sl-took{flex:none;color:#6E6E6A;font-size:13px;font-weight:400;font-variant-numeric:tabular-nums}

/* the end of Explore: one more way in to Request an agent (explore.js) */
.xreq{display:flex;align-items:center;gap:16px;margin:28px 0 8px;padding:20px 22px;border:1px dashed #2E2E2E;border-radius:20px;background:#0E0E0E}
.xreq img{flex:none;width:38px;height:38px}
.xreq > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.xreq b{font-size:16px;font-weight:600;color:#F2F2F2}
.xreq span{font-size:14px;color:#8C8C8C}
.xreq .btn-w{flex:none;height:40px;padding:0 18px;font-size:14px}
@media (max-width:640px){ .xreq{flex-wrap:wrap} .xreq .btn-w{width:100%} }
/* links in written summaries and result text are easy to spot: a visible underline, brighter on hover (P0, 22 Oct) */
.gtext a,.rtext a{color:var(--fg);text-decoration:underline;text-decoration-color:#8A8A8A;text-underline-offset:3px}
.gtext a:hover,.rtext a:hover{text-decoration-color:var(--fg)}
/* the question box's Skip is a real button, not grey text (P0, 22 Oct) */
.q6-skip{height:36px;padding:0 14px;border:1px solid #3A3A3A;border-radius:999px;background:transparent;color:#D6D6D6;font-size:14px;font-weight:500;transition:border-color .2s,color .2s,background .2s}
.q6-skip:hover{border-color:#5A5A5A;color:#FFFFFF;background:#151515}
.q6-skip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.q6-skip:disabled{opacity:.4;cursor:default;border-color:#3A3A3A;color:#D6D6D6;background:transparent}
/* under the working line's header while a run works: how long it usually takes, and that leaving is fine (run.js timeline.eta) */
.sline>.tl-eta{margin:4px 0 0 44px;font-size:13px;line-height:1.5;color:#8C8C8C;text-wrap:pretty}
/* "When should it run?": the time picker under "Pick a time…" (feedback.js askWhen; options from when.js) */
.q6-when{display:flex;flex-direction:column;gap:12px;margin:2px 12px 8px 54px;padding:14px 0 6px;border-top:1px solid #1A1A1A}
.q6-when-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.q6-when-row>span:first-child{flex:none;min-width:48px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7D7D7D}
.q6-when input[type=time]{height:40px;padding:0 12px;border:1px solid #262626;border-radius:12px;background:#0F0F0F;color:#F2F2F2;font:inherit;font-size:16px;color-scheme:dark;outline:none}
.q6-when input[type=time]:focus{border-color:#3E3E3E}
.q6-chip{height:32px;padding:0 12px;border:1px solid #2A2A2A;border-radius:999px;background:#0F0F0F;color:#A3A3A3;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}
.q6-chip:hover{color:#E5E5E5}
.q6-chip.on{background:var(--accent);border-color:var(--accent);color:#111}
.q6-chip.day{min-width:44px;padding:0 8px;text-align:center}
.q6-when-sum{font-size:13px;color:#8C8C8C}
@media (max-width:640px){.q6-when{margin-left:12px}}
/* One result frame on My agents and in the chat (22 Oct 2026): the same renderer (run.js resultHTML -> ui.js) drew into
   an 804px / 18px-gutter box here and a 730px / 24px one in the chat, so grids picked different column counts. */
.agd{max-width:844px}
.runrow .rh-res{--ly-gut:24px;padding:14px 13px 6px} /* ui.css sets .rh-res 18px after this file loads */
/* Between 860 and 1100px the agent list took the width a two-column result needs. */
@media (max-width:1100px){.app.in-my .side2{width:240px}.agd{padding-left:16px;padding-right:16px}}
/* Explore loading state: the real bento/grid with placeholder bars that shimmer. */
.xload{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:15px;font-weight:500;color:var(--fg2)}
.xload .gl-orb{width:36px;height:36px}
.xload .gl-orb img{width:22px;height:21px}
.xload + .bento{margin-top:16px}
.sk{cursor:default;pointer-events:none;animation:fade .4s ease both}
.bento .hero.sk{min-height:370px}
.egrid .ecard.sk{min-height:190px}
.skb{position:relative;display:block;overflow:hidden;border-radius:8px;background:#181818}
.skb::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:skSweep 1.6s ease-in-out infinite}
.sk-flow{display:inline-flex;gap:10px}
.sk-tile{width:44px;height:44px;border-radius:10px}
.sk-ico{width:36px;height:36px;border-radius:11px}
.sk-kick{width:84px;height:10px;margin-top:auto;border-radius:6px}
.sk-h{width:46%;height:28px;margin-top:14px}
.sk-title{width:58%;height:16px;margin-top:auto}
.sk .sk-line{width:100%;height:12px;margin-top:12px;border-radius:6px}
.sk .sk-short{width:68%;margin-top:8px}
.hero.sk .sk-line{max-width:560px}
@keyframes skSweep{to{transform:translateX(100%)}}
@media (max-width:700px){ .bento .hero.sk{min-height:260px} }
@media (prefers-reduced-motion:reduce){ .skb::after{animation:none} }

/* ===== Phone and touch (2026-10-22): the drawer, page arrival, press feedback, My agents' strip, Tools as rows =====
   References on Mobbin: the drawers of Meta AI, Gemini and Bevel (a panel over a dimmed page, account at the foot);
   the connected-apps rows of Uber, Binance and Fabric (icon, name, state, one action). */
html{-webkit-tap-highlight-color:transparent}
.recent{display:flex;align-items:center;gap:10px}
.rc-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.rc-w{flex:none;font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}
.ttile .tt-s{display:none}
/* A page arrives with a short fade and rise; what is inside keeps its own entrance. */
.view:not([hidden]){animation:viewIn .26s cubic-bezier(.2,.8,.2,1) both}
@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:860px){
  /* The drawer: a panel over the page, which dims behind it and takes the tap that closes it (core.js setNav). The
     transition is restated here: the wide-screen .side rule further up sets width and padding transitions only. */
  .side{width:min(304px,84vw);background:#0B0B0B;border-right:1px solid #1C1C1C;border-radius:0 22px 22px 0;box-shadow:24px 0 60px rgba(0,0,0,.55);visibility:hidden;touch-action:pan-y;padding-bottom:max(14px,env(safe-area-inset-bottom,0px));transition:transform .42s cubic-bezier(.32,.72,0,1),visibility 0s linear .42s}
  .app.nav-open .side{visibility:visible;transition:transform .42s cubic-bezier(.32,.72,0,1),visibility 0s}
  /* An open drawer stays put: a scroll that runs past the end of its list (the tool categories, the recent chats) never
     reaches the page, so iOS does not rubber-band the page and the drawer with it. */
  html:has(.app.nav-open),body:has(.app.nav-open){overscroll-behavior:none}
  .side.dragging{transition:none}
  .side .nav-btn{height:46px}
  .side .recent{height:42px}
  #recents .side-label{background:#0B0B0B}
  #recents{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),transparent);mask-image:linear-gradient(#000 calc(100% - 28px),transparent);padding-bottom:20px}
  .main-wrap::after{content:"";position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:opacity .32s ease}
  .app.nav-open .main-wrap::after{opacity:var(--nav-shown,1);pointer-events:auto}
  .app:has(.side.dragging) .main-wrap::after{transition:none}
  .main{padding-top:env(safe-area-inset-top,0px)}
  .composer{padding-bottom:max(18px,env(safe-area-inset-bottom,0px))}
  /* My agents: each agent in the strip is a card of one width, snapping into place, the next one peeking under a fade. */
  .my-mob-l{margin:0 -16px;padding:14px 16px 8px;gap:10px;scroll-snap-type:x mandatory;scroll-padding-inline:16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .my-mob-l .agr{flex:none;width:min(260px,74vw);padding:12px 14px;border:1px solid #1C1C1C;border-radius:14px;background:#0E0E0E;scroll-snap-align:start}
  .my-mob-l .agr.on{border-color:#2E2E2E;background:#161616}
}
/* Explore's bento is one column below 700 px; two later .bento .hero rules span the hero over 2, which added an implicit
   column and left the cards under it a gap narrower than the hero. */
@media (max-width:700px){
  .bento .hero{grid-column:auto}
}
@media (max-width:640px){
  .bento .hero{padding:20px 20px 22px}
  .bento .hero-k{padding-top:28px}
  /* Tools: rows, not tiles. Connected apps say so under their name, with their menu at the row's end. */
  .tgrid{flex-direction:column;flex-wrap:nowrap;gap:0}
  .ttile{width:auto;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"ico n more" "ico s more";align-items:center;column-gap:14px;row-gap:2px;padding:12px 0;border-bottom:1px solid #161616;font-size:15px;color:var(--fg);text-align:left;line-height:1.35}
  .ttile:last-child{border-bottom:0}
  .ttile .tico{grid-area:ico;width:44px;height:44px;border-radius:12px}
  .ttile .tico img{width:22px;height:22px}
  .ttile .tt-n{grid-area:n;align-self:end;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ttile .tt-s{grid-area:s;align-self:start;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mute)}
  .ttile .tt-s::before{content:"";width:6px;height:6px;border-radius:50%;background:#4CC38A}
  .ttile .tmore{grid-area:more;position:static;width:36px;height:36px;border-color:#262626;background:transparent;opacity:1}
  .ttile .tmenu2{top:calc(100% - 6px);left:auto;right:0}
  .tcards{grid-template-columns:1fr;gap:0}
  .tcard{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"ico n act" "ico d act";align-items:center;column-gap:14px;row-gap:2px;padding:12px 0;border:0;border-bottom:1px solid #161616;border-radius:0;background:transparent}
  .tcard:last-child{border-bottom:0}
  .tcard:hover{background:transparent}
  .tcard .tc-ico{grid-area:ico;width:44px;height:44px;border-radius:12px}
  .tcard .tc-ico img{width:22px;height:22px}
  .tcard .tc-n{grid-area:n;align-self:end;margin:0;font-size:15px;font-weight:500}
  .tcard .tc-d{grid-area:d;align-self:start;margin:0;font-size:13px}
  .tcard .tc-add,.tcard .tc-re{grid-area:act;position:static}
  .tcard .tc-ar{display:none}
  /* What needs reconnecting stays one object on the page: its rows sit in a well. */
  .tsec-re .tcards{padding:2px 14px;border:1px solid #2A2A2A;border-radius:16px;background:#0E0E0E}
}
/* A press sinks a little. The scale property, not transform: the cards' entrance animations hold transform.
   A phone keeps :hover on the last thing tapped ("sticky hover"), so the controls people tap most drop their hover look
   there; the pressed look above stands in for it. */
@media (hover:none){
  .icon-btn:hover{background:transparent;color:#8A8A8A}
  .hlp:hover:not(.on){background:transparent;border-color:var(--line);color:var(--fg2)}
  .nav-btn:hover:not(.on):not(.attn-on){background:transparent;color:#C9C9C9}
  .recent:hover:not(.on){background:transparent;color:#BDBDBD}
  .agr:hover:not(.on){background:transparent}
  .ghost2:hover{background:transparent}
  .ecard:hover{border-color:#2A2A2A;background:#0E0E0E;transform:none}
  .hero:hover{border-color:#1C1C1C}
  .ubr:hover{border-color:var(--line);background:var(--card)}
  .nav-btn:active,.recent:active,.agr:active{background:#161616}
  .ecard,.tcard,.hero,.wbtn,.ghost2,.icon-btn,.hlp,.tmore{transition-property:background,border-color,color,scale;transition-duration:.15s,.2s,.15s,.12s;transition-timing-function:ease,ease,ease,cubic-bezier(.2,.8,.2,1)}
  .ecard:active,.tcard:active,.hero:active{scale:.985}
  .wbtn:active,.ghost2:active,.icon-btn:active,.hlp:active,.tmore:active{scale:.95}
}
@media (prefers-reduced-motion:reduce){
  .view:not([hidden]){animation:none}
  .side,.app.nav-open .side,.main-wrap::after{transition-duration:.01ms}
}

/* An agent's scheduled steps under one switch (schedules.js, on My agents and the chat's card), and what an agent
   remembers (my.js). */
.sch{border:1px solid var(--line);border-radius:14px;background:var(--card);margin:4px 0 18px}
.sch-m{display:flex;align-items:center;gap:16px;padding:14px 16px}
.sch-mt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sch-mt b{font-size:15px;font-weight:600}
.sch-mt span{color:var(--mute);font-size:13px;line-height:1.45}
.sch-list{border-top:1px solid var(--hair)}
.sch-r{display:flex;align-items:center;gap:14px;padding:12px 16px}
.sch-r+.sch-r{border-top:1px solid var(--hair)}
.sch-nm{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sch-nm b{font-size:14px;font-weight:600}
.sch-nm span{color:var(--mute);font-size:13px}
.sch-r .ghost2.sm{flex:none;height:32px;padding:0 14px;font-size:13px}
.sch-ed{flex-direction:column;align-items:stretch;gap:12px;margin:4px 8px 8px;padding:12px;border-radius:12px;background:var(--field)}
.sch-ed+.sch-r{border-top:0}
.sch-ed>b{font-size:14px;font-weight:600}
.sch-fs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sch-fs select,.sch-fs input{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);font:inherit;font-size:14px;color-scheme:dark}
.sch-tz{font-size:13px;color:var(--dim)}
.sch-ef{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sch-ef>span{flex:1;min-width:160px;color:var(--mute);font-size:13px}
.sch-ef>span b{color:var(--fg);font-weight:500}
@media (max-width:560px){.sch-r{align-items:flex-start}.sch-fs select,.sch-fs input{flex:1 1 140px}}
.schbox .sch{margin:0}
.tgl{position:relative;width:38px;height:22px;flex:none;border:0;border-radius:11px;background:var(--field);cursor:pointer;transition:background var(--m-fade, 200ms)}
.tgl i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--fg2);transition:transform var(--m-fade, 200ms)}
.tgl.on{background:var(--accent)}
.tgl.on i{transform:translateX(16px);background:var(--ink)}
.tgl[disabled]{opacity:.5;cursor:wait}
.mem{display:flex;flex-direction:column;gap:8px;margin:4px 0 18px}
.mem-c{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mem-h{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:0;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.mem-h span{color:var(--mute);font-size:13px}
.mem-items{border-top:1px solid var(--hair)}
.mem-it{display:flex;align-items:center;gap:12px;padding:10px 14px}
.mem-it+.mem-it{border-top:1px solid var(--hair)}
.mem-it>span:first-child{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mem-v{flex:1;min-width:0;color:var(--mute);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mem>.btn-err{align-self:flex-start}

/* ================= 23 Oct 2026: saved agents, the run's loading state, links that stand out ================= */
/* bookmarks (saved.js): on a card, the side panel's pill, the round one in rows */
.esave{flex:none;width:32px;height:32px;border:1px solid transparent;border-radius:50%;background:transparent;color:#6E6E6E;display:grid;place-items:center;transition:color .15s,background .15s,border-color .15s}
.esave:hover,.esave:focus-visible{background:#1A1A1A;border-color:#2A2A2A;color:#F2F2F2}
.esave.on{color:var(--accent)}
.esave.on svg,.pop-save.on svg,.sp-save.on svg{fill:currentColor}
.ecard-top .etr,.hero-top .etr{gap:4px}
.sp-save{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 16px;border:1px solid #2A2A2A;border-radius:999px;background:transparent;color:#D6D6D6;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s}
.sp-save:hover{background:#151515;border-color:#3A3A3A;color:#fff}
.sp-save.on{color:var(--accent);border-color:rgba(248,179,0,.45);background:rgba(248,179,0,.08)}
.pop-save{flex:none;width:36px;height:36px;border:1px solid #2A2A2A;border-radius:50%;background:transparent;color:#9A9A9A;display:grid;place-items:center;transition:color .15s,border-color .15s,background .15s}
.pop-save:hover{color:#fff;border-color:#3A3A3A}
.pop-save.on{color:var(--accent);border-color:rgba(248,179,0,.45);background:rgba(248,179,0,.08)}
/* Explore: Saved for later, then Available agents: the same cards, each under its heading */
#xsaved{margin:28px 0 8px}
#xsaved .egrid{margin-top:0}
.xsv-hd.xav{margin:36px 0 12px}
.xsv-hd.xav + .bento,.xsv-hd.xav + .egrid{margin-top:0}
.xsv-hd{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.xsv-hd h2{margin:0;font-size:16px;font-weight:600;color:var(--fg)}
.xsv-hd span{font-size:13px;color:#6E6E6E}

/* the run's loading state (run.js timeline): the step it is on, a clock that folds the steps, every sub step */
.rl{display:flex;flex-direction:column;gap:6px}
.rl-h{display:flex;align-items:center;gap:14px;min-width:0}
.rl-h .gl-think.rl-now{flex:0 1 auto;min-width:0;color:#9A9A9A}
.rl-tog{flex:none;display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:#9A9A9A;text-align:left}
.rl-time{font-size:13px;color:#6E6E6E;white-space:nowrap;font-variant-numeric:tabular-nums}
.rl-tog .chev{display:grid;place-items:center;color:#7D7D7D;transition:transform .25s}
.rl-tog .chev svg{width:14px;height:14px}
.rl-tog .chev.rot{transform:rotate(180deg)}
.rl-tog:hover,.rl-tog:hover .rl-time,.rl-tog:hover .chev{color:#fff}
.rl-l{list-style:none;margin:4px 0 4px 0;padding:0;display:flex;flex-direction:column}
.rl-l[hidden]{display:none}
/* The result so far (run.js showPartial): the agent's partial updates under the steps, until its result comes. */
.rl-so{display:flex;flex-direction:column;gap:12px;margin:2px 0 8px;padding:14px 16px;border:1px solid #222;border-radius:14px;animation:rlStep .5s cubic-bezier(.2,.8,.2,1) both}
.rl-so-h{margin:0;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8A8A8A}
.rl-so-k>b{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#EDEDED}
.rl-li{position:relative;display:flex;align-items:center;gap:21px;min-height:36px;font-size:14.5px;color:#EDEDED;animation:rlStep .5s cubic-bezier(.2,.8,.2,1) both}
.rl-li.done{color:#A3A3A3;transition:color .5s ease}
.rl-li.bad{color:#FF9A8A}
.rl-li:not(:last-child)::after{content:"";position:absolute;left:14.5px;top:28px;bottom:-9px;width:1px;background:#222;transform-origin:top;animation:rlLine .5s .15s cubic-bezier(.2,.8,.2,1) both}
.rl-mk{position:relative;flex:none;width:18px;height:18px;margin-left:6px;border-radius:50%;box-shadow:inset 0 0 0 1px #2E2E2E;transition:box-shadow .35s ease}
.rl-mk.bad{display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(255,122,102,.5);color:#FF9A8A}
.rl-mk.skip,.skip-in{display:grid;place-items:center}
.rl-mk.skip path,.skip-in path{fill:none;stroke:#8A8A8A;stroke-width:2.4;stroke-linecap:round}
.rl-li.skipped .did-t,.apdone .skip-dot ~ .sl-t{color:#8A8A8A}
.skip-dot{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #3A3A3A;display:grid;place-items:center}
.rl-arc{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(163,163,163,0) 0deg,rgba(163,163,163,.9) 270deg,rgba(163,163,163,0) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.6px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.6px),#000 calc(100% - 1.5px));animation:spin .9s linear infinite;transition:opacity .25s ease}
.rl-ck{position:absolute;inset:0;width:18px;height:18px}
.rl-ck path{fill:none;stroke:#F2F2F2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16}
.rl-li.done .rl-mk:not(.bad){box-shadow:inset 0 0 0 1.5px #3A3A3A;animation:rlPop .45s cubic-bezier(.3,1.5,.5,1) both}
.rl-li.done .rl-arc{opacity:0;animation:none}
.rl-li.done .rl-ck path{animation:rlDraw .4s .12s cubic-bezier(.65,0,.35,1) forwards}
.rl-li:not(.done) .did-t{background:linear-gradient(90deg,#8C8C8C 0%,#8C8C8C 35%,#F2F2F2 50%,#8C8C8C 65%,#8C8C8C 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gl-shimmer 2.2s linear infinite}
.rl-li .did-t{min-width:0}
.rl-li .tl-note{color:#7D7D7D}
@keyframes rlStep{from{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes rlLine{from{transform:scaleY(0)}to{transform:none}}
@keyframes rlPop{0%{transform:scale(.6)}100%{transform:none}}
@keyframes rlDraw{to{stroke-dashoffset:0}}
/* finished: one line, the steps fold under it */
.rl.rl-done{gap:0}
.did-p{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:0;font-size:16px;line-height:1.7;color:#DADADA}
.did-p b{color:var(--fg);font-weight:600}
.did-tog{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;font-size:15px;font-weight:500}
.did-tog{color:#9A9A9A}
.did-tog .chev{display:grid;place-items:center;transition:transform .25s}
.did-tog .chev.rot{transform:rotate(180deg)}
.did-tog:hover,.did-tog:hover .did-more{color:#fff}
.did-res{display:none} /* "See the result" (GRAVITY-WEB-EY): gone, but saved chats still carry it */
.rl-done .rl-l{margin:8px 0 2px 6px;padding-left:4px}
/* while it works: the agents you saved */
.svbox{border:1px solid #262626;border-radius:22px;background:#0C0C0C;padding:0 8px 4px}
.svbox-h{display:flex;flex-direction:column;gap:4px;padding:20px 56px 16px 16px;border-bottom:1px solid #1C1C1C;position:relative}
.svbox-x{position:absolute;top:14px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#8C8C8C;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.svbox-x:hover{background:#1A1A1A;color:#F2F2F2}
.svbox-h b{font-size:17px;font-weight:600;color:#F2F2F2}
.svbox-h span{font-size:15px;color:#8C8C8C}
.svrow{display:flex;align-items:center;gap:14px;padding:14px 12px 14px 16px;animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.svrow+.svrow{border-top:1px solid #1A1A1A}
.svrow-i{flex:none;width:86px;display:flex;justify-content:flex-start} /* fits iconStack's widest: three 34px tiles overlapping by 8px */
.svrow-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.svrow-m b{font-size:16px;font-weight:500;color:#EDEDED}
.svrow-m span{font-size:14px;color:#8C8C8C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svrow .pop-save{width:36px;height:36px}
.svrow .chtry{height:38px;padding:0 18px;font-size:15px}
@media (max-width:560px){
  .svrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px}
  .svrow-i{grid-column:1;grid-row:1;width:auto}
  .svrow .pop-save{grid-column:2;grid-row:1}
  .svrow-m{grid-column:1/-1;grid-row:2}
  .svrow-m span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .svrow .chtry{grid-column:1/-1;grid-row:3;width:100%}
}

/* links that leave Gravity read as links: brand yellow with an arrow (the step's "Open in", a row's Open, View in) */
.did-a{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;margin-left:-12px;padding:0 8px;border-radius:8px;color:var(--accent);font-size:13.5px;font-weight:500;white-space:nowrap;text-decoration:none}
.did-a:hover{background:rgba(248,179,0,.08);color:var(--accent-hi)}
a.rcta{color:var(--accent);border-color:rgba(248,179,0,.35);text-decoration:none}
a.rcta svg{color:currentColor}
a.rcta:hover{background:rgba(248,179,0,.1);border-color:var(--accent);color:var(--accent-hi)}
.rc-view{color:var(--accent)}
.rc-view svg{color:currentColor}
.rc-view:hover{color:var(--accent-hi);background:rgba(248,179,0,.08)}
.gtext a{color:var(--accent);text-decoration-color:rgba(248,179,0,.45)}
.gtext a:hover{text-decoration-color:var(--accent)}
@media (prefers-reduced-motion:reduce){ .rl-li,.rl-li::after,.rl-arc,.rl-li:not(.done) .did-t{animation:none} .rl-ck path{stroke-dashoffset:0} }

/* Usage and Billing (billing.js) */
.bil-in{max-width:1080px}
.btn-w.sm,.btn-g.sm,.btn-y.sm{height:40px;padding:0 18px;font-size:14px}
.b7-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.b7-head .ptitle{margin:0}
.b7-head .xsub{margin:6px 0 0}
.b7-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.btn-w.b6-add{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#111}
.btn-w.b6-add:hover{background:var(--accent-hi)}
.bil-body{display:flex;flex-direction:column;padding-bottom:56px}
.bil-wait{display:flex;align-items:center;gap:10px;padding:40px 0;color:#8C8C8C;font-size:14px}
.bil-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px;padding:22px 24px;border:1px dashed #2A2A2A;border-radius:18px}
.bil-empty b{font-size:16px;font-weight:600;color:var(--fg)}
.bil-empty span{font-size:14px;color:#8C8C8C;line-height:1.5}
.bil-empty button{margin-top:6px;gap:8px}
.bil-note{margin:0;padding:18px 0;font-size:14px;color:#8C8C8C}
.bil-err{margin:4px 20px 0;font-size:13px;color:#FF9A8A}
.b5{display:flex;flex-direction:column;gap:6px;padding:26px 0;border-bottom:1px solid #1C1C1C}
.b5:last-child{border-bottom:0}
.b7-u{display:grid;grid-template-columns:minmax(200px,260px) 1fr auto;align-items:center;gap:24px;padding:14px 0}
.b7-ut{display:flex;flex-direction:column;gap:2px}
.b7-ut b{font-size:16px;font-weight:600;color:#F2F2F2}
.b7-ut span{font-size:13.5px;color:#7D7D7D}
.b7-bar{display:block;height:6px;border-radius:99px;background:#1E1E1E;overflow:hidden}
.b7-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.b7-pc{min-width:72px;text-align:right;font-size:14px;color:#BDBDBD;font-variant-numeric:tabular-nums}
.b7-upd{margin:6px 0 0;font-size:13px;color:#7D7D7D}
.b7-upd .textbtn{font-size:13px;color:#BDBDBD;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#444}
.b7-upd .textbtn:hover{color:#fff}
.b7-lbl{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.b7-lbl b{font-size:16px;font-weight:600;color:var(--fg)}
.b7-lbl span{font-size:14px;color:#8C8C8C}
.b7-chart{display:flex;align-items:flex-end;gap:14px;width:100%;height:200px;margin-top:10px;padding-top:28px}
.b7-col{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;height:100%;outline:none;cursor:default}
.b7-col i{position:relative;display:block;width:100%;max-width:56px;border-radius:6px 6px 2px 2px;background:#2E2E2E;transition:background .15s}
.b7-col:hover i,.b7-col:focus-visible i{background:var(--accent)}
.b7-tip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;padding:5px 10px;border-radius:8px;background:#F2F2F2;color:#111;font-size:12.5px;font-weight:500;font-style:normal;opacity:0;pointer-events:none;transition:opacity .15s;z-index:2}
.b7-col:hover .b7-tip,.b7-col:focus-visible .b7-tip{opacity:1}
.b7-col:first-child .b7-tip{left:0;transform:none}
.b7-col:last-child .b7-tip{left:auto;right:0;transform:none}
.ua-tab{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}
.ua-tr{display:grid;grid-template-columns:minmax(0,1fr) 150px 140px 150px;align-items:center;gap:18px;padding:14px 16px 14px 20px;border-top:1px solid var(--hair)}
.ua-tr:first-child{border-top:0}
.ua-th{padding-top:11px;padding-bottom:11px;font-size:12.5px;color:#6E6E6E}
.ua-ag{display:flex;align-items:center;gap:12px;min-width:0}
.ua-ag .istack{flex:none}
.ua-nm{display:flex;flex-direction:column;gap:2px;min-width:0}
.ua-nm b{font-size:14.5px;font-weight:500;color:#EDEDED;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ua-nm small,.ua-lt small{font-size:12.5px;color:#7D7D7D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ua-lt{display:flex;flex-direction:column;gap:1px;font-size:13.5px;color:#9A9A9A;font-variant-numeric:tabular-nums}
.ua-lt b{font-size:15px;font-weight:600;color:#EDEDED}
.ua-d{font-size:13.5px;color:#9A9A9A}
.ua-act{display:flex;justify-content:flex-end}
@media (max-width:760px){ .b7-u{grid-template-columns:1fr;gap:8px} .b7-pc{text-align:left} .ua-tr{grid-template-columns:minmax(0,1fr) auto;row-gap:8px} .ua-th{display:none} .ua-d{display:none} .ua-act{grid-column:1/-1;justify-content:flex-start} .b7-chart{gap:6px} }
.bil-explain{padding:4px 20px 22px;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.55;color:#BDBDBD}
.bil-explain p{margin:0}
.bil-explain b{color:var(--fg);font-weight:600}
/* billing: the plan, flat rows; only the history is boxed */
.bil-flat{border-bottom:1px solid #1C1C1C}
.bil-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;flex-wrap:wrap}
.bil-k{display:block;margin-bottom:6px;font-size:13px;color:#7D7D7D}
.bil-name{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.bil-name b{font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}
.bil-price{font-size:15px;color:#9A9A9A;font-variant-numeric:tabular-nums}
.bil-sub{margin:6px 0 0;font-size:14px;color:#8C8C8C}
.bil-acts{display:flex;align-items:center;gap:6px}
.bil-cancel{height:40px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#8C8C8C;font-size:14px;font-weight:500}
.bil-cancel:hover,.bil-cancel:focus-visible{color:#FF8A7A;background:rgba(255,122,102,.08)}
.bil-hh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:30px 2px 12px}
.bil-hh h2{margin:0;font-size:16px;font-weight:600;color:var(--fg)}
.bil-hh span{font-size:13px;color:#6E6E6E}
.bil-tab{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}
.bil-tr{display:grid;grid-template-columns:150px minmax(0,1fr) 140px 130px;align-items:center;gap:14px;padding:14px 20px 14px 24px;border-top:1px solid var(--hair)}
.bil-tr:first-child{border-top:0}
.bil-th{padding-top:12px;padding-bottom:12px;font-size:13px;color:#6E6E6E}
.bil-d{font-size:14px;color:#BDBDBD;font-variant-numeric:tabular-nums;white-space:nowrap}
.bil-ds{display:flex;flex-direction:column;gap:2px;min-width:0}
.bil-ds b{font-size:14.5px;font-weight:500;color:#EDEDED}
.bil-ds small{font-size:12.5px;color:#7D7D7D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bil-a{text-align:right;font-size:14.5px;color:#EDEDED;font-variant-numeric:tabular-nums}
.bil-th .bil-a{font-size:13px;color:#6E6E6E}
.bil-r{display:flex;justify-content:flex-end}
.bil-st{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600}
.bil-st i{width:6px;height:6px;border-radius:50%;background:currentColor}
.bil-st.paid{background:rgba(111,214,138,.1);color:#7FD49A}
.bil-st.refunded{background:#1C1C1C;color:#A3A3A3}
.bil-st.failed{background:rgba(255,122,102,.1);color:#FF9A8A}
@media (max-width:640px){ .bil-tr{grid-template-columns:minmax(0,1fr) auto;row-gap:6px;padding:14px 16px} .bil-th{display:none} .bil-d{grid-column:1/-1;font-size:13px;color:#8C8C8C} .bil-acts{width:100%} }
.bil-plans{display:flex;flex-direction:column;gap:8px;padding:8px 20px 20px}
.bil-pc{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 14px 14px 16px;border:1px solid #262626;border-radius:14px;background:#0E0E0E}
.bil-pc div{display:flex;flex-direction:column;gap:2px}
.bil-pc b{font-size:15px;font-weight:600;color:var(--fg)}
.bil-pc span{font-size:13px;color:#8C8C8C}
/* add usage */
.mdl.au3{width:min(420px,100%);padding:30px 28px 20px;border-radius:24px;border:1px solid #2A2A2A;background:linear-gradient(180deg,#161616 0%,#0F0F0F 100%);box-shadow:0 40px 100px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;text-align:center}
.au3-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#8C8C8C;display:grid;place-items:center}
.au3-x:hover{background:#1E1E1E;color:#fff}
.au3-h{display:flex;flex-direction:column;align-items:center;gap:6px}
.au3-ic{width:46px;height:46px;margin-bottom:8px;border-radius:14px;background:rgba(248,179,0,.1);box-shadow:inset 0 0 0 1px rgba(248,179,0,.28);color:var(--accent);display:grid;place-items:center}
.au3-ic svg{width:20px;height:20px}
.au3-h b{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}
.au3-h span{font-size:14px;color:#8C8C8C}
.au3-amt{display:flex;align-items:center;justify-content:center;margin:26px 0 16px;cursor:text}
.au3-cur{font-size:30px;font-weight:500;color:#6E6E6E;margin-right:4px;transform:translateY(-4px)}
.au3-amt input{width:2ch;border:0;padding:0;background:transparent;outline:none;color:#fff;font:inherit;font-size:58px;font-weight:600;line-height:1.1;letter-spacing:-.03em;text-align:left;caret-color:var(--accent);font-variant-numeric:tabular-nums}
.au3-amt input::selection{background:rgba(248,179,0,.28);color:#fff}
.au3-sug,.au3-cy{display:inline-flex;gap:4px;padding:4px;border:1px solid #262626;border-radius:999px;background:#0B0B0B}
.au3-cy{margin-top:10px}
.au3-sug button,.au3-cy button{height:32px;padding:0 15px;border:0;border-radius:999px;background:transparent;color:#9A9A9A;font-size:13.5px;font-weight:500;transition:background .15s,color .15s}
.au3-cy button{height:28px;padding:0 12px;font-size:12.5px}
.au3-sug button:hover,.au3-cy button:hover{color:#fff}
.au3-sug button.on,.au3-cy button.on{background:#262626;color:#fff}
.au3-help{margin:18px 0 0;font-size:13.5px;color:#8C8C8C;min-height:20px}
.au3-help.bad{color:#FF9A8A}
.mdl.au3 .bil-err{margin:8px 0 0}
.au3-pay{width:100%;height:50px;margin-top:14px;border:0;border-radius:999px;background:var(--accent);color:#111;font-size:15.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,transform .15s}
.au3-pay:hover{background:var(--accent-hi)}
.au3-pay:active{transform:scale(.985)}
.au3-pay:disabled{background:#1C1C1C;color:#5E5E5E;cursor:default;transform:none}
.au3-f{display:flex;align-items:center;gap:6px;margin:14px 0 0;font-size:12px;color:#6E6E6E}
.au3-done{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 0 16px}
.au3-done .ok-dot{width:46px;height:46px}
.au3-done b{font-size:19px;font-weight:600;color:var(--fg)}
.au3-done span{font-size:14px;color:#8C8C8C}
.mdl.stripe-mdl{width:min(480px,100%);max-height:92vh;overflow-y:auto;background:#fff;border-color:#fff;padding:48px 16px 16px}
.mdl.stripe-mdl .au3-x{background:rgba(0,0,0,.05);color:rgba(0,0,0,.5)}
/* Request an agent: tools as a search field ("All tools", grouped by category) and popular tiles */
.rq-tsw{position:relative}
.rq-tfield{display:flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 14px;border:1px solid #2A2A2A;border-radius:var(--rr);background:#111;color:#8C8C8C;cursor:text;transition:border-color .15s}
.rq-tfield:hover{border-color:#3A3A3A}
.rq-tsw.open .rq-tfield,.rq-tfield:focus-within{border-color:#5A5A5A}
.rq-tfield > span{display:grid;place-items:center}
.rq-tfield input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:15px;color:var(--fg)}
.rq-tfield input::placeholder{color:#7A7A7A}
.rq-tfield kbd{font:500 12px/1 inherit;font-family:inherit;color:#8C8C8C;padding:7px 9px;border:1px solid #262626;border-radius:8px;background:#161616}
.rq-tcap{display:block;margin:14px 0 8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#6E6E6E}
.rq-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rq-tile{position:relative;display:flex;align-items:center;gap:10px;min-width:0;height:48px;padding:0 12px 0 8px;border:1px solid #232323;border-radius:var(--rr);background:#121212;color:#D6D6D6;font-size:14px;font-weight:500;text-align:left;transition:background .15s,border-color .15s}
.rq-tile > span:not(.rc-i){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.rq-tile:hover{background:#171717;border-color:#333}
.rq-tile.on{border-color:#E8E8E8;background:#1A1A1A;color:#fff}
.rq-tile:disabled{opacity:.55;cursor:not-allowed}
.rq-tile .rc-i,.rq-po .rc-i{width:30px;height:30px;border-radius:8px;background:#1C1C1C;display:grid;place-items:center;flex:none}
.rq-tile .rc-i img,.rq-po .rc-i img{width:16px;height:16px;object-fit:contain}
.rq-tile .rc-i b,.rq-po .rc-i b{font-size:12px!important;font-weight:700}
.rq-tk{display:none;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#111;place-items:center;flex:none}
.rq-tk svg{width:11px;height:11px}
.rq-tile.on .rq-tk{display:grid}
.rq-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;border:1px solid #2A2A2A;border-radius:14px;background:#141414;box-shadow:0 24px 60px rgba(0,0,0,.65);animation:dropIn .16s ease both;overflow:hidden}
.req-body.rq-popon{padding-bottom:300px}
.rq-pb{max-height:300px;overflow-y:auto;padding:8px 8px 4px}
.rq-pg + .rq-pg{margin-top:6px}
.rq-pgh{display:block;padding:8px 8px 6px;font-size:12px;font-weight:600;color:#6E6E6E}
.rq-pgr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.rq-po{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px 0 6px;border:0;border-radius:9px;background:transparent;color:#E0E0E0;font-size:14px;text-align:left;min-width:0}
.rq-po > span:not(.rc-i){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rq-po:hover,.rq-po:focus-visible{background:#1E1E1E;outline:none}
.rq-cb{width:18px;height:18px;border:1.5px solid #3A3A3A;border-radius:5px;display:grid;place-items:center;color:transparent;flex:none}
.rq-cb svg{width:11px;height:11px}
.rq-po.on .rq-cb{background:var(--accent);border-color:var(--accent);color:#111}
.rq-pf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #222;font-size:13px;color:#8C8C8C}
.rq-pf .btn-w{height:34px;padding:0 16px;font-size:13px}
.rq-pe{margin:0;padding:14px 10px;font-size:13px;color:var(--dim)}
.rq-done-sub{margin:0;text-align:center}
@media (max-width:640px){ .rq-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} .rq-pgr{grid-template-columns:1fr} .rq-tfield kbd{display:none} }
/* the set-up as the working box's first step: its settings fold under it */
.rl-fold .did-t{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}
.rl-fb{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.rl-fb:hover{color:#fff}
.rl-fb .chev{display:grid;place-items:center;color:#7D7D7D;transition:transform .25s}
.rl-fb .chev.rot{transform:rotate(180deg)}
.rl-fd{margin:8px 0 6px;width:100%}
.rl-li.rl-fold{align-items:flex-start}
.rl-li.rl-fold > .rl-mk{margin-top:9px}
/* the header's Feedback: a panel under the button, a sheet from the bottom on a phone */
.fbk-scrim{position:fixed;inset:0;z-index:300;border:0;padding:0;background:rgba(0,0,0,.35);cursor:default;animation:fade .2s ease both}
.fbk{position:fixed;z-index:301;top:72px;right:16px;width:min(420px,calc(100vw - 24px));display:flex;flex-direction:column;max-height:calc(100dvh - 96px);border:1px solid #2A2A2A;border-radius:18px;background:#121212;box-shadow:0 24px 70px rgba(0,0,0,.6)}
.fbk.in{animation:dropIn .2s cubic-bezier(.2,.8,.2,1) both}
.fbk-h{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px 4px 18px}
.fbk-h b{font-size:16px;font-weight:600;color:var(--fg)}
.fbk-b{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 18px 4px}
.fbk-l{font-size:14px;font-weight:600;color:var(--fg)}
.fbk-l.sm{margin-top:6px;font-size:13px;color:#BDBDBD}
.fbk textarea{width:100%;min-height:120px;max-height:40dvh;padding:12px 14px;border:1px solid #2E2E2E;border-radius:12px;background:#0D0D0D;color:var(--fg);font:inherit;font-size:16px;line-height:1.5;resize:vertical;outline:none;transition:border-color .15s}
.fbk-in{width:100%;height:46px;padding:0 14px;border:1px solid #2E2E2E;border-radius:12px;background:#0D0D0D;color:var(--fg);font:inherit;font-size:16px;outline:none;transition:border-color .15s}
.fbk textarea:focus,.fbk-in:focus{border-color:#555}
.fbk textarea::placeholder{color:#9A9A9A}
.fbk-in::placeholder{color:#6E6E6E}
.fbk-err{margin:2px 0 0;font-size:13px;color:#FF9A8A}
.fbk-f{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 14px 18px}
.fbk-hint{min-width:0;padding-left:12px;font-size:13px;color:#8C8C8C}
.fbk-send{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px!important}
.fbk-send:not(:disabled){background:var(--accent);color:#111}
.fbk-send:not(:disabled):hover{background:var(--accent-hi)}
.fbk-send:disabled{background:#1C1C1C;color:#5E5E5E;cursor:not-allowed}
.fbk-done{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 8px 6px;text-align:center;font-size:14px;line-height:1.5;color:#A3A3A3}
.fbk-done b{font-size:17px;color:var(--fg);outline:none}
.fbk-ok{width:44px;height:44px;border-radius:50%;background:rgba(248,179,0,.12);color:var(--accent);display:grid;place-items:center;margin-bottom:4px}
@keyframes sheetUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.fbk-f.done{padding:8px 18px 18px}
.fbk-close{width:100%;height:44px;justify-content:center;border-radius:12px!important}
@media (max-width:639px){
  .fbk{top:auto!important;right:0!important;left:0;bottom:0;width:100%;max-height:calc(100dvh - 24px);border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}
  .fbk.in{animation:sheetUp .3s cubic-bezier(.2,.8,.2,1) both}
  .fbk-scrim{background:rgba(0,0,0,.55)}
  .fbk-f{flex-wrap:wrap}
  .fbk-hint{flex-basis:100%;order:-1}
  .fbk-send{width:100%;justify-content:center;height:50px}
}

/* ----- Site accounts on the Tools page (accounts.js): LinkedIn and X signed in once, the agents allowed, the activity */
.sa-sec { margin-bottom: 8px; }
.sa-intro { margin: -6px 0 16px; max-width: 64ch; font-size: 14px; line-height: 1.5; color: var(--mute); }
.sa-wait { display: grid; place-items: center; min-height: 148px; border: 1px solid var(--line); border-radius: 16px; }
.sa-wait .mini-spin { width: 20px; height: 20px; }
.sa-fail { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 148px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; text-align: center; font-size: 14px; line-height: 1.5; color: var(--mute); }
.sa-list { max-width: 880px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); overflow: hidden; animation: fade .25s ease both; }
.sa-row + .sa-row { border-top: 1px solid var(--hair); }
.sa-head { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 16px 18px; }
.sa-ico { width: 44px; height: 44px; border-radius: 12px; background: #151515; border: 1px solid #262626; display: grid; place-items: center; color: #E6E6E6; }
.sa-ico img { width: 24px; height: 24px; object-fit: contain; }
.sa-id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sa-id b { font-size: 15px; font-weight: 600; color: var(--fg); }
.sa-st { display: flex; align-items: baseline; gap: 7px; font-size: 13px; line-height: 1.4; color: var(--mute); }
.sa-st i { position: relative; top: -1px; flex: none; width: 7px; height: 7px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px #5A5A5A; }
.sa-on .sa-st i { background: var(--accent); box-shadow: none; }
.sa-bad .sa-st { color: #FF9A8A; }
.sa-bad .sa-st i { background: #FF9A8A; box-shadow: none; }
.sa-btn { height: 36px; padding: 0 16px; border: 1px solid var(--fg); border-radius: 999px; background: var(--fg); color: #0A0A0A; font-size: 14px; font-weight: 600; white-space: nowrap; transition: background .15s, border-color .15s; }
.sa-btn:hover { background: #fff; }
.sa-btn.quiet { background: transparent; border-color: #333; color: var(--fg); }
.sa-btn.quiet:hover { border-color: #5A5A5A; background: #151515; }
.sa-busy { width: 36px; height: 36px; display: grid; place-items: center; }
.sa-part { margin: 0 18px; padding: 14px 0; border-top: 1px solid var(--hair); }
.sa-h { margin-bottom: 8px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); }
.sa-agent { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; padding: 4px 0; cursor: pointer; }
.sa-agent.off { cursor: default; }
.sa-agent-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sa-agent-t b { font-size: 14px; font-weight: 600; color: var(--fg); }
.sa-agent-t em { font-style: normal; font-size: 13px; line-height: 1.45; color: var(--mute); }
.sa-switch { appearance: none; -webkit-appearance: none; flex: none; position: relative; width: 40px; height: 24px; margin: 0; border-radius: 12px; background: #2A2A2A; cursor: pointer; transition: background .2s; }
.sa-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #8C8C8C; transition: transform .2s cubic-bezier(.2,.8,.2,1), background .2s; }
.sa-switch:checked { background: var(--accent); }
.sa-switch:checked::after { transform: translateX(16px); background: #0A0A0A; }
.sa-switch:disabled { opacity: .45; cursor: default; }
.sa-note { margin: 6px 0 0; font-size: 13px; color: var(--dim); }
.sa-log { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.sa-log li { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; font-size: 13px; color: var(--fg2); }
.sa-log time { color: var(--dim); font-variant-numeric: tabular-nums; }
.sa-log a, .sa-log q, .sa-where { grid-column: 1 / -1; color: var(--mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sa-n { color: var(--dim); }
.sa-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 18px; padding: 10px 0 14px; border-top: 1px solid var(--hair); }
.sa-link { min-height: 32px; padding: 0; border: 0; background: none; color: var(--mute); font-size: 13px; cursor: pointer; text-align: left; }
.sa-link:hover { color: var(--fg); }
.sa-link.bad:hover { color: #FF9A8A; }
@media (max-width: 560px) {
  .sa-head { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; padding: 14px; }
  .sa-ico { width: 40px; height: 40px; }
  .sa-part, .sa-foot { margin: 0 14px; }
}
.acct-box { width: min(980px, calc(100vw - 32px)); max-height: calc(100vh - 32px); display: flex; flex-direction: column; gap: 12px; padding: 0 20px 20px; }
.acct-view { width: 100%; height: min(640px, calc(100vh - 200px)); border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.acct-actions { display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
.acct-form { width: min(440px, calc(100vw - 32px)); }
.acct-form label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--mute); }
.acct-form input { background: var(--field); border: 1px solid var(--line); border-radius: 8px; padding: 9px 10px; color: var(--fg); font: inherit; }
.acct-form label small { font-size: 12px; line-height: 1.4; color: var(--dim); }
.own-cb { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--mute); }
.own-cb > div { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--field); }
.own-cb code { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 12px; color: var(--fg); }
/* The sign-in sheet (accounts.js signInFlow): a bar, the live page, and on touch screens a composer. */
.acct-live .acct-box { gap: 12px; padding: 0 16px 16px; }
.acct-bar { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 0 0; }
.acct-x { width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #1C1C1C; color: #E6E6E6; }
.acct-x:hover { background: #262626; }
.acct-title { display: flex; flex-direction: column; align-items: center; min-width: 0; text-align: center; }
.acct-title b { font-size: 15px; font-weight: 600; color: var(--fg); }
.acct-title span { display: flex; align-items: center; gap: 4px; max-width: 100%; font-size: 12px; color: var(--mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.acct-trust { font-style: normal; overflow: hidden; text-overflow: ellipsis; }
.acct-done .acct-short { display: none; }
.acct-done .mini-spin { border-top-color: #0A0A0A; }
.acct-stage { position: relative; height: min(640px, calc(100vh - 170px)); overflow: hidden; border-radius: 12px; background: #0B0B0B; }
.acct-live .acct-view { display: block; width: 100%; height: 100%; border: 0; background: #0B0B0B; }
.acct-crop .acct-view { position: absolute; top: 0; left: 0; max-width: none; transform-origin: 0 0; }
.acct-touch { position: absolute; inset: 0; z-index: 1; touch-action: none; -webkit-tap-highlight-color: transparent; }
.acct-tap { position: absolute; width: 36px; height: 36px; margin: -18px 0 0 -18px; border-radius: 50%; background: rgba(248, 179, 0, .35); pointer-events: none; animation: tapOut .5s ease-out forwards; }
@keyframes tapOut { from { transform: scale(.4); opacity: 1; } to { transform: scale(1.3); opacity: 0; } }
.acct-wait { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 24px; background: #0B0B0B; text-align: center; transition: opacity .35s ease, visibility .35s; }
.acct-wait.gone { opacity: 0; visibility: hidden; }
.acct-note { display: flex; flex-direction: column; gap: 2px; margin: 0 12px; padding: 10px 12px; border: 1px solid #2E2E2E; border-radius: 12px; background: #141414; font-size: 13px; line-height: 1.45; color: #A3A3A3; }
.acct-note b { font-size: 14px; font-weight: 600; color: var(--fg); }
.acct-wait b { font-size: 15px; font-weight: 600; color: var(--fg); }
.acct-wait span:last-child { font-size: 13px; color: var(--mute); }
.acct-spin { width: 26px; height: 26px; margin-bottom: 10px; border-radius: 50%; border: 2.5px solid #2E2E2E; border-top-color: var(--accent); animation: spin .8s linear infinite; }
.acct-compose { display: flex; flex-direction: column; gap: 6px; }
.acct-hint { padding: 0 6px; font-size: 12px; color: var(--mute); }
.acct-field { display: flex; align-items: center; gap: 2px; height: 50px; padding: 0 6px 0 16px; background: var(--field); border: 1px solid var(--line); border-radius: 25px; }
.acct-field:focus-within { border-color: #3A3A3A; }
.acct-field input { flex: 1; min-width: 0; height: 100%; padding: 0; background: transparent; border: 0; outline: 0; color: var(--fg); font: inherit; font-size: 16px; }
.acct-field input::placeholder { color: #6E6E6E; }
.acct-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: #9A9A9A; }
.acct-icon:active { background: #262626; }
.acct-send { width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #F2F2F2; color: #0A0A0A; transition: background .15s; }
.acct-send:disabled { background: #2A2A2A; color: #6E6E6E; }
.acct-send.sent { background: var(--accent); color: #0A0A0A; }
@media (max-width: 560px) {
  .acards { grid-template-columns: 1fr; }
  /* A phone gets the whole screen: the page edge to edge, the composer above the keyboard (--kb, from visualViewport). */
  .acct-live.acct-mdl { padding: 0; }
  .acct-live .acct-box { width: 100%; height: 100dvh; max-height: none; border: 0; border-radius: 0; padding: 0 0 calc(10px + env(safe-area-inset-bottom)); gap: 8px; overflow: hidden; }
  .acct-bar { padding: calc(8px + env(safe-area-inset-top)) 12px 2px; }
  .acct-done .acct-long, .acct-trust { display: none; }
  .acct-done .acct-short { display: inline; }
  .acct-stage { flex: 1 1 auto; min-height: 0; }
  .acct-stage { border-radius: 0; }
  .acct-compose { position: relative; z-index: 1; padding: 8px 12px 0; background: #111; }
  /* Keyboard up: pinned to its top edge, without the gesture bar's padding that left a gap above it (2026-10-24). */
  .acct-live.kb-open .acct-compose { position: fixed; left: 0; right: 0; bottom: var(--kb, 0px); z-index: 3; padding: 8px 12px; }
  .acct-form { height: auto; }
}

/* ---------- Request an agent panel (design handoff "Explore + Request an agent panel") ---------- */
.req.rv-e .req-top{justify-content:space-between}
.rv-e .req-body h2{font-size:16px;line-height:1.3;font-weight:600;letter-spacing:0;color:#C9C9C9}
.rv-e .req-sub{margin-top:3px;font-size:13px;color:#7D7D7D}
.rq-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;align-items:baseline;margin-top:10px}
.rq-head h2{grid-area:1/1}
.rq-head .req-sub{grid-area:2/1;margin:0}
.rq-pl1,.rq-pl2{position:relative;z-index:1;grid-column:2;justify-self:end;padding:0 14px 0 18px;white-space:nowrap}
.rq-pl1{grid-row:1;font-size:12.5px;font-weight:600;letter-spacing:.01em;color:#F8B300}
.rq-pl2{grid-row:2;display:flex;align-items:baseline;gap:8px}
.rq-pl2 s{font-size:19px;font-weight:600;letter-spacing:-.01em;color:#B5B5B5;text-decoration-thickness:1.5px;text-decoration-color:#E5484D}
.rq-pl2 b{font-size:16px;font-weight:600;color:#F2F2F2}
.rq-pbg{grid-area:1/2/3;align-self:stretch;margin:-10px 0 -10px 4px;border:1px solid rgba(248,179,0,.28);border-radius:12px;background:rgba(248,179,0,.06);pointer-events:none}
.rv-e .rq{margin-top:32px;gap:12px}
.rv-e .rq-head + .rq-main{margin-top:34px}
.rv-e .rq-main{gap:14px}
.rq-l{flex-wrap:wrap}
.rq-l .rq-lt{min-width:0}
.rv-e .rq:not(.rq-main) .rq-l{font-size:16px}
.rv-e .rq-main .rq-l{font-size:23px;line-height:1.3;letter-spacing:-.015em}
.rv-e .rq-main .rq-box{padding:16px 18px;border-color:#383838;background:#121212}
.rv-e .rq-main .rq-box:focus-within{border-color:#5A5A5A}
.rv-e .rq-main .rq-box textarea{min-height:236px;max-height:460px;font-size:15px;line-height:1.6}
.rv-e .rq-main .rq-box textarea::placeholder{color:#6A6A6A;line-height:1.6}
.rv-e #rq-hint-wrap:empty{display:none}
.rq-hint2{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin-bottom:12px;padding:11px 13px;border:1px solid #242424;border-radius:13px;background:linear-gradient(#131313,#0E0E0E);animation:rise .35s cubic-bezier(.2,.8,.2,1) both}
.rqh-l{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#9A9A9A}
.rqh-l svg{width:14px;height:14px;color:var(--accent)}
.rqh-f{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.rqh-c{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px 0 7px;border:1px solid color-mix(in srgb,var(--b,#2A2A2A) 40%,#2A2A2A);border-radius:999px;background:color-mix(in srgb,var(--b,#151515) 9%,#151515);color:#E6E6E6;font-size:13px;font-weight:500;transition:border-color .15s,background .15s}
.rqh-c:hover{border-color:color-mix(in srgb,var(--b,#3E3E3E) 70%,#3E3E3E);background:color-mix(in srgb,var(--b,#1A1A1A) 16%,#1A1A1A)}
.rqh-c .rc-i{width:17px;height:17px;border-radius:5px;display:grid;place-items:center}
.rqh-c .rc-i img{width:15px;height:15px;object-fit:contain}
.rqh-c .rc-i b{font-size:11px!important}
.rqh-c i{font-style:normal;font-size:14px;font-weight:600;color:#7D7D7D;line-height:1}
.rqh-c:hover i{color:#F2F2F2}
.rqh-all{flex:none;margin-left:auto;height:30px;padding:0 12px;border:0;border-radius:999px;background:#F2F2F2;color:#0A0A0A;font-size:12.5px;font-weight:600}
.rqh-all:hover{background:#fff}
.rq-srow{position:relative;display:flex;align-items:center;gap:8px}
.rq-tsearch{flex:1;min-width:0;display:flex;align-items:center;gap:11px;height:44px;padding:0 10px 0 14px;border:1px solid #262626;border-radius:13px;background:#111;color:#7D7D7D;transition:border-color .18s,background .18s}
.rq-tsearch:focus-within{border-color:#3E3E3E;background:#141414}
.rq-tsearch > svg{flex:none}
.rq-tsearch input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:15px;color:var(--fg)}
.rq-tsearch input::placeholder{color:#6E6E6E}
.rq-tsearch input::-webkit-search-cancel-button,.rq-tsearch input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.rq-tsearch kbd{flex:none;padding:3px 7px;border:1px solid #262626;border-radius:6px;background:#1A1A1A;color:#7D7D7D;font:600 11px var(--font,inherit);letter-spacing:.04em}
.rq-fwrap{position:relative;flex:none}
.rq-filt{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px 0 14px;border:1px solid #262626;border-radius:13px;background:#111;color:#9A9A9A;font-size:14px;font-weight:500;transition:border-color .15s,color .15s,background .15s}
.rq-filt:hover{border-color:#3E3E3E;color:#E6E6E6;background:#141414}
.rq-filt > svg{flex:none}
.rq-filt .rq-fc{display:grid;place-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.rq-filt[aria-expanded="true"] .rq-fc{transform:rotate(180deg)}
.rq-filt.on{border-color:#3E3E3E;background:#161616;color:#F2F2F2}
.rq-fx{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#8C8C8C;transition:background .15s,color .15s}
.rq-fx svg{width:11px;height:11px}
.rq-filt .rq-fx:hover{background:#2E2E2E;color:#fff}
.rq-fpop{position:absolute;right:0;top:calc(100% + 6px);z-index:6;min-width:232px;max-height:290px;overflow-y:auto;padding:6px;border:1px solid #2A2A2A;border-radius:14px;background:#141414;box-shadow:0 20px 50px rgba(0,0,0,.6);animation:dropIn .18s ease both;scrollbar-width:thin;scrollbar-color:#2A2A2A transparent}
.rq-fpop button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#C9C9C9;font-size:13.5px;text-align:left;transition:background .12s,color .12s}
.rq-fpop button span{flex:1;min-width:0}
.rq-fpop button b{flex:none;min-width:22px;height:19px;padding:0 6px;border-radius:999px;background:#1E1E1E;color:#9A9A9A;font-size:11px;font-weight:600;display:grid;place-items:center}
.rq-fpop button:hover{background:#1F1F1F;color:#F2F2F2}
.rq-tl{margin:18px 0 12px;gap:8px;text-transform:none;letter-spacing:0}
.rq-tl b{min-width:20px;height:19px;font-size:10.5px}
#rq-tools-list > .rq-tl:first-child,#rq-tools-list > .rq-gsp:first-child,#rq-tools-list > .rq-tgrid:first-child{margin-top:16px}
.rq-gsp{margin-top:18px}
.rq-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:18px 8px;align-items:start}
.ttile2{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;border:0;padding:0;background:transparent;color:#8C8C8C;font-size:11.5px;line-height:1.3;text-align:center;transition:color .18s}
.ttile2:hover{color:#E6E6E6}
.ttile2:focus-visible{outline:none}
.ttile2:focus-visible .tico2{outline:2px solid var(--accent);outline-offset:3px}
.ttile2:disabled{opacity:.55;cursor:not-allowed}
.tico2{position:relative;flex:none;width:54px;height:54px;border-radius:16px;border:1px solid #262626;background:#111;display:grid;place-items:center;color:#E6E6E6;transition:border-color .18s,background .18s,box-shadow .2s,transform .18s}
.tico2 img{width:27px;height:27px;object-fit:contain}
.ttile2:hover .tico2{border-color:color-mix(in srgb,var(--b,#F8B300) 45%,#3E3E3E);background:#161616;transform:translateY(-2px)}
.rqt-n{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:break-word}
.rqt-k{position:absolute;top:-6px;right:-6px;width:19px;height:19px;border-radius:50%;background:var(--b,#F2F2F2);color:#0A0A0A;display:none;place-items:center;box-shadow:0 0 0 3px #0B0B0B}
.rqt-k svg{width:11px;height:11px;stroke-width:3}
.ttile2.on{color:#F2F2F2;font-weight:500}
.ttile2.on .tico2{border-color:color-mix(in srgb,var(--b,#F8B300) 70%,#F2F2F2);background:#181818;box-shadow:0 0 0 3px color-mix(in srgb,var(--b,#F8B300) 22%,transparent),0 6px 18px color-mix(in srgb,var(--b,#F8B300) 14%,transparent)}
.ttile2.on .rqt-k{display:grid;animation:pop .32s cubic-bezier(.2,.9,.3,1.5) both}
.ttile2.own .tico2{border-style:dashed;color:#9A9A9A}
.ttile2.own.on .tico2{border-style:solid}
.rq-tnone{margin:18px 0 0;font-size:14px;color:#6E6E6E}
.rq-add{display:flex;align-items:center;gap:9px;width:100%;height:42px;margin-top:14px;padding:0 14px;border:1px dashed #2E2E2E;border-radius:12px;background:transparent;color:#9A9A9A;font-size:13.5px;text-align:left;transition:border-color .15s,color .15s,background .15s}
.rq-add:hover{border-color:#4A4A4A;color:#F2F2F2;background:#121212}
.rq-fsp{flex:1}
.rv-e .req-foot{padding:16px 28px 18px}
.rv-e .req-foot .btn-w{white-space:nowrap;flex:none}
.req-foot .btn-w.rq-go,.req-foot .btn-w.rq-go:not(:disabled){gap:9px;padding:0 22px;background:var(--fg);color:#0A0A0A}
.req-foot .btn-w.rq-go:not(:disabled):hover{background:#fff}
.rq-go svg{color:var(--accent)}
.req-foot .btn-w.rq-go:disabled{background:#1C1C1C;color:#5E5E5E}
.req-foot .btn-w.rq-go:disabled svg{color:#4E4E4E}
.rv-e .rq-done{align-items:flex-start;text-align:left;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.rv-e .rq-done h2{font-size:30px;line-height:1.15;letter-spacing:-.02em;color:var(--fg);text-align:left}
.rq-mark{position:relative;width:64px;height:64px;border-radius:var(--rr);background:#151515;border:1px solid #262626;display:grid;place-items:center;box-shadow:0 0 40px rgba(248,179,0,.14)}
.rq-mark img{width:38px;height:35px;object-fit:contain}
.rq-mark i{position:absolute;right:-8px;bottom:-8px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#111;border:3px solid #0B0B0B;display:grid;place-items:center;animation:pop .4s cubic-bezier(.2,.9,.3,1.4) .2s both}
.rv-e .rq-sum div{grid-template-columns:118px 1fr;white-space:pre-line}
.rq-sp s{color:#6E6E6E;margin-right:2px}
.rv-e .rq-next{flex-direction:row;align-items:flex-start;gap:12px}
.rv-e .rq-next svg{margin-top:2px}
@media (max-width:640px){
  .rq-head .req-sub{grid-area:3/1/auto/-1;margin-top:14px}
  .rv-e .rq-head + .rq-main{margin-top:26px}
  .rv-e .rq-main .rq-l{font-size:16.5px}
  .rv-e .rq-main .rq-box textarea{min-height:240px}
  .rv-e .req-foot{padding:14px 20px 16px}
  .rv-e .req-foot:not(.ask) .btn-w.rq-go{width:auto;padding:0 16px}
  .rqh-all{margin-left:0}
  .rq-filt span{display:none}
  .rq-filt{padding:0 10px}
  .rq-tsearch kbd{display:none}
  .rq-tgrid{grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}
  .tico2{width:50px;height:50px;border-radius:15px}
  .tico2 img{width:25px;height:25px}
  .rv-e .rq-sum div{grid-template-columns:1fr;gap:4px}
}
/* A question card's words and answer area (assets/question.js; spec 2026-10-24-genui-result-components.md rule 9). */
.qb-q{margin-top:16px}
/* A question's detail (gravity.ask(detail=...)): markdown under the words, above the answer: a profile or plan to check. */
.qb-detail{margin:14px 0 0;padding:12px 16px;border:1px solid #1E1E1E;border-radius:14px;background:#111111;font-size:14px;line-height:1.55;color:var(--fg2)}
.qb-detail h4,.qb-detail h5,.qb-detail h6{margin:14px 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.qb-detail > :first-child{margin-top:0}
.qb-detail p{margin:6px 0}
.qb-detail ul,.qb-detail ol{margin:4px 0;padding-left:20px}
.qb-detail li{margin:2px 0}
.qb-detail blockquote{margin:6px 0;padding-left:10px;border-left:2px solid var(--hair);color:var(--mute)}
.qb-detail .rtab-w{margin:4px 0;max-height:none}
.qb-t{display:block;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.005em;color:var(--fg)}
.qb-t.qb-long{font-size:15px;font-weight:500;line-height:1.55;color:var(--fg2)}
.qb-lead{margin:0 0 8px;white-space:pre-line;font-size:14px;line-height:1.55;color:var(--mute)}
.qb-c{margin:4px 0 0;font-size:13px;color:var(--mute)}
.qb{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 16px;margin:14px 0 0;padding:4px 16px;border:1px solid #1E1E1E;border-radius:14px;background:#111111}
.qb dt,.qb dd{margin:0;padding:10px 0;border-top:1px solid var(--hair)}
.qb dt:first-of-type,.qb dt:first-of-type+dd{border-top:0}
.qb dt{font-size:13px;line-height:20px;color:var(--mute)}
.qb dd{min-width:0;font-size:14px;line-height:20px;color:var(--fg2);overflow-wrap:anywhere}
.qb dd a{color:var(--fg);text-decoration:underline;text-decoration-color:#4A4A4A;text-underline-offset:3px}
.qb-tags{display:flex;flex-wrap:wrap;gap:6px}
.qb-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:1px solid #2C2C2C;border-radius:999px;background:#141414;color:var(--fg);font-size:12px;font-weight:500}
.qb-tags:has(.qb-soft){gap:4px}
.qb-soft{min-height:22px;padding:0 8px;background:transparent;color:var(--mute);font-weight:400}
.qb-lines{display:flex;flex-direction:column;gap:4px}
.qb-more{display:inline-flex;align-items:center;min-height:22px;font-size:12px;color:var(--dim)}
.qb-n{display:block;margin-top:6px;font-size:12px;line-height:16px;color:var(--dim)}
.qc-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.qc-btns>button{white-space:nowrap}
.qc-opts{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.qc-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 14px;border:1px solid #262626;border-radius:12px;background:#141414;color:var(--fg);font-size:14px;font-weight:500;line-height:1.4;text-align:left}
.qc-opt:hover{background:#1A1A1A;border-color:#333333}
.qc-opt span{flex:1;min-width:0}
.qc-opt em{flex:none;font-style:normal;font-size:12px;color:var(--mute)}
.qc-reply{display:flex;align-items:flex-end;gap:8px;margin-top:16px;padding:6px 6px 6px 14px;border:1px solid #2A2A2A;border-radius:16px;background:#0E0E0E}
.qc-reply:focus-within{border-color:#444444}
.qc-reply textarea{flex:1;min-width:0;min-height:24px;max-height:160px;padding:7px 0;border:0;outline:0;resize:none;background:transparent;color:var(--fg);font-family:inherit;font-size:15px;line-height:1.5;field-sizing:content}
.qc-reply textarea::placeholder{color:var(--dim)}
.qc-send{flex:none;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--fg);color:#0A0A0A}
/* A question with fields (question.js formHtml): each field's label, its options as chips (picked ones filled, as the
   default answer's button is) or a text box, then Confirm. */
.qx{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.qx-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.qx-l{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:600;line-height:1.4;color:var(--fg2)}
.qx-l small{font-size:12px;font-weight:400;color:var(--dim)}
.qx-chips{display:flex;flex-wrap:wrap;gap:6px}
.qx-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:32px;padding:5px 12px;border:1px solid #2C2C2C;border-radius:999px;background:#141414;color:var(--fg2);font-size:13px;font-weight:500;line-height:1.35;text-align:left;transition:background .15s,border-color .15s,color .15s}
.qx-chip:hover:not(:disabled){border-color:#3A3A3A;background:#1A1A1A}
.qx-chip.on{border-color:#F2F2F2;background:#F2F2F2;color:#0A0A0A}
.qx-chip.on:hover:not(:disabled){border-color:#fff;background:#fff}
.qx-chip small{font-size:12px;font-weight:400;color:var(--dim)}
.qx-chip.on small{color:#5A5A5A}
.qx-chip .qx-ck{display:none;flex:none}
.qx-chip.on .qx-ck{display:block}
.qx-chip:disabled{cursor:default;opacity:.6}
.qx-text{width:100%;min-height:40px;max-height:160px;padding:9px 14px;border:1px solid #2A2A2A;border-radius:12px;background:#0E0E0E;color:var(--fg);font-family:inherit;font-size:14px;line-height:1.5;resize:none;outline:0;field-sizing:content}
.qx-text:focus{border-color:#444444}
.qx-text::placeholder{color:var(--dim)}
.qx > .qc-btns{margin-top:0}
/* The search box over a long option list: a form field's chips here, a setup question's rows (.q6-find) too. */
.qfind{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid #262626;border-radius:10px;background:#0E0E0E;color:#7D7D7D}
.qfind:focus-within{border-color:#3E3E3E;color:#E6E6E6}
.qfind svg{flex:none}
.qfind input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--fg);font-family:inherit;font-size:14px;outline:none}
.qfind input::placeholder{color:var(--dim)}
.qfind-none{margin:0;font-size:13px;color:var(--dim)}
.q6-find{padding:12px 12px 0}
.q6-find .qfind{height:40px;border-color:#232323;border-radius:12px;background:#101010}
.q6-find .qfind input{font-size:15px}
.q6-body .qfind-none{padding:12px}
.q6-body.tiles .qfind-none{grid-column:1/-1}
@media (max-width:640px){
  .qfind input,.q6-find .qfind input,.qx-text{font-size:16px}
}
@media (max-width:640px){
  .qb{grid-template-columns:minmax(0,1fr);padding:2px 14px}
  .qb dt{padding:10px 0 4px;border-top:1px solid var(--hair);font-size:12px;line-height:16px}
  .qb dd{padding:0 0 10px;border-top:0;font-size:13px}
  .qb dt:first-of-type{border-top:0}
  .qb-t{font-size:16px}
  .qc-btns.qc-n2>button{flex:1 1 0}
  .qc-btns.qc-n3>.wbtn{flex:1 1 100%}
  .qc-btns.qc-n3>.ghost2{flex:1 1 auto}
}
/* The check-in box in an agent's set-up (approval.js): the handoff's askApproval, "Choice list" view, copied
   as it is (its .si-up button, the v17 box and the v18 choice list). .ap-list is scoped to the box: Updates
   has its own .ap-list, whose gap:14px the box also takes, as in the handoff. */
.si-up{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;border:0;border-radius:999px;background:#F8B300;color:#111;font-size:16px;font-weight:600;transition:background .2s,transform .15s}
.si-up:hover{background:#FFC528}
.si-up:active{transform:scale(.98)}
.si-up.sm{width:auto;height:42px;padding:0 20px;font-size:14px}
.apbox{display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid #262626;border-radius:20px;background:#0E0E0E}
.ap-hd{display:flex;flex-direction:column;gap:4px}
.ap-hd b{font-size:16.5px;font-weight:600;color:#F2F2F2}
.ap-hd span{font-size:14px;color:#8C8C8C}
.ap-f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}
.ap-f span{font-size:13.5px;color:#8C8C8C}
.apbox .ap-hd b{font-size:16px}
.apbox .ap-list{display:flex;flex-direction:column;border:1px solid #232323;border-radius:16px;overflow:hidden}
.ap-opt + .ap-opt{border-top:1px solid #1E1E1E}
.ap-opt.on{background:#131313}
.ap-oh{display:flex;align-items:flex-start;gap:14px;width:100%;padding:16px 18px;border:0;background:transparent;color:inherit;text-align:left}
.ap-oh:hover{background:#121212}
.ap-rd{flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #474747;transition:box-shadow .2s}
.ap-opt.on .ap-rd{box-shadow:inset 0 0 0 5px #F2F2F2}
.ap-om{display:flex;flex-direction:column;gap:3px;min-width:0}
.ap-om b{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#EDEDED}
.ap-om b em{font-style:normal;font-size:11.5px;font-weight:500;padding:2px 8px;border-radius:999px;background:#1F1F1F;color:#9A9A9A}
.ap-om > span{font-size:13.5px;line-height:1.45;color:#8C8C8C}
.ap-rows{list-style:none;margin:0 18px 16px 50px;padding:6px 0 0;display:flex;flex-direction:column;border-top:1px solid #1F1F1F;animation:rise .3s cubic-bezier(.2,.8,.2,1) both}
.ap-rows li{display:flex;align-items:center;gap:10px;min-height:36px;font-size:13.5px;color:#9A9A9A}
.ap-ri{flex:none;display:grid;place-items:center;color:#5E5E5E}
.ap-rows li.w{color:#E6E6E6}
.ap-rows li.w .ap-ri{color:#E6E6E6}
.ap-rt{flex:1;min-width:0}
.ap-rs{flex:none;font-size:12.5px;color:#6E6E6E}
.ap-rows li.w .ap-rs{color:#CFCFCF}
/* My agents' Change permissions pop-up (my.js permModal): the same box, framed by the pop-up; trust on its action */
.apbox.flat{padding:0;border:0;border-radius:0;background:transparent}
.apbox.flat .ap-hd{padding-right:48px}
.sm-box.ap-modal{position:relative;width:min(600px,100%)}
.sm-box.ap-modal > .sm-x{position:absolute;top:22px;right:22px}
.ap-f .ap-fb{display:flex;gap:8px}
.ap-rt small{margin-left:8px;font-size:12.5px;color:#6E6E6E}
.ap-again{margin-left:6px;padding:0;border:0;background:none;color:#BDBDBD;font-size:12.5px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#4A4A4A}
.ap-again:hover{color:#fff}

/* ===== after a liked result: run it automatically, and the plan cards (feedback.js upgradeOffer) ===== */
.waitrow.autobar{border-color:#2A2A2A;background:#151515;flex-wrap:wrap}
.autobar .bt-acts{gap:10px;flex-wrap:nowrap}
.autobar .bt-acts .btn-g.sm,.autobar .bt-acts .btn-y.sm{height:42px;white-space:nowrap}
.pc3-wrap{display:flex;flex-direction:column;gap:12px;margin:4px 0 8px}
.pc3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pc3-c{display:flex;flex-direction:column;padding:22px 20px 20px;border:1px solid #262626;border-radius:20px;background:#101010}
.pc3-c.pro{border-color:#3A3A3A;background:linear-gradient(180deg,#171717,#101010 70%)}
.pc3-h{display:flex;align-items:center;gap:10px;min-height:30px}
.pc3-h b{font-size:18px;font-weight:600;color:#F2F2F2}
.pc3-tag{height:28px;padding:0 12px;border-radius:999px;background:#1F1F1F;color:#BDBDBD;font-size:13px;display:inline-flex;align-items:center}
.pc3-p{display:flex;align-items:baseline;gap:4px;margin:16px 0 18px}
.pc3-p b{font-size:34px;line-height:1;font-weight:700;letter-spacing:-.02em;color:#F5F5F5}
.pc3-p span{font-size:15px;color:#8C8C8C}
.pc3-b{width:100%;height:44px;font-size:14.5px;font-weight:600}
.pc3-b:disabled{cursor:default;opacity:1}
.pc3-c .btn-g.pc3-b:disabled{color:#7A7A7A}
.pc3-c .btn-y.pc3-b:disabled,.pc3-c .btn-w.pc3-b:disabled{opacity:.6}
.pc3-k{display:block;margin:22px 0 12px;font-size:12.5px;font-weight:600;color:#7A7A7A}
.pc3-c ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:14.5px;line-height:1.35;color:#E6E6E6}
.pc3-k + ul{margin-top:0}
.pc3-c li{display:flex;align-items:flex-start;gap:10px}
.pc3-c li svg{flex:none;margin-top:1px;color:#5FD38A}
.pc3-c li.no{color:#9A9A9A}
.pc3-c li.no svg{color:#FF6B5E}
.pc3-f{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pc3-st{font-size:13.5px;line-height:1.45;color:#9A9A9A}
.pc3-st.bad{color:#FF9A8A}
.pc3-st a{color:var(--accent)}
@media (max-width:760px){ .pc3{grid-template-columns:1fr} .autobar .bt-acts{width:100%;justify-content:flex-end;flex-wrap:wrap} }
.ragain .wr-t{display:flex;flex-direction:column;gap:1px}
.ragain-s{font-size:13px;color:#8C8C8C;font-weight:400}
/* plan cards in chat: same as the pricing page (bigger, with a line under the name) */
.pc3.big{gap:14px}
.pc3.big .pc3-c{padding:26px 24px;border-radius:22px}
.pc3.big .pc3-h b{font-size:20px}
.pc3-tag.y{background:rgba(248,179,0,.12);color:#F8B300}
.pc3-d{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:#9A9A9A;min-height:44px}
.pc3.big .pc3-p{margin:18px 0 20px}
.pc3.big .pc3-p b{font-size:44px}
.pc3.big .pc3-k{margin:24px 0 14px}
.pc3.big .pc3-c ul{gap:14px;font-size:15px}
.pc3-c li.no{color:#FF7A70}
.pc3-c li.no svg{color:#FF5A4E}
.pc3-c li.hi{color:#FFFFFF;font-weight:600}
.pc3-c li.hi svg{color:#5FD38A}
.pc3-c li.hi em{font-style:normal;color:var(--accent)}
.pc3-wrap > .pc3-st:empty{display:none}
/* after "I like this result" on the free plan: what a schedule changes, then "Run X on schedule" */
.sched-pitch{display:flex;flex-direction:column;gap:18px}
.cmp{border:1px solid #222;border-radius:18px;background:#0E0E0E;overflow:hidden}
.cmp-h,.cmp-r{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1.15fr);align-items:center;gap:8px;padding:0 20px}
.cmp-h{height:42px;border-bottom:1px solid #1B1B1B;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6E6E6E}
.cmp-h span:last-child{color:#BDBDBD}
.cmp-r{min-height:58px;opacity:0;animation:cmpUp .6s calc(.25s + var(--i)*.16s) cubic-bezier(.2,.8,.2,1) both}
.cmp-r + .cmp-r{border-top:1px solid #171717}
.cmp-b{position:relative;font-size:14px;color:#6E6E6E;width:max-content;max-width:100%}
.cmp-b::after{content:"";position:absolute;left:0;right:0;top:55%;height:1px;background:#5A5A5A;transform-origin:left;transform:scaleX(0);animation:cmpStrike .5s calc(.55s + var(--i)*.16s) cubic-bezier(.65,0,.35,1) forwards}
.cmp-ar{display:grid;place-items:center;color:#4A4A4A;opacity:0;transform:translateX(-6px);animation:cmpIn .4s calc(.75s + var(--i)*.16s) ease-out forwards}
.cmp-a{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:#F2F2F2;opacity:0;animation:cmpIn .5s calc(.85s + var(--i)*.16s) ease-out forwards}
.cmp-ai{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#181818;box-shadow:inset 0 0 0 1px #262626;color:#E6E6E6}
.cmp-ai svg{width:16px;height:16px}
@keyframes cmpUp{from{opacity:0;transform:translateY(10px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes cmpStrike{to{transform:scaleX(1)}}
@keyframes cmpIn{to{opacity:1;transform:none}}
.sched-st{display:inline-flex;align-items:center;height:32px;padding:0 4px;font-size:14px;font-weight:500;color:#BDBDBD}
.sched-undo{height:34px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:#FF7A66;font-size:14px;font-weight:500}
.sched-undo:hover{background:rgba(255,122,102,.1)}
.sched-x{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#8C8C8C;display:grid;place-items:center}
.sched-x:hover{background:#222;color:#fff}
.waitrow.out{opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.sched-ust:empty{display:none}
.sched-ust{margin:-12px 0 0;font-size:13.5px;color:#9A9A9A}
.pc3.big .pc3-h{justify-content:center}
.pc3.big .pc3-p{justify-content:center;margin:22px 0}
.pc3-skip{display:flex;justify-content:center}
/* The plans an Upgrade opened (feedback.js creditsUpgrade): a title and a close button over the cards. */
.pc3-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pc3-bar b{font-size:15px;font-weight:600;color:var(--fg)}
.pc3-skip .linkbtn{height:40px;padding:0 16px;font-size:14.5px}
/* Plan cards, "Run on schedule -> plans" design: four cards (pc4) in the s3 card style, Auto Pilot with the
   dark-to-yellow fill (pco-b). Scoped to .pc4 and the new pieces, so the older .pc3 cards keep their look.
   The design hides its decoration and icons in this style (.pc3-deco/.pc3-ico), so the markup leaves them out. */
.pc3-cur{cursor:default;opacity:1!important;background:transparent!important;border:1px solid #2E2E2E!important;color:#7A7A7A!important}
.pc3.pc4{ grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; }
.pc3.pc4 .pc3-c{ padding: 24px 20px; }
.pc3.pc4 .pc3-h{ flex-wrap: wrap; gap: 8px; min-height: 66px; align-content: flex-start; }
.pc3.pc4 .pc3-h b{ flex-basis: 100%; text-align: center; font-size: 19px; }
.pc3.pc4 .pc3-p b{ font-size: 40px; }
.pc3.pc4 .pc3-c ul{ font-size: 14.5px; }
.pc3-c.pop{ border-color: rgb(74, 74, 74); background: linear-gradient(rgb(26, 26, 26), rgb(17, 17, 17) 65%); box-shadow: rgba(255, 255, 255, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.9) 0px 24px 60px -30px; }
.pc3-tag.pop{ background: rgba(248, 179, 0, 0.12); color: rgb(248, 179, 0); }
@media (max-width: 1100px){.pc3.pc4{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 600px){.pc3.pc4{ grid-template-columns: 1fr; }}
.pc3-tag.pc3-none{ visibility: hidden; }
@media (max-width: 600px){.pc3.pc4 .pc3-h{ min-height: 0px; }}
@media (max-width: 600px){.pc3-tag.pc3-none{ display: none; }}
.pc3-c li b{ font-weight: 700; color: rgb(255, 255, 255); }
.pc3.pc4 .pc3-tag{ order: -1; }
.pc3.pc4 .pc3-k{ display: flex; align-items: center; gap: 12px; text-align: center; }
.pc3.pc4 .pc3-k::before, .pc3.pc4 .pc3-k::after{ content: ""; flex: 1 1 0%; height: 1px; background: rgb(38, 38, 38); }
.pc3-top{ display: contents; }
.pc3-cy{ font: inherit; color: inherit; }
.pc3.pc4[class*=" s"] .pc3-c{ position: relative; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s, border-color 0.3s, opacity 0.3s; }
.pc3.pc4[class*=" s"] .pc3-c:hover{ transform: translateY(-4px); }
.pc3.pc4.s3 .pc3-h{ place-content: center flex-start; min-height: 0px; }
.pc3.pc4.s3 .pc3-h b{ flex-basis: auto; text-align: left; }
.pc3.pc4.s3 .pc3-p{ justify-content: flex-start; }
.pc3.pc4.s3 .pc3-tag{ order: 0; }
.pc3.pc4.s3 .pc3-tag.pc3-none{ display: none; }
.pc3.pc4.s3 .pc3-k{ justify-content: flex-start; }
.pc3.pc4.s3 .pc3-k::before, .pc3.pc4.s3 .pc3-k::after{ display: none; }
.pc3.pc4.s3 .pc3-c{ padding: 26px 22px 22px; border-radius: 16px; background: rgb(13, 13, 13); border-color: rgb(31, 31, 31); }
.pc3.pc4.s3 .t-pro{ background: linear-gradient(rgb(14, 14, 16) 30%, rgb(21, 25, 51) 100%); border-color: rgb(35, 40, 66); }
.pc3.pc4.s3 .t-business{ background: linear-gradient(rgb(20, 16, 5) 0%, rgb(58, 42, 5) 100%); border-color: rgba(248, 179, 0, 0.4); }
.pc3.pc4.s3 .t-max{ background: linear-gradient(160deg, rgb(42, 22, 82) 0%, rgb(26, 15, 51) 45%, rgb(15, 10, 28) 100%); border-color: rgb(59, 42, 99); }
.pc3.pc4.s3 .pc3-h b{ font-size: 28px; font-weight: 700; letter-spacing: -0.01em; }
.pc3.pc4.s3 .pc3-tag{ position: absolute; top: 20px; right: 18px; }
.pc3.pc4.s3 .pc3-p{ margin: 6px 0px 18px; }
.pc3.pc4.s3 .pc3-p b{ font-size: 24px; }
.pc3.pc4.s3 .pc3-b{ order: 9; margin-top: auto; border-radius: 10px; height: 42px; }
.pc3.pc4.s3 .pc3-rows{ margin-bottom: 26px; }
.pc3.pc4.s3 .pc3-k{ margin: 0px 0px 6px; text-transform: none; letter-spacing: 0px; font-size: 12.5px; color: rgb(110, 110, 110); }
.pc3.pc4.s3 .pc3-c ul{ gap: 0px; }
.pc3.pc4.s3 .pc3-c li{ padding: 11px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.pc3.pc4.s3 .pc3-c:hover{ box-shadow: rgba(0, 0, 0, 0.9) 0px 24px 50px -28px; }
@media (prefers-reduced-motion: reduce){.pc3.pc4[class*=" s"] *, .pc3.pc4[class*=" s"] ::before, .pc3.pc4[class*=" s"] ::after{ animation: auto ease 0s 1 normal none running none !important; }}
.pc3.pc4.s3 .pc3-tag{ position: static; order: -1; flex-basis: auto; margin-bottom: 4px; }
.pc3.pc4.s3 .pc3-tag.pc3-none{ display: inline-flex; }
.pc3.pc4.s3 .pc3-h{ flex-wrap: wrap; gap: 6px; }
.pc3.pc4.s3 .pc3-h b{ flex-basis: 100%; }
.pc3.pc4 .pc3-p b .pc3-cy{ font-size: inherit; color: inherit; font-weight: inherit; }
.pc3.pc4[class*=" s"] .pc3-top > *{ position: relative; }
.pc3.pc4[class*=" s"] .pc3-top > .pc3-h{ position: static; }
.pc3.pc4[class*=" s"] .pc3-top > .pc3-h > :not(.pc3-tag){ position: relative; }
.pc3.pc4.s3 .t-pro{ background: rgb(13, 13, 13); border-color: rgb(31, 31, 31); }
.pc3.pc4.s3.pco-b .t-business{ background: linear-gradient(rgb(14, 13, 10) 30%, rgb(58, 42, 5) 100%); }
.pc3.pc4.s3 .t-business{ border-color: rgb(58, 58, 58); }
.pc3.pc4.s3 .t-max{ background: linear-gradient(rgb(14, 14, 16) 30%, rgb(21, 25, 51) 100%); border-color: rgb(35, 40, 66); }
.pc3.pc4.s3 .pc3-h b{ font-size: 24px; white-space: nowrap; letter-spacing: -0.02em; }
.pc3.pc4.s3 .pc3-p b{ font-size: 30px; }
.pc3.pc4.s3 .pc3-k{ display: flex; align-items: center; justify-content: center; gap: 12px; text-align: center; margin: 0px 0px 6px; }
.pc3.pc4.s3 .pc3-k::before, .pc3.pc4.s3 .pc3-k::after{ content: ""; display: block; flex: 1 1 0%; height: 1px; background: rgba(255, 255, 255, 0.09); }
.pc3.pc4.s3 .t-pro .pc3-b.btn-w{ background: rgb(42, 42, 42); color: rgb(242, 242, 242); }
.pc3.pc4.s3 .t-pro .pc3-b.btn-w:hover{ background: rgb(53, 53, 53); }
@media (max-width:720px){ .cmp-h{display:none} .cmp-r{grid-template-columns:1fr;gap:4px;padding:12px 16px} .cmp-ar{display:none} }
@media (prefers-reduced-motion:reduce){ .cmp-r,.cmp-ar,.cmp-a{animation:none;opacity:1;transform:none} .cmp-b::after{animation:none;transform:scaleX(1)} }

/* Pricing page (/pricing), from the "Gravity User Flow v13" design: full width (the sidebar steps aside, core.js
   in-full), a Back button, the plan cards (.pc4 above) and the questions. Also the account panel's plan line and
   Upgrade button (Free only). The design's "Prototype - option" switcher is not carried over. */
.bl-faq details{border-bottom:1px solid #1C1C1C}
.bl-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-size:15px;color:#E6E6E6;cursor:pointer;list-style:none}
.bl-faq summary::-webkit-details-marker{display:none}
.bl-faq summary svg{flex:none;color:#7D7D7D;transition:transform .2s}
.bl-faq details[open] summary svg{transform:rotate(180deg)}
.bl-faq p{margin:-4px 0 16px;max-width:70ch;font-size:14px;line-height:1.6;color:#9A9A9A}
/* Desktop only, the rail's breakpoint: under 861px the sidebar is the slide-out menu, which Pricing keeps.
   .app.rail:not(.in-tools) .side keeps the collapsed rail at 76px and outranks .app.in-full, so name it too. */
@media (min-width:861px){
  .app.in-full .side,.app.rail.in-full:not(.in-tools) .side{width:0;padding-left:0;padding-right:0;overflow:hidden;opacity:0;pointer-events:none}
  .app.in-full .main-wrap{padding-left:8px}
}
.pr-in{max-width:1080px}
.pr-h{text-align:center;margin:20px 0 30px}
.pr-h .xsub{margin-top:8px}
#me{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:6px;padding-left:4px!important;padding-right:4px!important}
#me .me-btn{gap:8px;padding:6px 4px;min-width:0} /* shrinks for Upgrade beside it: a long name ellipsizes (.me-m b) */
#me .me-up{font-size:13.5px}
.me-m{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.me-m b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
.me-m span{font-size:13px;color:#8C8C8C}
.me-up{flex:none;height:34px;padding:0 13px;border:1px solid #2E2E2E;border-radius:999px;background:#1F1F1F;color:#F2F2F2;font-size:14px;font-weight:500;transition:background .15s}
.me-up:hover{background:#2A2A2A}
.app.in-my .me-up,.app.in-my .me-m{display:none}
/* the collapsed sidebar (rail) is only the avatar, as the design's narrow sidebar: Upgrade waits for it to open */
@media (min-width:861px){.app.rail:not(.in-tools) .me-up{display:none}}
#pricing .pc3{margin-top:28px}
#pricing .bl-faq{margin-top:40px}
.pr-back{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 8px;border:1px solid #262626;border-radius:999px;background:transparent;color:#BDBDBD;font-size:14px;font-weight:500;transition:background .15s,color .15s}
.pr-back:hover{background:#161616;color:#fff}
.pr-back svg{width:16px;height:16px}
#pricing .bil-wait{justify-content:center}
#pricing .pr-err{text-align:center;margin-top:14px}
.me-btn .me-m b{font-size:14.5px}

/* Payment windows over a dark page. This page sets color-scheme:dark (:root, and the shell's meta tag), and Chrome
   then paints a cross-origin iframe that does not declare a dark scheme with an OPAQUE white background: Razorpay's
   full-screen checkout iframe, which is transparent so the page shows dimmed behind its window, became a white
   screen. theme.backdrop_color cannot help (it styles Razorpay's own backdrop, not the browser's). Giving the iframe
   a light scheme, as Razorpay's page is, stops that background. The same fix as the web app's app.css. */
.razorpay-checkout-frame,
.razorpay-container iframe,
iframe[src*="razorpay"] { color-scheme: light; }
/* What happens next as a plain list under a heading (the Design Job Scout prototype). */
.lywn3{display:flex;flex-direction:column;gap:14px}
.lywn3-h{display:flex;flex-direction:column;gap:4px}
.lywn3-h h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.2px;color:var(--fg)}
.lywn3 .lywn-go{background:var(--accent);border-color:var(--accent);color:#111}
.lywn3 .lywn-go:hover{background:var(--accent-hi);border-color:var(--accent-hi)}
.lywn3 .lywn-f{padding-top:14px}
.lywn-sch{display:inline-flex;align-items:center;gap:6px}
.lywn-sch svg{flex:none;color:var(--mute)}
.lywn-sch .lywn-sch-on,.lywn-sch.on .lywn-sch-off{display:none}
.lywn-sch.on .lywn-sch-on{display:inline}
.lywn-sch.on{border-color:rgba(248,179,0,.45);color:var(--accent)}
.lywn-sch.on svg{color:var(--accent)}
.lywn3-meta{margin:0;font-size:13px;color:var(--mute)}
.lywn3-stops{display:flex;flex-direction:column}
.lywn3-stop{display:grid;grid-template-columns:52px 20px minmax(0,1fr);gap:0 12px}
.lywn3-stop time{font-size:12px;font-weight:500;color:var(--mute);font-variant-numeric:tabular-nums;padding-top:3px;text-align:right}
.lywn3-ln{position:relative}
.lywn3-ln::before{content:"";position:absolute;left:9px;top:20px;bottom:-4px;width:1px;background:var(--line)}
.lywn3-stop:last-child .lywn3-ln::before{display:none}
.lywn3-ln i{display:grid;place-items:center;width:11px;height:11px;margin:5px 4px 0;border-radius:50%;border:1.5px solid #3A3A3A;background:var(--card)}
.lywn3-bd{display:flex;flex-direction:column;gap:4px;padding-bottom:20px;min-width:0}
.lywn3-bd b{font-size:14.5px;font-weight:500}
.lywn3-bd span{font-size:13px;color:var(--mute)}
.lywn3-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px}
.lywn3-stop.dn time{color:var(--ok)}
.lywn3-stop.dn .lywn3-ln i{width:15px;height:15px;margin:3px 2px 0;background:rgba(76,195,138,.12);border-color:rgba(76,195,138,.4);color:var(--ok)}
.lywn3-stop.dn .lywn3-bd b{color:var(--fg2)}
.lywn3-stop.now time{color:var(--accent)}
.lywn3-stop.now .lywn3-ln i{background:var(--accent);border-color:var(--accent)}
.lywn3-stop.now .lywn3-bd{padding-bottom:22px}
.lywn3-stop.now .lywn3-bd b{font-size:15px;font-weight:600}
.lywn3-stop.paid{opacity:.5}
.lywn3-pay{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:10px 14px;border:1px dashed rgba(248,179,0,.4);border-radius:14px;color:var(--accent)}
.lywn3-pay>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lywn3-pay b{font-size:14px;font-weight:600;color:var(--fg)}
.lywn3-pay small{font-size:12.5px;color:var(--mute)}
.lywn3-pay .wbtn{flex:none;height:32px;padding:0 14px;font-size:13px;background:var(--accent)}
@media (max-width:560px){.lywn3-stop{grid-template-columns:44px 20px minmax(0,1fr)}.lywn3-row,.lywn3-pay{flex-wrap:wrap}.lywn3-row .lywn-go,.lywn3-pay .wbtn{width:100%;justify-content:center}}
/* Explore panel: the result's tabs, numbered, as What you'll get (v13 explore) */
.sp-tabs-l{margin:-4px 0 12px;font-size:14px;color:#8C8C8C}
.sp-tabs{list-style:none;margin:0;padding:0;border:1px solid #1F1F1F;border-radius:16px;overflow:hidden}
.sp-tabs li{display:flex;gap:14px;padding:14px 16px;border-top:1px solid #171717}
.sp-tabs li:first-child{border-top:0}
.sp-tn{flex:none;width:24px;height:24px;border-radius:7px;background:#161616;border:1px solid #262626;display:grid;place-items:center;font-size:12px;font-weight:600;color:#BDBDBD}
.sp-tabs li > span:last-child{display:flex;flex-direction:column;gap:2px}
.sp-tabs b{font-size:15px;font-weight:600;color:#EDEDED}
.sp-tabs li > span:last-child > span{font-size:13.5px;line-height:1.5;color:#8C8C8C}
/* Explore's agent panel and the chat's sample preview, from the v13 design (Gravity User Flow v13): the paragraph under
   the name, details ⇄ sample result (the panel widens for the sample), Close when it is opened from the chat, and
   "Preview sample result" beside the connect step's line, the line taking up to 80% and the button at least 20%. */
.sp-about{margin:14px 0 0;font-size:15px;line-height:1.65;color:#BDBDBD}
.sp.wide{width:min(880px,calc(100% - 16px))}
.sp-f .sp-sw{flex:none;height:48px;padding:0 20px;font-size:15px;gap:8px}
.sp-f .sp-sw svg{flex:none;color:#BDBDBD}
.sp-smp{padding-top:14px;animation:fade .35s both}
.sp-smp-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px}
.sp-smp-h{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}
.sp-smp-h b{font-size:22px;font-weight:600;letter-spacing:-.015em;color:#F2F2F2}
.sp-smp-h span{font-size:14.5px;line-height:1.5;color:#8C8C8C}
.sp-smp-top .sp-save{flex:none}
.sp-smp-wait{margin:0;font-size:14px;color:var(--mute)}
.sp-closet{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 14px;border:1px solid #2A2A2A;border-radius:999px;background:transparent;color:#D6D6D6;font-size:13.5px;font-weight:500}
.sp-closet:hover{background:#161616;color:#fff}
.sp-closet svg{width:15px;height:15px}
.sq-prev{flex:none;height:38px;padding:0 16px;font-size:14px;gap:8px;white-space:nowrap}
.sq-prev svg{color:#BDBDBD}
.gsay.has-prev{align-items:center}
.gsay.has-prev > p{flex:0 1 80%;min-width:0}
.gblock.has-prev{flex-direction:row;align-items:center;gap:16px}
.gblock.has-prev > .gtext{flex:0 1 80%;min-width:0}
.has-prev > .sq-prev{min-width:20%;margin-left:auto}
@media (max-width:640px){
  .gsay.has-prev{flex-wrap:wrap}
  .gsay.has-prev > .sq-prev{margin-left:42px}
  .gblock.has-prev{flex-direction:column;align-items:flex-start}
  .has-prev > .sq-prev{margin-left:0}
}
@media (max-width:480px){ .sp-f .sp-sw{padding:0 16px;font-size:14px} .sp-f .sp-sw svg{display:none} }
/* Side panel footer: a label never breaks onto two lines. On a phone the buttons stack, full width, whichever label
   the switch shows (See sample result or What it can do), so the footer does not jump between a row and a column. */
.sp-f{flex-wrap:wrap}
.sp-f .btn-y, .sp-f .sp-sw{white-space:nowrap}
.sp-f .btn-y{flex:1 0 auto}
@media (max-width:480px){ .sp-f{flex-direction:column;align-items:stretch;gap:8px} .sp-f .sp-sw, .sp-f .btn-y{flex:none;width:100%;justify-content:center;padding:0 14px} .sp-f .btn-y{font-size:15px} }
/* What you'll get: where the result can go, under the tabs or parts; a choice of several apps shows their logos together. */
.sp-tabs + .getbox{margin-top:12px}
.getbox > .istack{min-width:48px;margin-top:7px}