

html{background:var(--lv-c-1);}
html.cb-dark{background:var(--lv-c-2);}
html.cslight{background:var(--lv-c-1);}
html,body{font-family:var(--font);-webkit-font-smoothing:antialiased;font-synthesis:none;}
@media (max-resolution:1.49dppx){
  :root{--fs-xs:var(--s-4); --fs-sm:var(--s-4); --fs-md:var(--s-5); --fs-base:var(--s-5); --fs-lg:var(--s-5); --fs-xl:var(--s-6);
    --t-page-sub:400 var(--s-5)/1.5 var(--font);
    --t-eyebrow:500 var(--s-4)/1 var(--font);
    --t-section:500 var(--s-4)/1 var(--font);
    --t-card-title:500 var(--s-5)/1.2 var(--disp);
    --t-body:400 var(--s-5)/1.5 var(--font);
    --t-body-sm:400 var(--s-5)/1.45 var(--font);
    --t-label:400 var(--s-5)/1.3 var(--font);
    --t-control:500 var(--s-5)/1 var(--disp);

    --t-crumb:400 var(--s-5)/1 var(--font);
    --t-micro:400 var(--s-4)/1.35 var(--font);}
  html,body,html *{-webkit-font-smoothing:auto !important;-moz-osx-font-smoothing:auto !important}
}
@media (max-resolution:1.49dppx){
  :root{--ic-sm:var(--s-5);--ic-md:var(--s-6);--ic-lg:var(--s-7)}
}
*,*::before,*::after{box-sizing:border-box}
html{margin:0;height:100%;background:var(--canvas);color:var(--cs-ink)}
body{margin:0;height:100%;color:var(--cs-ink)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:var(--cs-accent);text-decoration:none}
a:hover{color:var(--cs-accent)}
sf-icon{display:inline-flex}
.cs-shell{position:relative;display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden}
.cs-brand-mark{display:grid;place-items:center;background:none;border:0;border-radius:0;box-shadow:none}
.cs-brand-mark img{height:var(--cs-pill);width:auto;max-width:calc(33 * var(--s-1));display:block;object-fit:contain}
.cs-tabs{position:static;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:0;min-width:0;overflow-x:auto;scrollbar-width:none}
.cs-tabs::-webkit-scrollbar{display:none}
.cs-tab{display:inline-flex;align-items:center;gap:var(--s-2);height:var(--cs-row);padding:0 var(--s-5);border-radius:var(--r-ctl);font:var(--t-control);color:var(--cs-ink-3);white-space:nowrap;transition:background var(--dur),color var(--dur)}
.cs-tab:hover{background:var(--field);color:var(--cs-ink)}
.cs-tab.is-on{background:var(--accent-soft);color:var(--cs-ink);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
.cs-tab.is-on sf-icon{color:var(--cs-accent)}
.cs-bar-spacer{display:none}
.cs-bar-tools{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-3);flex:0 0 auto;min-width:0}
.cs-status{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:var(--s-2);height:var(--s-9);padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--field);border:var(--cs-edge-w) solid var(--hair);font:var(--t-micro);color:var(--cs-ink-3);white-space:nowrap}
.cs-status i{width:var(--s-2);height:var(--s-2);border-radius:50%;background:var(--ok)}
.cs-status.is-warn i{background:var(--warn)}
.cs-status.is-bad i{background:var(--bad)}
.cs-rolepill{display:inline-flex;align-items:center;height:var(--s-9);padding:0 var(--s-5);border-radius:var(--r-pill);background:var(--lv-c-3);border:var(--cs-edge-w) solid var(--lv-c-4);color:var(--cs-ink-2);font:var(--cs-weight-strong) var(--type-micro)/1 var(--disp);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;flex:0 0 auto}
@media (max-width:760px){
  .cs-rolepill{display:none}
}
.cs-frame{position:relative;flex:1 1 auto;min-height:0;display:grid;grid-template-columns:var(--shell-rail-w) minmax(0px,1fr);grid-template-rows:minmax(0px,1fr);transition:grid-template-columns var(--dur-slow) var(--ease)}
.cs-frame.is-collapsed{grid-template-columns:var(--shell-rail-w-min) minmax(0px,1fr)}
.cs-frame.is-norail{grid-template-columns:minmax(0px,1fr)}
.cs-frame.is-norail>.cs-rail{display:none}
.cs-ctabs{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:var(--s-0);height:var(--cs-row);padding:0 var(--shell-gutter);border-bottom:var(--cs-edge-w) solid var(--hair);overflow-x:auto;scrollbar-width:none}
.cs-ctabs::-webkit-scrollbar{display:none}
.cs-ctab{font:var(--cs-weight) var(--type-control)/1 var(--font);color:var(--cs-ink-3);background:none;border:0;padding:var(--s-2) var(--s-4);border-radius:var(--r-xs);cursor:pointer;white-space:nowrap;letter-spacing:.01em}
.cs-ctab:hover{color:var(--cs-ink);background:var(--lv-c-5)}
.cs-ctab.is-on{color:var(--cs-ink);font-weight:var(--cs-weight-strong);background:var(--lv-c-6)}
.cs-rail{position:relative;display:flex;flex-direction:column;gap:var(--s-0);min-width:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;padding:var(--rail-pad-y) var(--rail-pad-x);background:var(--surface);border-right:var(--cs-edge-w) solid var(--hair);color:var(--cs-ink);scrollbar-width:thin}
.cs-rail-head{display:flex;align-items:center;gap:var(--rail-row-gap);height:var(--rail-head-h);padding:0 var(--rail-row-pad);margin-bottom:var(--s-2);min-width:0}
.cs-rail-ico{flex:0 0 auto;color:var(--cs-accent)}
.cs-rail-title{flex:1;min-width:0;font:var(--cs-weight-strong) var(--type-head)/1.1 var(--disp);letter-spacing:var(--track-title);color:var(--cs-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-rail-div{height:var(--s-0);margin:var(--s-1) var(--s-1) var(--s-1);background:var(--hair);flex:0 0 auto}
.cs-rail-label{padding:var(--rail-row-pad) var(--rail-row-pad) var(--s-1);font:var(--t-eyebrow);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--cs-ink-4);white-space:nowrap;overflow:hidden}
.cs-rail-item{display:flex;align-items:center;gap:var(--rail-row-gap);width:100%;height:var(--rail-row-h);flex:0 0 auto;padding:0 var(--rail-row-pad);border-radius:var(--rail-row-r);text-align:left;font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);color:var(--cs-ink-2);transition:background var(--dur),color var(--dur);text-decoration:none}
.cs-rail-item:hover{background:var(--field);color:var(--cs-ink)}
.cs-rail-item.is-on{background:var(--accent-soft);color:var(--cs-ink);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
.cs-rail-item.is-on 
.cs-rail-slot{width:var(--ic-md);height:var(--ic-md);display:grid;place-items:center;flex:0 0 auto;line-height:0}
.cs-rail-item.is-on .cs-rail-slot{color:var(--cs-accent)}
.cs-rail-text{flex:1;min-width:0;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-rail-foot{display:flex;flex-direction:column;gap:var(--s-0)}
.cs-rail-toggle{display:flex;align-items:center;gap:var(--rail-row-gap);width:100%;height:var(--rail-row-h);padding:0 var(--rail-row-pad);border-radius:var(--r-ctl);color:var(--cs-ink-3);font:var(--t-micro)}
.cs-rail-toggle sf-icon{color:var(--cs-ink-2)}
.cs-rail-toggle:hover{background:var(--field);color:var(--cs-ink)}
.cs-rail-toggle:hover sf-icon{color:var(--cs-accent)}
.is-collapsed .cs-rail-toggle{background:transparent;box-shadow:none;color:var(--cs-ink)}
.is-collapsed .cs-rail-toggle sf-icon{color:var(--cs-accent)}
.is-collapsed .cs-rail-head sf-icon,.is-collapsed .cs-rail-item sf-icon,.is-collapsed .cs-rail-toggle sf-icon{font-size:var(--ic-md)}
.is-collapsed .cs-rail-toggle:hover{background:var(--field);box-shadow:none}
.cs-rail-toggle .cs-rail-slot sf-icon{transition:transform var(--dur-slow) var(--ease)}
.is-collapsed .cs-rail{padding-left:var(--s-3);padding-right:var(--s-3);align-items:center}
.is-collapsed .cs-rail-title,.is-collapsed .cs-rail-text,.is-collapsed .cs-rail-toggle>span:not(.cs-rail-slot){display:none}
.is-collapsed .cs-rail-head,.is-collapsed .cs-rail-item,.is-collapsed .cs-rail-toggle{width:calc(10 * var(--s-1));justify-content:center;padding:0;gap:0}
.is-collapsed .cs-rail-div{width:var(--cs-rail-row);margin-left:0;margin-right:0}
.is-collapsed .cs-rail-label{display:block;height:var(--s-0);min-height:0;padding:0;
  margin:var(--s-4) 0 var(--s-2);width:var(--s-8);background:var(--hair2);border-radius:var(--s-0);
  overflow:hidden;color:transparent;font-size:0;line-height:0}
.is-collapsed .cs-rail-label>*{display:none}
.cs-main{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.cs-apphead{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-5);height:var(--shell-apphead-h);padding:0 var(--shell-gutter);border-bottom:var(--cs-edge-w) solid var(--hair);min-width:0;overflow:hidden}
.cs-crumbs{display:flex;align-items:center;gap:var(--s-3);flex:0 0 auto;min-width:0;max-width:60%}
.cs-crumb{font:var(--t-crumb);color:var(--cs-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-crumb.is-here{color:var(--cs-ink)}
.cs-crumb-sep{color:var(--cs-ink-4);font:var(--cs-weight) var(--type-body)/1 var(--font)}
.cs-eyebrow{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--s-2);height:var(--s-8);padding:0 var(--s-3);border-radius:var(--r-xs);background:var(--field);border:var(--cs-edge-w) solid var(--hair);font:var(--t-eyebrow);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--cs-ink-3);white-space:nowrap}
.cs-eyebrow i{width:var(--s-1);height:var(--s-1);border-radius:50%;background:var(--ok)}
.cs-apphead-spacer{flex:1}
.cs-apphead-tools{display:flex;align-items:center;gap:var(--s-3);flex:0 1 auto;min-width:0;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.cs-apphead-tools::-webkit-scrollbar{display:none}
.cs-apphead-tools>.cs-field{flex:0 1 calc(55 * var(--s-1));min-width:calc(28 * var(--s-1))}
.cs-apphead-tools>.cs-pill{flex:0 0 auto;white-space:nowrap;display:inline-block;line-height:var(--s-9)}
@media (max-width:760px){
  .cs-status{display:none}
}
.cs-bar .cs-status{flex:0 0 auto}
@media (max-width:1180px){
  .cs-bar .cs-status>:not(i){display:none}
  .cs-bar .cs-status{padding:0 var(--s-3);gap:0}
}
@media (max-width:1000px){
  .cs-tab span{display:none}
  .cs-tab{padding:0 var(--s-4)}
}
.cs-apphead-tools{overflow:visible}
.cs-main{container-type:inline-size;container-name:appmain}
@container appmain (max-width:700px){
  .cs-apphead{flex-wrap:wrap;row-gap:var(--s-2);height:auto;padding-top:var(--s-3);padding-bottom:var(--s-3)}
  .cs-apphead-spacer{display:none}
  .cs-apphead-tools{flex:1 1 100%;flex-wrap:wrap;row-gap:var(--s-2)}
  .cs-apphead-tools>.cs-field{flex:1 1 100%}
  .cs-apphead-tools>.cs-pill{margin-left:auto}
  .cs-apphead-tools>*+*::before{display:none}
}
.cs-apphead-tools>*+*{position:relative}
.cs-apphead-tools>*+*::before{content:"";position:absolute;left:calc(-1 * var(--s-1));top:50%;transform:translateY(-50%);width:var(--s-0);height:var(--s-5);background:var(--hair-strong)}
.cs-hero{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-6);flex-wrap:wrap;padding:var(--s-6) var(--shell-gutter) var(--s-5);min-width:0}
.cs-hero-text{flex:1;min-width:calc(50 * var(--s-1))}
.cs-hero.is-col{padding-left:max(var(--shell-gutter),calc((100% - var(--cs-column)) / 2));padding-right:max(var(--shell-gutter),calc((100% - var(--cs-column)) / 2))}
.cs-hero.is-col+.cs-divider{margin-left:max(var(--shell-gutter),calc((100% - var(--cs-column)) / 2));margin-right:max(var(--shell-gutter),calc((100% - var(--cs-column)) / 2))}
.cs-hero-title{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;font:var(--t-page-title);letter-spacing:var(--track-tight);color:var(--cs-ink)}
.cs-hero-sub{font:var(--t-page-sub);color:var(--cs-ink-3);margin-top:var(--s-1);max-width:calc(170 * var(--s-1));
  white-space:normal;text-wrap:pretty;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;overflow:hidden}
.cs-hero-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}
.cs-divider{flex:0 0 auto;height:var(--s-0);margin:0 var(--shell-gutter);background:var(--hair)}
.cs-toolbar{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-3);padding:var(--s-3) var(--shell-gutter);min-width:0}
.cs-body{position:relative;flex:1 1 auto;min-height:0;overflow:auto;padding:var(--s-7) var(--shell-gutter) var(--s-10)}
.cs-body.is-bleed{padding:0;overflow:hidden}
.cs-body.is-bleed.cs-page{overflow:auto}   
.cs-body:focus,.cs-body:focus-visible{outline:none}
.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:var(--ctl-h);padding:0 var(--s-5);border-radius:var(--r-ctl);font:var(--t-control);white-space:nowrap;border:var(--cs-edge-w) solid transparent}
.cs-btn:active{transform:translateY(var(--cs-edge-w)) scale(.99)}
.cs-btn:disabled{opacity:.5;cursor:default;transform:none}
.cs-btn.is-primary,.cs-btn.is-ok{color:var(--cs-on-accent);background:linear-gradient(180deg,var(--accent-fill-top) 0%,var(--accent-fill-mid) 22%,var(--accent-fill-btm) 100%);border:var(--cs-edge-w) solid var(--accent-ring);box-shadow:var(--glow-sm);text-shadow:0 var(--s-0) var(--s-0) var(--lv-c-7)}
.cs-btn.is-primary:hover,.cs-btn.is-ok:hover{background:linear-gradient(180deg,var(--accent-ramp-3) 0%,var(--accent-ramp-6) 48%,var(--accent-ramp-7) 100%);box-shadow:var(--glow)}
.cs-btn.is-primary:active,.cs-btn.is-ok:active{background:linear-gradient(180deg,var(--accent-ramp-4),var(--accent-fill-btm));box-shadow:0 var(--cs-edge-w) var(--s-0) var(--lv-c-8) inset}
.cs-btn.is-secondary{color:var(--cs-ink-2);background:var(--field);border-color:var(--hair2)}
.cs-btn.is-secondary:hover{background:var(--field-hover);color:var(--cs-ink)}
.cs-btn.is-ghost{color:var(--cs-ink-3)}
.cs-btn.is-ghost:hover{background:var(--field);color:var(--cs-ink)}
.cs-btn.is-danger{color:var(--cs-bad);background:var(--bad-soft)}
.cs-btn.is-sm{height:var(--ctl-h-sm);padding:0 var(--s-4);font-size:var(--fs-md);border-radius:var(--r-ctl)}
.cs-iconbtn{flex:0 0 auto;min-width:var(--cs-rail-row);display:inline-grid;place-items:center;width:var(--cs-rail-row);height:var(--cs-rail-row);border-radius:var(--r-ctl);color:var(--cs-ink-3);background:var(--field);border:var(--cs-edge-w) solid var(--hair)}
.cs-iconbtn:hover{background:var(--field-hover);color:var(--cs-ink)}
.cs-iconbtn.is-plain{background:transparent;border-color:transparent}
.cs-field{display:flex;align-items:center;gap:var(--s-3);height:var(--ctl-h);padding:0 var(--s-4);border-radius:var(--r-ctl);background:var(--field);border:var(--cs-edge-w) solid var(--hair2);min-width:0}
.cs-field:focus-within{border-color:var(--accent-ring);box-shadow:var(--ring)}
.cs-field sf-icon{font-size:var(--ic-md);color:var(--cs-ink-4);flex:0 0 auto}
.cs-field input,.cs-field select{min-width:0;flex:1;border:0;outline:0;background:transparent;font:var(--t-label);font-size:var(--type-body);color:var(--cs-ink)}
.cs-field input::placeholder{color:var(--cs-ink-4)}
.cs-seg{display:inline-flex;align-items:center;gap:var(--s-0);padding:var(--s-1);border-radius:var(--r-item);background:var(--field);border:var(--cs-edge-w) solid var(--hair2)}
.cs-seg>button{height:var(--s-9);padding:0 var(--s-4);border-radius:var(--r-ctl);font:var(--t-control);font-weight:var(--cs-weight-strong);font-size:var(--type-body);color:var(--cs-ink-3);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--s-2)}
.cs-seg>button:hover{color:var(--cs-ink)}
.cs-seg>button.is-on{background:var(--accent-soft);color:var(--cs-ink);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
.cs-pill{display:inline-flex;align-items:center;gap:var(--s-2);height:var(--s-9);padding:0 var(--s-5);border-radius:var(--r-pill);font:var(--cs-weight) var(--type-control)/1 var(--font);color:var(--cs-ink-2);background:var(--field);border:var(--cs-edge-w) solid var(--hair2);white-space:nowrap}
.cs-pill i{width:var(--s-2);height:var(--s-2);border-radius:var(--r-2xs);background:var(--stage-queue)}
.cs-pill.is-ok{color:var(--cs-good);background:var(--ok-soft);border-color:var(--ok-ring)}
.cs-pill.is-warn{color:var(--cs-warn);background:var(--warn-soft);border-color:var(--warn-ring)}
.cs-pill.is-bad{color:var(--cs-bad);background:var(--bad-soft);border-color:var(--bad-ring)}
.cs-pill.is-accent{color:var(--cs-accent);background:var(--accent-soft);border-color:var(--accent-ring)}
.cs-card{background:var(--surface);border:var(--cs-edge-w) solid var(--hair);border-radius:var(--r-card)}
.cs-card.is-ok{border-color:var(--ok-ring);background:linear-gradient(160deg,var(--ok-soft),transparent 70%)}
.cs-card.is-warn{border-color:var(--warn-ring);background:radial-gradient(calc(125 * var(--s-1)) calc(55 * var(--s-1)) at 8% 0%,var(--warn-soft),transparent 65%)}
.cs-card.is-bad{border-color:var(--bad-ring);background:var(--lv-c-9)}
.cs-card-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair)}
.cs-avatar-ini{display:grid;place-items:center;width:var(--cs-field-h);height:var(--cs-field-h);border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring);color:var(--cs-ink);font:var(--cs-weight) var(--type-micro)/1 var(--font);flex:0 0 auto;position:relative;overflow:visible;letter-spacing:-.02em}
.cs-avatar-ini[style*="background:#"],.cs-avatar-ini[style*="background: #"]{box-shadow:none;color:var(--cs-on-accent)}
.cs-avatar-ini i{position:absolute;right:calc(-1 * var(--s-0));bottom:calc(-1 * var(--s-0));width:var(--s-4);height:var(--s-4);border-radius:50%;
  border:var(--s-0) solid var(--surface);box-sizing:border-box;background:var(--ok)}
.cs-card.is-pad{padding:var(--s-6) var(--s-6)}
.cs-card-title{font:var(--t-card-title);color:var(--cs-ink)}
.cs-section{font:var(--t-section);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--cs-ink-4)}
.cs-eyebrow-txt{font:var(--t-eyebrow);letter-spacing:.09em;text-transform:uppercase;color:var(--cs-ink-4)}
.cs-stat-k{display:flex;align-items:center;gap:var(--s-3);font:var(--t-eyebrow);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.07em;color:var(--cs-ink-4)}
.cs-stat-v{font:var(--t-stat);letter-spacing:-.025em;color:var(--cs-ink)}
.cs-empty{display:grid;place-items:center;gap:var(--s-3);text-align:center;padding:calc(11 * var(--s-1)) var(--s-8);border-radius:var(--r-panel);background:var(--glass);border:var(--cs-edge-w) dashed var(--hair2)}
.cs-empty>sf-icon{color:var(--cs-ink-4)}
.cs-empty-title{font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp);color:var(--cs-ink)}
.cs-empty-body{font:var(--t-body);color:var(--cs-ink-4);max-width:var(--cs-project-card)}
.cs-skel{border-radius:var(--r-card);background:var(--field);animation:csShim 1.3s ease-in-out infinite}
@media (max-width:720px){
  .cs-frame,.cs-frame.is-collapsed{grid-template-columns:minmax(0px,1fr);grid-template-rows:auto minmax(0px,1fr)}
  .cs-rail{flex-direction:row;align-items:center;height:auto;overflow-x:auto;overflow-y:hidden;padding:var(--rail-pad-y) var(--rail-pad-x);border-right:0;border-bottom:var(--cs-edge-w) solid var(--hair)}
  .cs-rail-title,.cs-rail-div,.cs-rail-label,.cs-rail-foot{display:none}
  .cs-rail-head{margin:0;padding:0 var(--rail-row-pad)}
  .cs-rail-item{width:auto;flex:0 0 auto}
  .cs-tabs{display:none}
  .cs-hero-sub{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  .cs-frame,.cs-rail-toggle sf-icon{transition:none}
}
.cs-avatar-me{width:var(--cs-row);height:var(--cs-row);font-size:var(--fs-md);cursor:pointer}
.cs-bar .cs-status,.cs-bar .cs-rolepill{white-space:nowrap}
.cs-bar .cs-status i{flex:0 0 auto;border-radius:50%;background:var(--ok);
  box-shadow:0 0 var(--s-2) color-mix(in oklch,var(--ok) 55%,transparent)}
.cs-bar .cs-status.is-warn i{background:var(--warn);
  box-shadow:0 0 var(--s-2) color-mix(in oklch,var(--warn) 55%,transparent)}
.cs-bar .cs-status.is-bad i{background:var(--bad);
  box-shadow:0 0 var(--s-2) color-mix(in oklch,var(--bad) 55%,transparent)}
.cs-brand{display:inline-flex;align-items:center;gap:var(--s-3);flex:0 0 auto;min-width:0;color:var(--cs-ink);margin-right:var(--s-2)}
.cs-bar-div{flex:0 0 auto;border-radius:var(--r-2xs)}
@media (max-width:640px){
  .cs-bar-div{display:none}
}
.cs-bar .cs-tab,.cs-bar .cs-status,.cs-bar .cs-rolepill,.cs-bar .cs-iconbtn{transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease,transform var(--dur-fast) var(--ease)}
.cs-bar .cs-avatar-me{border-radius:0;transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease,transform var(--dur-fast) var(--ease)}
.cs-bar .cs-status{font-size:var(--type-body)}
.cs-bar .cs-iconbtn,.cs-bar .cs-tab{color:var(--cs-ink-2);font-size:var(--type-body)}
.cs-bar .cs-avatar-me{background:transparent;border:var(--cs-edge-w) solid transparent;color:var(--cs-ink-2);box-shadow:none}
.cs-bar .cs-bar-tools .cs-iconbtn,.cs-bar .cs-bar-tools .cs-iconbtn.is-plain{background:none;border:0;color:var(--cs-ink);box-shadow:none}
.cs-bar .cs-status{color:var(--cs-ink)}
.cs-bar .cs-tab:hover,.cs-bar .cs-bar-tools .cs-iconbtn:hover,.cs-bar .cs-bar-tools .cs-iconbtn.is-plain:hover{background:var(--bar-glass-hover);border-color:var(--bar-edge);color:var(--cs-ink)}
.cs-bar .cs-tab:active,.cs-bar .cs-iconbtn:active{transform:scale(.96)}
.cs-bar .cs-bar-tools .cs-iconbtn{border-radius:0}
.cs-bar .cs-bar-tools .cs-iconbtn.is-plain{border-radius:0;padding:0}
.cs-bar .cs-tab sf-icon{color:currentColor;opacity:.9}
.cs-bar .cs-tab.is-on sf-icon{color:var(--cs-accent);opacity:1}
.cs-bar .cs-tab.is-on{color:var(--cs-ink)}
.cs-bar-div{width:var(--s-0);background:var(--bar-rule)}
.cs-tabs>.cs-tab{position:relative;margin:0 var(--s-1)}
.cs-tabs>.cs-tab.is-on::before,.cs-tabs>.cs-tab:hover::before{opacity:0}
.cs-iconbtn sf-icon,.cs-avatar-me sf-icon,.dc-mini sf-icon,.cs-rail-slot sf-icon{width:1em}
.cs-bar>.cs-tabs{}
.cs-toast{bottom:calc(var(--bottom-furniture) + var(--cs-icon)) !important}
.cs-bar .cs-tab{font:var(--cs-weight-strong) var(--bar-fs)/1 var(--lv-font-1);letter-spacing:-.005em}
.cs-bar .cs-tab.is-on{font-weight:var(--cs-weight-strong)}
.cs-bar .cs-status{font:var(--cs-weight-strong) var(--bar-fs)/1 var(--lv-font-1);letter-spacing:.02em;text-transform:none}
.cs-bar .cs-rolepill{font:var(--cs-weight-strong) var(--bar-fs)/1 var(--lv-font-1)}
.cs-bar .cs-rolepill{text-transform:uppercase;letter-spacing:.04em}
.cs-bar sf-icon{font-size:var(--bar-ico)}
.cs-bar .cs-bar-tools .cs-iconbtn.is-plain{width:var(--cs-rail-row);min-width:var(--cs-rail-row)}
.cs-bar .cs-status i{width:var(--s-1);height:var(--s-1)}
.cs-bar .cs-badge{min-width:var(--s-6);height:var(--s-6);font-size:var(--fs-sm);border-width:var(--cs-wire);top:calc(-1 * var(--s-0));right:calc(-1 * var(--s-0))}
.cs-bar-div{height:var(--s-7)}
.cs-tabs>.cs-tab+.cs-tab::before{content:"";position:absolute;left:calc(-1 * var(--s-0));top:50%;transform:translateY(-50%);width:var(--s-0);height:var(--s-6);background:var(--bar-rule);display:block;transition:opacity var(--dur) ease}
.cs-bar .cs-tab{padding:0 var(--s-5);gap:var(--s-2)}
.cs-bar .cs-status,.cs-bar .cs-rolepill{padding:0 var(--s-4);gap:var(--s-2)}
.cs-bar .cs-rolepill{font-size:var(--fs-sm)}
.cs-bar .cs-avatar-me{font:var(--cs-weight-strong) var(--type-micro)/1 var(--lv-font-2)}
.cs-bar>.cs-brand{flex:1 1 0;min-width:0}
.cs-bar>.cs-bar-tools{flex:1 1 0;min-width:0;justify-content:flex-end}
.cs-tabs{flex:0 0 auto}
.cs-bar .cs-rolepill{color:var(--cs-ink)}
.cs-avatar-me{display:grid !important;place-items:center !important;
  border-radius:50%;overflow:visible;position:relative;
  color:var(--cs-on-accent) !important;
  font:var(--cs-weight-strong) var(--type-control)/1 var(--lv-font-1) !important;
  letter-spacing:.01em;text-transform:uppercase;
  border:var(--cs-edge-w) solid var(--lv-c-10);
  box-shadow:var(--e1);
  text-shadow:0 var(--s-0) var(--s-0) var(--lv-c-11);
  -webkit-font-smoothing:antialiased}
.cs-bar .cs-avatar-me{font-size:var(--fs-md) !important}
.cs-menu .cs-avatar-me{width:calc(9 * var(--s-1));min-width:calc(9 * var(--s-1));height:calc(9 * var(--s-1));min-height:calc(9 * var(--s-1));font-size:var(--type-head) !important}
body{background:var(--canvas) !important;background-image:none !important}
.cs-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;gap:var(--s-5);height:var(--shell-bar-h);padding:0 var(--shell-gutter);background:var(--bar-bg);overflow:hidden;border-bottom:var(--cs-edge-w) solid var(--bar-hair);min-width:0;
  color:var(--cs-ink);
  
  -webkit-backdrop-filter:var(--bar-blur);backdrop-filter:var(--bar-blur);z-index:40;
  --bar-blur:var(--glass-blur);   
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  box-shadow:var(--bar-lift)}
html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility}
sf-icon svg{shape-rendering:geometricPrecision}
.cs-bar .cs-tab,.cs-bar .cs-status,.cs-bar .cs-rolepill{height:var(--bar-h);min-height:var(--bar-h);max-height:var(--bar-h);box-sizing:border-box}
.cs-bar .cs-iconbtn,.cs-bar .cs-avatar-me{max-height:var(--bar-h);box-sizing:border-box}
.cs-bar .cs-bar-tools .cs-iconbtn,.cs-bar .cs-bar-tools .cs-avatar-me,.cs-bar .cs-iconbtn,.cs-bar .cs-avatar-me{width:var(--bar-h);min-width:var(--bar-h);max-width:var(--bar-h);height:var(--bar-h);min-height:var(--bar-h);padding:0;flex:0 0 var(--bar-h)}
.cs-bar .cs-brand .cs-brand-mark{padding:0;flex:0 0 auto;width:auto}
.cs-bar .cs-rolepill,.cs-bar .cs-status{padding-top:var(--s-0)}
.cs-bar .cs-tabs>.cs-tab+.cs-tab::before{background:var(--bar-sep)}
.cs-bar .cs-bar-div{background:var(--bar-sep)}
body>*{position:relative;z-index:1}
html.cslight body{background-image:none}
@supports (height:100dvh){
  .cs-shell{height:100dvh}
}
@media (max-width:560px){
  :root{--shell-gutter:var(--s-6)}
  .cs-bar{gap:var(--s-4);padding:0 var(--s-5)}
  .cs-brand{flex:0 0 auto;margin-right:0}
  .cs-bar-tools{flex:1 1 auto;justify-content:flex-end;gap:var(--s-2)}
  .cs-rail{gap:var(--s-2);padding:var(--rail-pad-y) var(--rail-pad-x);scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .cs-rail::-webkit-scrollbar{display:none}
  .cs-rail{scrollbar-width:none}
  .cs-rail-head{display:none}
  .cs-rail-item{scroll-snap-align:start;height:var(--rail-row-h);padding:0 var(--rail-row-pad);border-radius:var(--rail-row-r);
    background:var(--field);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--hair)}
  .cs-rail-item.is-on{box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
  .cs-apphead{height:auto;min-height:calc(10 * var(--s-1));padding:var(--s-2) var(--shell-gutter);gap:var(--s-3);flex-wrap:wrap}
  .cs-crumbs{max-width:100%}
  .cs-crumb:not(.is-here),.cs-crumb-sep{display:none}
  .cs-eyebrow{display:none}
  .cs-apphead-tools{flex:1 1 100%}
  .cs-apphead-tools>.cs-field{flex:1 1 auto}
  .cs-apphead-tools>*+*::before{display:none}
  .cs-hero{flex-direction:column;align-items:stretch;gap:var(--s-4);padding:var(--s-5) var(--shell-gutter) var(--s-4)}
  .cs-hero-text{min-width:0}
  .cs-hero-sub{white-space:normal;overflow:visible}
  .cs-hero-actions{margin-left:0;width:100%}
  .cs-hero-actions>.cs-btn{flex:1 1 auto;min-width:var(--cs-chat-banner)}
  .cs-body{padding:var(--s-5) var(--shell-gutter) calc(var(--s-9) + env(safe-area-inset-bottom))}
  .cs-toolbar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .cs-toolbar::-webkit-scrollbar{display:none}
  .cs-empty{padding:var(--s-10) var(--s-7)}
}
@media (pointer:coarse){
  .cs-btn,.cs-iconbtn,.cs-tab,.cs-rail-item,.cs-seg>button{position:relative}
  .cs-btn::after,.cs-tab::after,.cs-rail-item::after,.cs-seg>button::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:calc(11 * var(--s-1));min-height:100%}
  .cs-iconbtn::after{content:"";position:absolute;right:0;top:50%;height:calc(11 * var(--s-1));min-height:100%}
  .cs-iconbtn::after{left:50%;transform:translate(-50%,-50%);width:calc(11 * var(--s-1))}
  .cs-btn{min-height:var(--cs-pv-pill-h)}
  .cs-iconbtn{width:calc(9 * var(--s-1));height:calc(9 * var(--s-1));min-width:calc(9 * var(--s-1))}
  .cs-field{height:calc(10 * var(--s-1))}
  .cs-field input,.cs-field select{font-size:var(--type-title)}
}
html.cslight .cs-brand-mark img{filter:invert(1)}
html.cslight .cs-brand-mark img.is-own{filter:none}
.cs-rail-foot{position:sticky;bottom:0;z-index:2;margin-top:auto;
  background:var(--surface);padding-top:var(--s-2)}
.is-collapsed .cs-rail-foot{padding-left:0;padding-right:0}
.cs-bar{align-items:center}
.cs-bar .cs-avatar-me{width:var(--bar-ctl-h);min-width:var(--bar-ctl-h);
  height:var(--bar-ctl-h);min-height:var(--bar-ctl-h);font-size:var(--bar-text)}
.cs-bar .cs-tab,.cs-bar .cs-status,.cs-bar .cs-rolepill,.cs-bar .cs-iconbtn,.cs-bar .cs-avatar-ini,.cs-bar .cs-brand{height:var(--bar-ctl-h);min-height:var(--bar-ctl-h);
  align-self:center;
  font-size:var(--bar-text);line-height:1}
.cs-bar .cs-iconbtn{width:var(--bar-ctl-h);min-width:var(--bar-ctl-h)}
.cs-bar .cs-avatar-ini{width:var(--bar-ctl-h);min-width:var(--bar-ctl-h);
  font-size:var(--bar-text);font-weight:var(--cs-weight-strong)}
.cs-bar sf-icon{font-size:var(--bar-ico);line-height:1}
.cs-bar .cs-rolepill{padding:0 var(--s-2);letter-spacing:.02em;font-weight:var(--cs-weight-strong)}
.cs-bar .cs-status{padding:0 var(--s-3);gap:var(--s-1)}
.cs-bar .cs-status i{width:var(--s-1);height:var(--s-1)}
.cs-bar .cs-tab{padding:0 var(--s-2);gap:var(--s-1)}
.cs-bar .cs-bar-tools{gap:var(--s-2)}
.cs-bar .cs-brand{display:inline-flex;align-items:center}
.cs-bar .cs-brand-mark img{height:var(--cs-pill);width:auto;display:block}
.cs-bar .cs-bar-tools .cs-iconbtn,.cs-bar .cs-bar-tools .cs-iconbtn.is-plain{width:var(--bar-ctl-h);min-width:var(--bar-ctl-h);
  height:var(--bar-ctl-h);min-height:var(--bar-ctl-h);
  display:inline-grid;place-items:center;padding:0}
.cs-bar .cs-bar-tools .cs-avatar-ini,.cs-bar .cs-bar-tools .cs-avatar-ini.cs-avatar-me{width:var(--bar-ctl-h);min-width:var(--bar-ctl-h);
  height:var(--bar-ctl-h);min-height:var(--bar-ctl-h);
  font-size:var(--bar-text);padding:0}
.cs-menu{position:absolute;top:calc(13 * var(--s-1));right:var(--s-6);z-index:70;width:calc(73 * var(--s-1));padding:var(--s-3);border-radius:var(--r-panel);background:var(--surface);border:var(--cs-edge-w) solid var(--hair);box-shadow:var(--shadow-pop);animation:csRise .18s var(--ease) both}
.cs-menu-row{display:flex;align-items:center;gap:var(--s-4);width:100%;height:calc(9 * var(--s-1));padding:0 var(--s-4);border-radius:var(--r-ctl);color:var(--cs-ink-2);font:var(--t-label);text-align:left}
.cs-menu-row sf-icon{color:var(--cs-ink-3);width:var(--cs-pill);text-align:center}
.cs-menu-row:hover{background:var(--field);color:var(--cs-ink)}
.cs-menu-div{height:var(--s-0);margin:var(--s-2) var(--s-2);background:var(--hair)}
.cs-ws-pill{cursor:pointer;gap:var(--s-1)}
.cs-ws-pill sf-icon{font-size:var(--fs-xs);opacity:.7}
.cs-ws-pill:hover{filter:brightness(1.18)}
.cs-ws-menu{right:calc(15 * var(--s-1));width:calc(62 * var(--s-1))}
.cs-ws-head{padding:var(--s-2) var(--s-4) var(--s-3);font:var(--t-eyebrow);letter-spacing:.09em;text-transform:uppercase;color:var(--cs-ink-4)}
.cs-ws-row{height:auto;min-height:calc(11 * var(--s-1));padding-top:var(--s-2);padding-bottom:var(--s-2)}
.cs-ws-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-0)}
.cs-ws-label{color:var(--cs-ink)}
.cs-ws-sub{font:var(--t-micro);color:var(--cs-ink-4)}
.cs-ws-row.is-on{background:var(--field)}
.cs-ws-row.is-on>sf-icon:first-child{color:var(--cs-accent)}
.cs-ws-row.is-off{opacity:.55;cursor:default}
.cs-ws-row.cs-ws-inmenu{min-height:calc(9 * var(--s-1));height:calc(9 * var(--s-1));padding-top:0;padding-bottom:0}
@media (max-width:760px){
  .cs-ws-menu{right:var(--s-6)}
}
.cs-td-row{padding-left:calc(var(--s-4) + var(--s-2))}
.cs-td-bar{flex:0 0 auto;position:relative;z-index:160;display:flex;align-items:center;justify-content:center;gap:var(--s-3);
  min-height:var(--cs-pv-pill-h);padding:var(--s-1) var(--s-4);background:var(--accent-fill);color:var(--cs-on-accent);font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp)}
.cs-td-what{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-td-bar.is-preview{justify-content:flex-start}.cs-td-bar.is-preview .cs-td-what{flex:1;display:inline-flex;align-items:center;gap:var(--s-2)}
.cs-td-note{font:var(--t-micro);opacity:.85}
.cs-td-btn{flex:none;display:inline-flex;align-items:center;gap:var(--s-1);height:var(--cs-field-h);padding:0 var(--s-3);border:var(--cs-edge-w) solid var(--lv-c-13);
  border-radius:var(--r-pill);background:transparent;color:var(--cs-ink);font:var(--cs-weight-strong) var(--type-head)/1 var(--disp);cursor:pointer}
.cs-td-btn sf-icon{font-size:var(--fs-md)}
.cs-td-btn:hover{background:var(--lv-c-14)}
.cs-td-btn.is-exit{background:var(--lv-c-12);color:var(--cs-accent);border-color:var(--lv-c-12)}
html.cs-td .rq2-shelf{top:calc(12 * var(--s-1))}
@media (max-width:760px){
  html.cs-td .rq2-shelf{top:calc(11 * var(--s-1))}
}
@media (max-width:420px){
  .cs-td-bar{gap:var(--s-2);padding:var(--s-1) var(--s-2)}
  .cs-td-note{display:none}
}
.fn-bar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair);flex-wrap:wrap}
.fn-body{display:grid;grid-template-columns:calc(43 * var(--s-1)) minmax(0px,1fr);min-height:0;flex:1}
.fn-tile{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-3);border-radius:var(--r-card);border:var(--cs-edge-w) solid transparent;cursor:default;text-align:center}
.fn-tile:hover{background:var(--field)}
.fn-tile.sel{background:var(--accent-soft);border-color:var(--accent-ring)}
.fn-ico{width:calc(19 * var(--s-1));height:calc(16 * var(--s-1));border-radius:var(--r-item);display:grid;place-items:center;position:relative;overflow:hidden}
.fn-ico.folder{background:linear-gradient(160deg,var(--accent-fill-top),var(--accent))}
.fn-ico.folder>sf-icon{font-size:var(--ic-2xl);color:var(--cs-on-accent);opacity:.95}
.fn-ico.video{background:linear-gradient(160deg,var(--tint-2),var(--tint-8));border:var(--cs-edge-w) solid var(--hair)}
.fn-ico.audio{background:linear-gradient(160deg,var(--lv-c-15),var(--lv-c-16));border:var(--cs-edge-w) solid var(--hair)}
.fn-ico.image,.fn-ico.doc,.fn-ico.file{background:linear-gradient(160deg,var(--tint-2),var(--tint-8));border:var(--cs-edge-w) solid var(--hair)}
.fn-ico.image{background:linear-gradient(160deg,var(--tint-review),var(--tint-review-deep));border:var(--cs-edge-w) solid var(--hair)}
.fn-ico.doc{background:linear-gradient(160deg,var(--tint-1),var(--tint-6));border:var(--cs-edge-w) solid var(--hair)}
.fn-ico>sf-icon{font-size:var(--ic-2xl);color:var(--cs-on-accent)}
.fn-play{position:absolute;width:var(--s-9);height:var(--s-9);border-radius:50%;display:grid;place-items:center;background:var(--media-play);border:var(--cs-edge-w) solid var(--media-play-edge);color:var(--cs-on-accent)}
.fn-name{font:var(--t-micro);font-size:var(--fs-md);color:var(--cs-ink-2);max-width:calc(28 * var(--s-1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fn-sub{font:var(--cs-weight) var(--type-micro)/1 var(--font);color:var(--cs-ink-4)}
.ctx{position:absolute;z-index:80;width:var(--cs-rail);padding:var(--s-2);border-radius:var(--r-item);background:var(--surface);border:var(--cs-edge-w) solid var(--hair);box-shadow:var(--shadow-pop)}
.ctx-row{display:flex;align-items:center;gap:var(--s-4);height:var(--s-10);padding:0 var(--s-4);border-radius:var(--r-ctl);font:var(--t-micro);font-size:var(--type-body);color:var(--cs-ink-2)}
.ctx-row sf-icon{color:var(--cs-ink-3);width:var(--cs-avatar-sm);text-align:center}
.ctx-row:hover{background:var(--accent-soft);color:var(--cs-ink)}
.ctx-row.danger{color:var(--cs-bad)}
.ctx-div{height:var(--s-0);margin:var(--s-1) var(--s-2);background:var(--hair)}
.ctx-row.is-on sf-icon{color:var(--cs-accent)}
.ctx.is-wide{width:calc(68 * var(--s-1))}
.ctx.is-wide{max-height:70vh;overflow:auto}
.ctx-target{display:flex;flex-direction:column;gap:var(--s-0);padding:var(--s-3) var(--s-4) var(--s-3);margin:calc(-1 * var(--s-0)) calc(-1 * var(--s-0)) var(--s-1);border-bottom:var(--cs-edge-w) solid var(--hair)}
.ctx-tkind{font:var(--t-eyebrow);letter-spacing:.09em;text-transform:uppercase;color:var(--cs-ink-4)}
.ctx-tname{font:var(--cs-weight-strong) var(--type-body)/1.25 var(--disp);color:var(--cs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctx-sect{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4) var(--s-1);font:var(--t-eyebrow);letter-spacing:.09em;text-transform:uppercase;color:var(--cs-ink-4)}
.ctx-meta{opacity:0;flex:0 0 auto}
.ctx-row:hover .ctx-meta{opacity:.8}

.ctx-row.is-busy .ctx-meta,.ctx-row.is-done .ctx-meta,.ctx-row.is-waiting .ctx-meta,.ctx-row.is-skipped .ctx-meta,.ctx-row.is-failed .ctx-meta{opacity:1;display:inline-flex;align-items:center;gap:var(--s-1);font-family:var(--cs-font)}
.ctx-row.is-busy{cursor:progress}
.ctx-row.is-done .ctx-meta,.ctx-row.is-waiting .ctx-meta,.ctx-row.is-skipped .ctx-meta,.ctx-row.is-failed .ctx-meta{max-width:60%;min-width:0}
.ctx-meta>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ctx-spin{display:inline-block;width:var(--s-5);height:var(--s-5);border-radius:50%;border:var(--s-0) solid var(--cs-hair);border-top-color:var(--cs-accent);animation:suSpin 1s linear infinite}
.ctx-row.is-done .ctx-meta{color:var(--cs-good)}
.ctx-row.is-waiting .ctx-meta,.ctx-row.is-skipped .ctx-meta{color:var(--cs-warn)}
.ctx-row.is-failed .ctx-meta{color:var(--cs-bad)}
.au{position:fixed;inset:0;z-index:300;display:grid;place-items:center;overflow:hidden;background:var(--tint-16)}
.au-bg{position:absolute;inset:-25%;background:
  radial-gradient(48% 42% at 22% 18%,var(--lv-c-18),transparent 62%),
  radial-gradient(44% 40% at 82% 78%,var(--lv-c-19),transparent 62%),
  radial-gradient(52% 46% at 68% 16%,var(--lv-c-20),transparent 64%),
  linear-gradient(140deg,var(--tint-14),var(--tint-13) 48%,var(--tint-14));
  background-size:180% 180%;animation:auDrift 38s ease-in-out infinite;filter:saturate(1.05)}
.au-grain{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(var(--lv-c-21) var(--s-0),transparent var(--s-0));background-size:var(--s-0) var(--s-0);
  mask-image:radial-gradient(70% 60% at 50% 45%,var(--shadow-ink),transparent 100%)}
.au-card{position:relative;z-index:1;width:min(var(--cs-signin-w),92vw);padding:calc(9 * var(--s-1)) var(--s-10) var(--s-9);border-radius:var(--r-lg);
  background:linear-gradient(170deg,var(--lv-c-22),var(--lv-c-23));
  border:var(--cs-edge-w) solid var(--lv-c-24);
  box-shadow:var(--e4);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  display:flex;flex-direction:column;align-items:center;text-align:center;animation:auIn .16s var(--ease) both}
.au-mark{width:calc(21 * var(--s-1));height:calc(21 * var(--s-1));border-radius:var(--r-lg);display:grid;place-items:center;margin-bottom:var(--s-5);
  background:linear-gradient(160deg,var(--lv-c-25),var(--lv-c-26));border:var(--cs-edge-w) solid var(--lv-c-27);
  box-shadow:var(--glow)}
.au-mark img{width:calc(13 * var(--s-1));height:calc(13 * var(--s-1));object-fit:contain;display:block}
.au-brand{font:var(--cs-weight-strong) var(--type-control)/1 var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--cs-ink-3);margin-bottom:var(--s-4)}
.au-title{margin:0;font:var(--cs-weight-strong) var(--type-title)/1.1 var(--disp);letter-spacing:-.025em;color:var(--cs-ink)}
.au-sub{margin:var(--s-3) 0 var(--s-8);font:var(--cs-weight) var(--type-head)/1.55 var(--font);color:var(--cs-ink-2);max-width:var(--cs-pv-panel-w)}
.au-field{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-6);width:100%;text-align:left}
.au-field>span{font:var(--cs-weight-strong) var(--type-micro)/1 var(--font);letter-spacing:.11em;text-transform:uppercase;color:var(--cs-ink-3)}
.au-field>input{padding:0 var(--s-6);color:var(--cs-ink);font:var(--cs-weight-strong) var(--type-title)/1 var(--font);outline:0;transition:border-color var(--dur),background var(--dur)}
.au-field>input::placeholder{color:var(--cs-ink-4)}
.au-field>input:disabled{opacity:.6}
.au-code{text-align:center;font:var(--cs-weight-strong) var(--type-title)/1 var(--disp) !important;letter-spacing:.34em;text-indent:.34em;height:var(--cs-node-h) !important}
.au-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-3);width:100%;height:var(--cs-pv-bar-h);margin-top:var(--s-2);border-radius:var(--r-card);
  font:var(--cs-weight-strong) var(--type-title)/1 var(--disp);color:var(--cs-on-accent);background:linear-gradient(180deg,var(--accent-fill-top),var(--accent-fill-btm));
  border:var(--cs-edge-w) solid var(--lv-c-36);box-shadow:var(--glow);
  transition:transform var(--dur) var(--ease)}
.au-btn:hover{filter:brightness(1.07);box-shadow:var(--glow)}
.au-btn:active{transform:scale(.985)}
.au-link{margin-top:var(--s-5);font:var(--cs-weight-strong) var(--type-body)/1 var(--font);color:var(--cs-ink-3);align-self:center}
.au-link:hover{color:var(--cs-ink)}
.au .au-card{border-radius:var(--r-lg);padding:var(--cs-pv-pill-h) calc(9 * var(--s-1)) var(--s-9);
  background:linear-gradient(180deg,var(--lv-c-38),var(--lv-c-39) 38%,var(--lv-c-40) 60%),var(--lv-c-41);
  -webkit-backdrop-filter:blur(calc(10 * var(--s-1))) saturate(1.8);backdrop-filter:blur(calc(10 * var(--s-1))) saturate(1.8);
  border:var(--cs-edge-w) solid var(--lv-c-42);
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-43),inset 0 calc(-1 * var(--cs-edge-w)) 0 var(--lv-c-11),inset 0 0 0 var(--cs-edge-w) var(--lv-c-44),
             0 var(--s-10) calc(20 * var(--s-1)) calc(-1 * var(--s-9)) var(--lv-c-45),0 var(--s-4) var(--s-10) calc(-1 * var(--s-5)) var(--lv-c-46)}
.au .au-mark{border-radius:var(--r-lg);
  background:linear-gradient(180deg,var(--lv-c-47),var(--lv-c-40) 60%),var(--lv-c-48);
  border:var(--cs-edge-w) solid var(--lv-c-10);
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-49),inset 0 calc(-1 * var(--cs-edge-w)) 0 var(--lv-c-50),0 var(--s-4) var(--s-9) calc(-1 * var(--s-4)) var(--lv-c-51)}
.au .au-brand{color:var(--cs-ink-3)}
.au .au-title{color:var(--cs-ink)}
.au .au-sub{color:var(--cs-ink-3)}
.au .au-field>span{color:var(--cs-ink-3)}
.au .au-field>input{color:var(--cs-ink)}
.au .au-field>input::placeholder{color:var(--cs-ink-4)}
.au .au-btn{border-radius:var(--r-panel);border:var(--cs-edge-w) solid var(--lv-c-10);
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-64),inset 0 calc(-1 * var(--cs-edge-w)) 0 var(--lv-c-62),0 var(--s-4) var(--s-9) calc(-1 * var(--s-4)) var(--lv-c-65)}
.au .au-link{color:var(--cs-ink-3)}
.au .au-link:hover{color:var(--cs-ink)}
.au-err{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-5);padding:var(--s-4) var(--s-5);border-radius:var(--r-item);width:100%;text-align:left;
  background:var(--lv-c-67);border:var(--cs-edge-w) solid var(--lv-c-68);font:var(--cs-weight-strong) var(--type-body)/1.4 var(--font);color:var(--cs-bad)}
.au-foot{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-7);padding-top:var(--s-6);border-top:var(--cs-edge-w) solid var(--lv-c-69);width:100%;justify-content:center;text-align:center;
  font:var(--cs-weight) var(--type-control)/1.45 var(--font);color:var(--cs-ink-4)}
.au-trial{font:var(--cs-weight) var(--type-body)/1.45 var(--font);color:var(--cs-ink-3);transition:color var(--dur)}
.au-trial b{font-weight:var(--cs-weight-strong);color:var(--cs-accent)}
.au-trial:hover{color:var(--cs-ink)}
.au-trial:hover b{color:var(--cs-accent)}
.au .au-foot{border-top-color:var(--cs-signin-edge)}
.au .au-trial{color:var(--cs-signin-ink-2)}
.au .au-trial b{color:var(--cs-accent)}
.au-prog{width:100%;height:var(--s-0);border-radius:var(--r-2xs);overflow:hidden;background:var(--lv-c-75);margin:0 0 var(--s-8)}
.au-prog-fill{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(calc(var(--p,0px)/100));background:linear-gradient(90deg,var(--accent-fill-top),var(--purple));transition:transform var(--dur-slower) var(--ease)}
.su-row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);width:100%}
.su-row2>.au-field{min-width:0}
.au-field>textarea.ap-notes{padding:var(--s-5) var(--s-6);color:var(--cs-ink);font:var(--cs-weight-strong) var(--type-title)/1.45 var(--font);resize:vertical;outline:0}
.au-field>textarea.ap-notes::placeholder{color:var(--cs-ink-4)}
.ap-hint{display:block;margin-top:var(--s-1);font:var(--cs-weight-strong) var(--type-body)/1.3 var(--font);color:var(--cs-ink-3)}
.ap-opt{display:flex;flex-direction:column;gap:var(--s-0);min-width:0}
.su-opt.ap-tier{height:auto;padding:var(--s-4) var(--s-6);align-items:flex-start}
.ap-sub{font:var(--cs-weight-strong) var(--type-body)/1.35 var(--font);color:var(--cs-ink-2)}
.ap-sub2{font:var(--cs-weight) var(--type-control)/1.4 var(--font);color:var(--cs-ink-3)}
.su-one{width:100%;text-align:left;display:flex;flex-direction:column;gap:var(--s-2);animation:suSlide .34s var(--ease) both}
.su-q-count{font:var(--cs-weight-strong) var(--type-micro)/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--cs-ink-2)}
.su-q-big{font:var(--cs-weight-strong) var(--type-title)/1.35 var(--disp);letter-spacing:-.01em;color:var(--cs-ink);margin-bottom:var(--s-5)}
.su-opts{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.su-opts.is-stack{flex-direction:column;flex-wrap:nowrap}
.su-opt{display:flex;align-items:center;gap:var(--s-3);height:var(--cs-card-head-h);padding:0 var(--s-6);border-radius:var(--r-item);text-align:left;
  font:var(--cs-weight-strong) var(--type-head)/1 var(--font);color:var(--cs-ink);
  background:var(--lv-c-80);border:var(--cs-edge-w) solid var(--lv-c-24);transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease,transform var(--dur) var(--ease)}
.su-opt:hover{border-color:var(--lv-c-81);background:var(--lv-c-82);color:var(--cs-on-accent);transform:translateX(var(--s-0))}
.su-opt.is-on{background:var(--lv-c-83);border-color:var(--lv-c-84);color:var(--cs-on-accent);
  box-shadow:var(--ring)}
.su-load{display:flex;flex-direction:column;align-items:center;gap:var(--s-7);padding:var(--s-9) 0 var(--s-8);width:100%}

.su-book{display:flex;flex-direction:column;gap:var(--s-4);width:100%;animation:suSlide .34s var(--ease) both}
.su-cal{width:100%;height:calc(160 * var(--s-1));border:0;border-radius:var(--r-panel);background:var(--cs-field)}
.su-wait{display:flex;align-items:center;justify-content:center;gap:var(--s-2);color:var(--cs-ink-3,var(--signin-ink2));font-size:var(--fs-sm)}
.su-ring{position:relative;width:calc(14 * var(--s-1));height:calc(14 * var(--s-1))}
.su-ring>span{position:absolute;inset:0;border-radius:50%;border:var(--s-0) solid transparent;border-top-color:var(--accent-fill-top);animation:suSpin 1s linear infinite}
.su-ring>span:nth-child(2){inset:var(--s-2);border-top-color:var(--purple);animation-duration:1.4s;animation-direction:reverse}
.su-ring>span:nth-child(3){inset:var(--s-6);border-top-color:var(--ok);animation-duration:1.8s}
.su-result{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-8) var(--s-6);margin-bottom:var(--s-2);
  border-radius:var(--r-panel);background:var(--lv-c-85);border:var(--cs-edge-w) solid var(--lv-c-24);
  animation:mdPop .42s var(--ease) both}
.su-result-ico{width:calc(15 * var(--s-1));height:calc(15 * var(--s-1));border-radius:var(--r-panel);display:grid;place-items:center;color:var(--cs-on-accent);
  background:linear-gradient(160deg,var(--accent-fill-top),var(--accent-fill-btm));box-shadow:var(--glow)}
.su-result.is-no .su-result-ico{background:linear-gradient(160deg,var(--grey-2),var(--grey-5));box-shadow:none}
.ob-pane{display:flex;flex-direction:column;gap:var(--s-1);animation:suSlide .34s var(--ease) both}
.ob-wz .au-field{margin-bottom:var(--s-6)}
.ob-wz .au-field>span{color:var(--cs-ink-4)}
.ob-wz .au-field>input{color:var(--cs-ink)}
.ob-wz .au-field>input::placeholder{color:var(--cs-ink-4)}
.ob-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}
.ob-grid2>.au-field{min-width:0}
.ob-sub-note{font:var(--t-micro);color:var(--cs-ink-4);line-height:1.5;margin:calc(-1 * var(--s-1)) 0 var(--s-4)}
.ob-photo-pick{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-6);padding:var(--s-5);border:var(--cs-edge-w) solid var(--hair2);border-radius:var(--r-card);background:var(--field)}
.ob-photo-t{font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp);color:var(--cs-ink)}
.ob-photo-sub{font:var(--t-micro);color:var(--cs-ink-3)}
.ob-photo-row{display:flex;gap:var(--s-4);flex-wrap:wrap;margin-top:var(--s-1)}
.ob-photo-opt{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-2);border:var(--s-0) solid transparent;border-radius:var(--r-card);background:none;cursor:pointer;transition:border-color .12s,transform .12s}
.ob-photo-opt:hover{transform:translateY(calc(-1 * var(--s-0)))}
.ob-photo-opt.is-on{border-color:var(--accent)}
.ob-photo-img{width:var(--cs-node-h);height:var(--cs-node-h);border-radius:50%;background:var(--panel);box-shadow:0 var(--s-0) var(--s-3) calc(-1 * var(--s-0)) var(--lv-c-86)}
.ob-photo-net{font:var(--cs-weight-strong) var(--type-control)/1 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--cs-ink-3)}
.ob-photo-team{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-4);padding:var(--s-2) 0}   
.ob-photo-me{flex:0 0 auto;width:calc(12 * var(--s-1));height:calc(12 * var(--s-1));border-radius:50%;display:grid;place-items:center;font:var(--cs-weight-strong) var(--type-title)/1 var(--disp);color:var(--cs-on-accent)}
.ob-photo-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-0)}
.ob-photo-txt b{font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp);color:var(--cs-ink)}
.ob-photo-txt i{font-style:normal;font:var(--t-micro);color:var(--cs-ink-3)}
@media (prefers-reduced-motion:reduce){
  .ob-photo-opt,.ob-photo-opt:hover{transition:none;transform:none}
}
.ob-country{position:relative}
.ob-country-menu{position:absolute;left:0;right:0;top:100%;margin-top:var(--s-1);z-index:30;max-height:var(--cs-node-w);
  overflow:auto;border-radius:var(--r-card);border:var(--cs-edge-w) solid var(--hair2);background:var(--surface);
  box-shadow:var(--e3);padding:var(--s-1)}
.ob-country-opt{display:flex;align-items:center;gap:var(--s-4);width:100%;text-align:left;cursor:pointer;
  border:0;background:transparent;color:var(--cs-ink);padding:var(--s-3) var(--s-4);border-radius:var(--r-ctl);
  font:var(--cs-weight-strong) var(--type-title)/1 var(--font)}
.ob-country-opt:hover{background:var(--field-hover)}
.ob-flag{font-size:var(--type-title);line-height:1;width:var(--s-8);flex:0 0 auto;text-align:center}
.ob-country-none{padding:var(--s-4);color:var(--cs-ink-4);font:var(--t-micro)}
.ob-region-select{width:100%;padding:0 var(--s-6);color:var(--cs-ink);font:var(--cs-weight-strong) var(--type-title)/1 var(--font)}
.ob-pay-lead{font:var(--cs-weight-strong) var(--type-title)/1.3 var(--disp,sans-serif);color:var(--cs-ink);margin:0 0 var(--s-5)}
.ob-pay-alt-opts{display:flex;gap:var(--s-3);margin:0 0 var(--s-2)}
.ob-pay-opt{cursor:pointer;flex:1;border-radius:var(--r-item);border:var(--cs-edge-w) solid var(--hair2);
  background:var(--field);color:var(--cs-ink-2);padding:var(--s-4) var(--s-3);font:var(--cs-weight-strong) var(--type-head)/1 var(--disp,sans-serif)}
.ob-pay-opt.is-on{border-color:var(--accent);color:var(--cs-ink);
  background:color-mix(in oklch,var(--accent) 12%,transparent)}
.ob-pay-escape{align-self:flex-start;cursor:pointer;border:0;background:transparent;
  color:var(--cs-ink-4);text-decoration:underline;padding:var(--s-2) 0;margin-top:var(--s-0);
  font:var(--cs-weight-strong) var(--type-body)/1.4 var(--font)}
.ob-pay-escape:hover{color:var(--cs-ink-2)}
.ob-pay-help{align-self:flex-start;margin:calc(-1 * var(--s-2)) 0 var(--s-5);color:var(--cs-accent);text-decoration:none;
  font:var(--cs-weight-strong) var(--type-body)/1.4 var(--font)}
.ob-pay-help:hover{text-decoration:underline}
.ob-gate-scrim{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:var(--s-7);
  background:var(--lv-c-87);-webkit-backdrop-filter:blur(var(--s-2));backdrop-filter:blur(var(--s-2))}
.ob-gate{width:min(calc(110 * var(--s-1)),100%);max-height:calc(100vh - var(--s-10));overflow:auto;display:flex;flex-direction:column;gap:var(--s-5);
  padding:var(--s-8) var(--s-8) var(--s-7);border-radius:var(--r-panel);border:var(--cs-edge-w) solid var(--hair2);background:var(--surface);box-shadow:var(--e3)}
.ob-gate-t{font:var(--cs-weight-strong) var(--type-title)/1.25 var(--disp,sans-serif);color:var(--cs-ink)}
.ob-gate-p{margin:0;font:var(--cs-weight) var(--type-head)/1.6 var(--font,sans-serif);color:var(--cs-ink-2)}
.ob-gate-primary{display:flex;align-items:center;justify-content:center;height:var(--cs-card-head-h);border-radius:var(--r-item);
  margin-top:var(--s-1);background:var(--accent);color:var(--cs-on-accent);text-decoration:none;font:var(--cs-weight-strong) var(--type-title)/1 var(--disp,sans-serif)}
.ob-gate-primary:hover{filter:brightness(1.08)}
.ob-gate-check{margin-top:var(--s-2);padding-top:var(--s-5);border-top:var(--cs-edge-w) solid var(--hair)}
.ob-gate-secondary{height:calc(10 * var(--s-1));border-radius:var(--r-item);cursor:pointer;background:transparent;
  border:var(--cs-edge-w) solid var(--hair2);color:var(--cs-ink-2);font:var(--cs-weight-strong) var(--type-head)/1 var(--disp,sans-serif)}
.ob-gate-secondary[disabled]{opacity:.45;cursor:not-allowed}
.ob-gate-secondary.is-armed{border-color:var(--ink3);color:var(--cs-ink)}
.ob-check.is-missed{color:var(--cs-bad);border-radius:var(--r-ctl);padding:var(--s-1) var(--s-3);margin:calc(-1 * var(--s-0)) calc(-1 * var(--s-3));
  outline:var(--cs-edge-w) solid var(--bad);background:var(--bad-soft)}
.ob-check.is-missed input{outline:var(--s-0) solid var(--bad);outline-offset:var(--cs-edge-w)}
.ob-d-ini.is-missed{border:var(--cs-edge-w) solid var(--bad);background:var(--bad-soft)}
.ob-d-ini.is-missed .ob-d-ini-l,.ob-d-ini.is-missed .ob-d-ini-l i{color:var(--cs-bad)}
.ob-miss-msg{flex:0 0 auto;margin:var(--s-4) var(--s-9) 0;padding:var(--s-3) var(--s-5);border-radius:var(--r-item);border:var(--cs-edge-w) solid var(--bad-ring);
  background:var(--bad-soft);color:var(--cs-bad);font:var(--cs-weight-strong) var(--type-head)/1.4 var(--font,sans-serif);text-align:center}
.ob-done{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-6);min-height:calc(55 * var(--s-1))}
.ob-done-check{display:grid;place-items:center;width:calc(21 * var(--s-1));height:calc(21 * var(--s-1));border-radius:50%;color:var(--cs-on-accent);
  background:var(--ok);box-shadow:0 0 0 var(--s-3) color-mix(in oklch,var(--ok) 18%,transparent);
  animation:obDonePop .38s cubic-bezier(.2,.9,.3,1.3) both}
.ob-done-t{font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp,sans-serif);color:var(--cs-ink)}
.ob-note{font:var(--t-micro);color:var(--cs-ink-4);line-height:1.5}
.ob-agree{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-4)}
.ob-doc{flex:1;min-height:0;max-height:min(var(--cs-page-narrow),56vh);overflow:auto;
  padding:var(--s-8) var(--s-9) var(--s-7);border-radius:var(--r-card);
  border:var(--cs-edge-w) solid var(--hair);background:var(--lv-c-88);
  font:var(--cs-weight) var(--type-head)/1.72 var(--font,sans-serif);color:var(--cs-ink-2);
  scroll-behavior:smooth}
.ob-doc-msg{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-6);
  min-height:var(--cs-chat-banner);justify-content:center;color:var(--cs-ink-3);
  font:var(--cs-weight) var(--type-head)/1.6 var(--font,sans-serif)}
.ob-d-reload{align-self:flex-start;cursor:pointer;border-radius:var(--r-ctl);
  border:var(--cs-edge-w) solid color-mix(in oklch,var(--accent) 55%,transparent);
  background:color-mix(in oklch,var(--accent) 10%,transparent);color:var(--cs-ink);
  padding:var(--s-3) var(--s-6);font:var(--cs-weight-strong) var(--type-head)/1 var(--disp,sans-serif)}
.ob-d-reload:hover{background:color-mix(in oklch,var(--accent) 18%,transparent)}
.ob-d-h1{font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp,sans-serif);letter-spacing:-.02em;color:var(--cs-ink);
  margin:0 0 var(--s-0)}
.ob-d-h2{font:var(--cs-weight-strong) var(--type-title)/1.3 var(--disp,sans-serif);color:var(--cs-ink-3);margin:0 0 var(--s-7);
  padding-bottom:var(--s-5);border-bottom:var(--cs-edge-w) solid var(--hair)}
.ob-d-cl{font:var(--cs-weight-strong) var(--type-head)/1.4 var(--disp,sans-serif);color:var(--cs-ink);margin:var(--s-7) 0 var(--s-2)}
.ob-d-p{margin:0 0 var(--s-4)}
.ob-d-ini{display:flex;align-items:center;gap:var(--s-6);margin:var(--s-6) 0 var(--s-7);padding:var(--s-5) var(--s-6);
  border-radius:var(--r-item);border:var(--cs-edge-w) dashed color-mix(in oklch,var(--accent) 38%,transparent);
  background:color-mix(in oklch,var(--accent) 5%,transparent)}
.ob-d-ini.is-signed{border-style:solid;
  border-color:color-mix(in oklch,var(--accent) 55%,transparent);
  background:color-mix(in oklch,var(--accent) 9%,transparent)}
.ob-d-ini-l{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--s-0);
  font:var(--cs-weight-strong) var(--type-micro)/1 var(--disp,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--cs-ink-4)}
.ob-d-ini-l i{font:var(--cs-weight-strong) var(--type-body)/1.2 var(--disp,sans-serif);letter-spacing:0;text-transform:none;
  font-style:normal;color:var(--cs-ink-2)}
.ob-pad{flex:0 0 auto;width:calc(65 * var(--s-1));height:var(--cs-avatar-lg);border-radius:var(--r-ctl);cursor:crosshair;touch-action:none;
  background:var(--lv-c-44);border:var(--cs-edge-w) solid var(--hair2)}
html.cslight .ob-pad{background:var(--lv-c-12);border:var(--cs-edge-w) solid var(--lv-c-89);box-shadow:inset 0 var(--cs-edge-w) var(--s-0) var(--lv-c-90)}
.ob-pad-lg{width:calc(105 * var(--s-1));height:calc(24 * var(--s-1))}
@media (max-width:600px){
  .ob-d-ini{flex-wrap:wrap}
  .ob-pad,.ob-pad-lg{width:100%;max-width:100%}
}
.ob-d-clear{flex:0 0 auto;height:var(--s-9);padding:0 var(--s-4);border-radius:var(--r-pill);cursor:pointer;
  font:var(--cs-weight-strong) var(--type-micro)/1 var(--disp,sans-serif);letter-spacing:.06em;text-transform:uppercase;
  color:var(--cs-ink-4);background:transparent;border:var(--cs-edge-w) solid var(--hair2)}
.ob-d-sign{margin:var(--s-8) 0 var(--s-2);padding-top:var(--s-7);border-top:var(--cs-edge-w) solid var(--hair)}
.ob-d-meta{display:flex;gap:var(--s-9);margin-top:var(--s-1)}
.ob-d-meta span{display:flex;flex-direction:column;gap:var(--s-0);
  font:var(--cs-weight-strong) var(--type-micro)/1 var(--disp,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--cs-ink-4)}
.ob-d-meta i{font:var(--cs-weight) var(--type-head)/1.2 var(--font,sans-serif);letter-spacing:0;text-transform:none;
  font-style:normal;color:var(--cs-ink-2)}
.ob-d-acks{margin-top:var(--s-8);padding-top:var(--s-7);border-top:var(--cs-edge-w) solid var(--hair);
  display:flex;flex-direction:column;gap:var(--s-4)}
.ob-check{display:flex;align-items:flex-start;gap:var(--s-4);cursor:pointer;
  font:var(--cs-weight) var(--type-body)/1.45 var(--font,sans-serif);color:var(--cs-ink-2)}
.ob-check input{margin:var(--s-0) 0 0;flex:0 0 auto;width:var(--s-6);height:var(--s-6);accent-color:var(--accent)}
.ob-socials{display:flex;flex-direction:column;gap:var(--s-2);margin:var(--s-1) 0 var(--s-0)}
.ob-social{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-card);background:var(--field);border:var(--cs-edge-w) solid var(--hair2);transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease,transform var(--dur) var(--ease)}
.ob-social.is-active{border-color:var(--accent-ring)}
.ob-social-av{width:calc(9 * var(--s-1));height:calc(9 * var(--s-1));border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  font:var(--cs-weight-strong) var(--type-control)/1 var(--disp);color:var(--cs-on-accent);border:0;background-origin:border-box;background-clip:border-box;
  transition:opacity var(--dur) var(--ease);overflow:hidden}
.ob-social-av.is-loading{box-shadow:var(--glow-sm);animation:dcPulse 1s ease infinite}
.ob-social-av.is-live{box-shadow:var(--e1)}
.ob-social-avw{position:relative;flex:0 0 auto;width:calc(9 * var(--s-1));height:calc(9 * var(--s-1))}
.ob-social-badge{position:absolute;right:calc(-1 * var(--s-0));bottom:calc(-1 * var(--s-0));width:var(--cs-avatar-sm);height:var(--cs-avatar-sm);border-radius:50%;border:var(--s-0) solid var(--panel,var(--lv-c-91))}
.ob-social-sub{display:block;font:var(--t-micro);color:var(--cs-ink-4);line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.ob-social-sub.is-ok{color:var(--cs-ink-3)}
.ob-social-sub.is-bad{color:var(--cs-bad)}
.ob-social-name{color:var(--cs-ink);font-weight:var(--cs-weight-strong)}
.ob-social-tick{display:inline-flex;vertical-align:calc(-1 * var(--s-0));color:var(--cs-accent);margin-left:var(--s-0)}
.ob-social-tick sf-icon{width:var(--cs-icon);height:var(--cs-icon)}
.ob-site-msg{display:block;margin:calc(var(--s-6) * -1 + var(--s-2)) 0 var(--s-5);font:var(--t-micro);line-height:1.4;color:var(--cs-ink-4)}
.ob-site-msg.is-bad{color:var(--cs-bad)}
.ob-site-msg.is-ok{color:var(--cs-good)}
.ob-final-go{margin-top:var(--s-3)}
.ob-final{display:flex;flex-direction:column;align-items:center;gap:var(--s-5);padding:var(--s-7) 0 var(--s-3)}
.ob-wz .ob-final{text-align:center}
.ob-final-ico{width:calc(16 * var(--s-1));height:calc(16 * var(--s-1));border-radius:var(--r-panel);display:grid;place-items:center;font-size:var(--cs-wiz-ico);color:var(--cs-on-accent);
  
  background:linear-gradient(var(--lv-c-38),var(--lv-c-38)),
    radial-gradient(120% 90% at 30% 0%,var(--lv-c-92) 0%,var(--lv-c-93) 55%,var(--lv-c-94) 100%);
  border:var(--cs-edge-w) solid var(--lv-c-95);
  -webkit-backdrop-filter:blur(var(--s-7)) saturate(1.6);backdrop-filter:blur(var(--s-7)) saturate(1.6);
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-10),0 var(--s-7) calc(9 * var(--s-1)) calc(-1 * var(--s-7)) var(--lv-c-96)}
html.cslight .ob-final-ico{color:var(--cs-accent);
  background:linear-gradient(180deg,var(--lv-c-97),var(--lv-c-52) 52%),linear-gradient(160deg,var(--lv-c-98),var(--lv-c-99));
  border:var(--cs-edge-w) solid var(--lv-c-100);
  box-shadow:inset 0 var(--cs-wire) 0 var(--lv-c-101),inset 0 calc(-1 * var(--cs-wire)) 0 var(--lv-c-102),0 var(--s-5) var(--s-9) calc(-1 * var(--s-5)) var(--lv-c-103)}
.ctx.is-wide .ctx-row{height:auto;min-height:var(--s-10);padding:var(--s-3) var(--s-4);line-height:1.35;align-items:center}
.ctx.is-wide .ctx-row sf-icon{flex:0 0 auto}
.dc-body{display:grid;grid-template-columns:calc(13 * var(--s-1)) calc(52 * var(--s-1)) minmax(0px,1fr) calc(72 * var(--s-1));min-height:0;flex:1}
.dc-ch{display:flex;align-items:center;gap:var(--s-3);height:var(--cs-row);padding:0 var(--s-3);border-radius:var(--r-ctl);color:var(--cs-ink-3);font:var(--t-label)}
.dc-ch sf-icon{font-size:var(--ic-md);color:var(--cs-ink-4)}
.dc-ch:hover{background:var(--field);color:var(--cs-ink-2)}
.dc-ch.on{background:var(--accent-soft);color:var(--cs-ink)}
.dc-ch.on sf-icon{color:var(--cs-accent)}

.dc-ch .u{margin-left:auto;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--s-7);min-width:var(--s-7);height:var(--s-7);padding:0;border-radius:50%;flex:0 0 auto;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--badge-bad);color:var(--cs-on-accent);font:var(--cs-weight) var(--type-micro)/1 var(--font)}
.dc-ch .u.is-wide,.dc-person .u.is-wide{width:auto;padding:0 var(--s-1);border-radius:var(--r-pill)}
.dc-ch{position:relative}
.dc-ch.is-muted{opacity:.45}
.dc-ch.is-muted .u{background:var(--hair-strong);color:var(--cs-ink-3)}
.dc-ch.is-muted.on{opacity:.8}
.dc-body{grid-template-rows:minmax(0px,1fr)}
.dc-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;position:relative}
.dc-msgs{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--s-6) var(--s-7);display:flex;flex-direction:column;gap:var(--s-7)}
.dc-composer{margin:0 var(--s-7) var(--s-7);display:flex;align-items:center;padding:0 var(--s-5);border-radius:var(--r-item);background:var(--field);border:var(--cs-edge-w) solid var(--hair2)}
.dc-composer input{flex:1;outline:0;font:var(--t-body);color:var(--cs-ink)}
.dc-side{border-left:var(--cs-edge-w) solid var(--hair);padding:var(--s-6);overflow:auto;background:var(--panel);display:flex;flex-direction:column}
.sg-scroll{flex:1;overflow:auto;min-height:0}
.cs-kbd-row{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-3) var(--s-0);border-bottom:var(--cs-edge-w) solid var(--hair)}
.cs-kbd-row:last-child{border-bottom:0}
.cs-kbd-row kbd{flex:0 0 calc(20 * var(--s-1));display:inline-flex;align-items:center;justify-content:center;height:var(--s-9);padding:0 var(--s-3);
  border-radius:var(--r-ctl);background:var(--field);border:var(--cs-edge-w) solid var(--hair2);box-shadow:var(--e1);
  font:var(--cs-weight-strong) var(--type-control)/1 var(--disp);color:var(--cs-ink)}
.cs-kbd-row span{font:var(--t-label);color:var(--cs-ink-3)}
.cs-pill.is-live{background:var(--accent-soft);color:var(--cs-ink);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
.cs-pill.is-live sf-icon{color:var(--cs-accent)}
.dc-people{border-right:var(--cs-edge-w) solid var(--hair);display:flex;flex-direction:column;min-height:0;background:var(--surface)}
.dc-plist{flex:1;min-height:0;overflow:auto;padding:var(--s-2) var(--s-3) var(--s-3);display:flex;flex-direction:column;gap:var(--s-0)}
.dc-pcat{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-3) var(--s-1);font:var(--t-eyebrow);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--cs-ink-4)}
.dc-person{display:flex;align-items:center;gap:var(--s-4);height:calc(9 * var(--s-1));padding:0 var(--s-3);border-radius:var(--r-ctl);text-align:left}
.dc-person:hover{background:var(--field)}
.dc-person.on{background:var(--accent-soft);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
.dc-pname{flex:1;min-width:0;font:var(--cs-weight-strong) var(--type-body)/1.1 var(--disp);color:var(--cs-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-prole{flex:0 0 auto;height:var(--s-7);padding:0 var(--s-2);border-radius:var(--r-xs);display:inline-flex;align-items:center;font:var(--cs-weight) var(--type-micro)/1 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--cs-ink-3);background:var(--field);border:var(--cs-edge-w) solid var(--hair)}
.dc-person .u{margin-left:auto;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--s-7);min-width:var(--s-7);height:var(--s-7);padding:0;border-radius:50%;flex:0 0 auto;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--bad);color:var(--cs-on-accent);font:var(--cs-weight-strong) var(--type-micro)/1 var(--font)}
.dc-sidehead{height:calc(12 * var(--s-1));min-height:calc(12 * var(--s-1));flex:0 0 auto;display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair);box-sizing:border-box}
.dc-chhead{height:calc(12 * var(--s-1));min-height:calc(12 * var(--s-1));flex:0 0 auto;display:flex;align-items:center;padding:0 var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair);box-sizing:border-box}
.dc-sidehead{margin:calc(-1 * var(--s-6)) calc(-1 * var(--s-6)) 0}
.dc-phead-ico{width:var(--cs-field-h);height:var(--cs-field-h);border-radius:var(--r-ctl);flex:0 0 auto;display:grid;place-items:center;background:var(--field);border:var(--cs-edge-w) solid var(--hair);color:var(--cs-ink-3)}
.dc-phead-ico sf-icon{font-size:var(--ic-md)}
.dc-chav{width:var(--cs-rail-row) !important;height:var(--cs-rail-row) !important;font-size:var(--fs-sm) !important;flex:0 0 auto}
.dc-side{padding-top:var(--s-6)}
.dc-me{display:flex;align-items:center;gap:var(--s-4);height:var(--cs-pv-bar-h);padding:0 var(--s-5);border-top:var(--cs-edge-w) solid var(--hair);background:var(--panel);flex:0 0 auto}
.dc-me-av{width:var(--cs-rail-row) !important;height:var(--cs-rail-row) !important;font-size:var(--fs-sm) !important;flex:0 0 auto}
.dc-mem-av{width:var(--cs-rail-row) !important;height:var(--cs-rail-row) !important;font-size:var(--fs-sm) !important;flex:0 0 auto}
.dc-me-av>i,.dc-mem-av>i{display:none}
.dc-me-txt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--s-0);line-height:1}
.dc-me-name{display:block;font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);color:var(--cs-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-me-status{display:inline-flex;align-items:center;gap:var(--s-2);font:var(--cs-weight) var(--type-micro)/1 var(--font);color:var(--cs-ink-4)}
.dc-me-status i{width:var(--s-2);height:var(--s-2);border-radius:50%;flex:0 0 auto}
html.cslight .dc-me{background:var(--on-accent-fill)}
.dc-composer .dc-send{width:var(--cs-rail-row);height:var(--cs-rail-row);margin-left:var(--s-0)}
.dc-composer .dc-send sf-icon{font-size:var(--ic-md)}
.dc-chhead{gap:var(--s-5)}
.dc-composer{gap:var(--s-2)}
.dc-composer .cs-iconbtn.is-plain{color:var(--cs-ink-4)}
.dc-send{margin-left:var(--s-0);width:calc(9 * var(--s-1));height:calc(9 * var(--s-1));border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:var(--cs-on-accent);background:linear-gradient(180deg,var(--accent-fill-top),var(--accent-fill-btm));border:var(--cs-edge-w) solid var(--accent-edge);box-shadow:var(--glow-sm)}
.dc-send sf-icon{font-size:var(--ic-md)}
.dc-side{gap:var(--s-6)}
.cs-toast{position:fixed;left:50%;z-index:200;
  display:grid;grid-template-columns:auto minmax(0px,1fr) auto auto;align-items:center;
  gap:var(--s-5);min-width:calc(73 * var(--s-1));max-width:min(calc(115 * var(--s-1)),calc(100vw - var(--s-10)));
  padding:var(--s-5) var(--s-5) var(--s-5);border-radius:var(--r-card);overflow:hidden;
  background:color-mix(in oklch,var(--surface) 88%,transparent);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border:var(--cs-edge-w) solid var(--hair2);
  box-shadow:var(--e3);
  animation:csToast .34s var(--ease) both;
  will-change:transform,opacity}
.cs-toast-ico{width:var(--cs-field-h);height:var(--cs-field-h);border-radius:50%;display:grid;place-items:center;
  flex:0 0 auto;background:var(--ok-soft);color:var(--cs-good)}
.cs-toast.is-warn .cs-toast-ico{background:var(--warn-soft);color:var(--cs-warn)}
.cs-toast.is-bad .cs-toast-ico{background:var(--lv-c-104);color:var(--cs-bad)}
.cs-toast-ico sf-icon{font-size:var(--ic-md)}
.cs-toast-body{min-width:0;display:flex;flex-direction:column;gap:var(--s-0)}
.cs-toast-msg{font:var(--cs-weight-strong) var(--type-head)/1.35 var(--disp);color:var(--cs-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-toast-act{flex:0 0 auto;height:var(--s-9);padding:0 var(--s-4);border-radius:var(--r-pill);
  background:var(--accent-soft);color:var(--cs-accent);
  font:var(--cs-weight-strong) var(--type-control)/1 var(--disp);letter-spacing:.02em;
  transition:background var(--dur) ease}
.cs-toast-act:hover{background:var(--accent-fill);color:var(--cs-on-accent)}
.cs-toast-x{flex:0 0 auto;width:var(--s-8);height:var(--s-9);border-radius:50%;display:grid;place-items:center;
  color:var(--cs-ink-4);transition:background var(--dur) ease,color var(--dur) ease}
.cs-toast-x:hover{background:var(--field-hover);color:var(--cs-ink)}
.cs-toast-x sf-icon{font-size:var(--ic-sm)}
.cs-toast-bar{position:absolute;left:0;bottom:0;height:var(--s-0);width:100%;
  transform-origin:left center;background:var(--ok);opacity:.5;
  animation:csToastBar 2.6s linear both}
.cs-toast.is-warn .cs-toast-bar{background:var(--warn)}
.cs-toast.is-bad .cs-toast-bar{background:var(--bad)}
.cs-toast.is-bad .cs-toast-msg,.cs-toast.is-warn .cs-toast-msg{white-space:normal;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.cs-toast.is-bad .cs-toast-bar,.cs-toast.is-warn .cs-toast-bar{animation-duration:8s}
.ddp-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:var(--cs-edge-w) solid var(--hair)}
.ddp-head>sf-icon{color:var(--cs-accent)}
.ddp-id{display:flex;flex-direction:column;gap:var(--s-0);min-width:0}
.ddp-title{font:var(--cs-weight-strong) var(--type-title)/1.25 var(--disp);color:var(--cs-ink)}
.ddp-sub{font:var(--t-micro);color:var(--cs-ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddp-body{flex:1 1 auto;overflow-y:auto;padding:var(--s-5) var(--s-6) var(--s-7)}
.cs-uppill{position:fixed;right:var(--s-7);bottom:calc(var(--bottom-furniture,0px) + var(--s-7));z-index:210;
  display:flex;align-items:center;gap:var(--s-4);max-width:min(calc(90 * var(--s-1)),calc(100vw - var(--s-10)));
  padding:var(--s-4) var(--s-5);border-radius:var(--r-card);
  background:color-mix(in oklch,var(--surface) 92%,transparent);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border:var(--cs-edge-w) solid var(--hair2);box-shadow:var(--e3)}
.cs-uppill-ring{flex:0 0 auto;width:var(--s-8);height:var(--s-9);border-radius:50%;
  background:conic-gradient(var(--accent) var(--pct),var(--field) 0);
  -webkit-mask:radial-gradient(circle,transparent var(--s-2),var(--lv-c-105) var(--s-2));mask:radial-gradient(circle,transparent var(--s-2),var(--lv-c-105) var(--s-2))}
.cs-uppill.is-ok .cs-uppill-ring{background:var(--ok)}
.cs-uppill.is-bad .cs-uppill-ring{background:var(--bad)}
.cs-uppill-body{min-width:0;display:flex;flex-direction:column;gap:var(--s-0)}
.cs-uppill-head{font:var(--cs-weight-strong) var(--type-head)/1.3 var(--disp);color:var(--cs-ink)}
.cs-uppill-sub{font:var(--cs-weight) var(--type-control)/1.35 var(--font);color:var(--cs-ink-3);overflow-wrap:anywhere}
.rq2-err{margin:0 var(--s-7) var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-item);background:var(--lv-c-106);
  color:var(--cs-bad);font:var(--cs-weight-strong) var(--type-body)/1.45 var(--font)}
@media (prefers-reduced-motion:reduce){
  .cs-toast{animation-duration:.01s}
  .cs-toast-bar{animation:none;opacity:.25}
}
.cs-toast sf-icon{font-size:var(--ic-md)}
.po-wrap{display:flex;flex-direction:column;gap:var(--s-6);max-width:calc(240 * var(--s-1))}
.po-k{font:var(--t-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--cs-ink-4)}
.po-amt{font:var(--t-stat);font-size:var(--fs-3xl);line-height:1;color:var(--cs-ink);font-variant-numeric:tabular-nums}
.po-ro{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-6);border:var(--cs-edge-w) solid var(--hair);border-radius:var(--r-card);background:var(--field);font:var(--t-label);color:var(--cs-ink-3)}
.po-ro sf-icon{color:var(--cs-ink-4)}
.cs-btn.is-warn{color:var(--tint-warn-ink);background:linear-gradient(180deg,var(--warn-ramp-2) 0%,var(--warn-ramp-4) 55%,var(--warn-ramp-6) 100%);border:var(--cs-edge-w) solid var(--lv-c-107);box-shadow:0 var(--cs-edge-w) 0 var(--lv-c-108) inset}
.cs-btn.is-warn:hover{background:linear-gradient(180deg,var(--warn-ramp-1) 0%,var(--warn-ramp-3) 55%,var(--warn-ramp-5) 100%)}
.ss-board{padding:var(--s-1);overflow-x:auto}
.ss-row{display:grid;grid-template-columns:var(--s-9) minmax(calc(38 * var(--s-1)),1.6fr) repeat(7,minmax(var(--cs-avatar-lg),1fr));gap:var(--s-3);align-items:center;width:100%;padding:var(--s-3) var(--s-3);border-radius:var(--r-ctl);background:transparent;border:0;text-align:left;font:var(--t-label);color:var(--cs-ink-2);cursor:pointer;min-width:calc(190 * var(--s-1))}
.ss-row:hover{background:var(--field-hover)}
.ss-head{cursor:default;font:var(--t-micro);color:var(--cs-ink-4);text-transform:uppercase;letter-spacing:.04em}
.ss-head:hover{background:transparent}
.ss-rank{color:var(--cs-ink-4)}
.ss-name{display:flex;align-items:center;gap:var(--s-3);color:var(--cs-ink);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ss-money{color:var(--cs-ink);font-weight:var(--cs-weight-strong)}
.hm-strip{display:flex;align-items:stretch;padding:0;overflow:hidden}
.hm-stats{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(var(--hm-n,4),minmax(0px,1fr))}
.hm-stat{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s-2);min-width:0;padding:var(--s-5) var(--s-6);
  background:transparent;border:0;border-left:var(--cs-edge-w) solid var(--hair);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease)}
.hm-stat:first-child{border-left:0}
.hm-stat:hover{background:var(--field-hover)}
.hm-stat.is-static{cursor:default}
.hm-stat.is-static:hover{background:transparent}
.hm-stat-v{max-width:100%;font:var(--t-stat);letter-spacing:-.02em;color:var(--cs-ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-stat-k{max-width:100%;font:var(--t-micro);color:var(--cs-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-stat.is-accent .hm-stat-v{color:var(--cs-accent)}
.hm-stat.is-ok .hm-stat-v{color:var(--cs-good)}
.hm-stat.is-warn .hm-stat-v{color:var(--cs-warn)}
.hm-stat.is-bad .hm-stat-v{color:var(--cs-bad)}
.hm-empty{display:flex;align-items:center;gap:var(--s-2);font:var(--cs-weight) var(--type-head)/1.4 var(--font);color:var(--cs-ink-3)}
.hm-empty sf-icon{color:var(--cs-good)}
@media (max-width:860px){
  .hm-strip{flex-direction:column}
  .hm-stats{grid-template-columns:repeat(2,minmax(0px,1fr))}
  .hm-stat{border-left:0;border-top:var(--cs-edge-w) solid var(--hair);padding:var(--s-4) var(--s-5)}
  .hm-stat:nth-child(-n+2){border-top:0}
  .hm-stat:nth-child(even){border-left:var(--cs-edge-w) solid var(--hair)}
}
.fcard{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-3);border-radius:var(--r-item);background:var(--panel,var(--field));border:var(--cs-edge-w) solid var(--hair);border-left:var(--s-0) solid var(--fn2,var(--ink4));cursor:grab}
.fcard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-2)}
.fcard-ico{flex:0 0 auto;width:var(--s-8);height:var(--s-9);border-radius:var(--r-pill);display:grid;place-items:center;font:var(--cs-weight-strong) var(--type-micro)/1 var(--disp);color:var(--cs-on-accent);background:var(--ink4);border:var(--cs-edge-w) solid var(--glass-edge)}
.fcard-ico sf-icon{font-size:var(--ic-md);color:var(--cs-ink-2)}
.fcard:hover{border-color:var(--accent-ring);border-left-color:var(--fn2,var(--accent))}
.fcard-top{display:flex;align-items:flex-start;gap:var(--s-2)}
.fcard-n{flex:1;min-width:0;font:var(--cs-weight-strong) var(--type-body)/1.3 var(--disp);color:var(--cs-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fcard-chip{font:var(--t-micro);font-variant-numeric:tabular-nums;flex:0 0 auto}
.fcard-sub{font:var(--t-micro);color:var(--cs-ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fcard-foot{display:flex;align-items:center;gap:var(--s-3)}
.fcard-age{display:inline-flex;align-items:center;gap:var(--s-1);font:var(--t-micro);font-variant-numeric:tabular-nums}
.fcard-age sf-icon{font-size:var(--ic-sm)}
.fcard-next{flex:1;min-width:0;text-align:right;font:var(--t-micro);color:var(--cs-ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ern-wrap{display:grid;grid-template-columns:minmax(0px,1fr) var(--cs-shelf);gap:var(--s-6);margin-bottom:var(--s-6);align-items:start}
.ern-wrap>.cs-card{display:block;min-width:0}
@media (max-width:900px){
  .ern-wrap{grid-template-columns:minmax(0px,1fr)}
}
.ern-top{font:var(--t-micro);color:var(--cs-ink-3);font-variant-numeric:tabular-nums}
.ern-month{display:flex;align-items:center;gap:var(--s-4);width:100%;text-align:left;background:none;border:0;border-bottom:var(--cs-edge-w) solid var(--hair);padding:var(--s-4) var(--s-6);cursor:pointer;color:inherit;font:inherit}
.ern-month:hover{background:var(--field-hover)}
.ern-rate{display:grid;grid-template-columns:auto 1fr 1fr;gap:var(--s-1) var(--s-4);padding:var(--s-4) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair);font:var(--cs-weight) var(--type-head)/1.4 var(--font);color:var(--cs-ink-2);font-variant-numeric:tabular-nums}
.ern-rh{font:var(--t-micro);color:var(--cs-ink-4)}
.ern-rt{font-weight:var(--cs-weight-strong);color:var(--cs-ink)}
.ern-rule{padding:var(--s-3) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair);font:var(--cs-weight) var(--type-head)/1.5 var(--font);color:var(--cs-ink-2)}
.ern-rule b{color:var(--cs-ink);font-weight:var(--cs-weight-strong)}
.cr-row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair)}
.cr-row:last-child{border-bottom:0}
.cr-row:hover{background:var(--field-hover)}
.cr-n{display:block;font:var(--cs-weight-strong) var(--type-head)/1.25 var(--disp);color:var(--cs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-s{display:block;font:var(--t-micro);color:var(--cs-ink-4);margin-top:var(--s-0)}
.fg-scrim{position:fixed;inset:0;z-index:90;background:var(--lv-c-109);display:grid;place-items:center;padding:var(--s-8)}
.fg-win{width:min(calc(260 * var(--s-1)),96vw);max-height:88vh;overflow:auto;border-radius:var(--r-panel);background:var(--surface);border:var(--cs-edge-w) solid var(--hair);box-shadow:var(--shadow-pop)}
.fg-head{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair);background:var(--field)}
.fg-grid{display:grid;grid-template-columns:calc(83 * var(--s-1)) minmax(0px,1fr)}
.fg-col{padding:var(--s-6) var(--s-6);display:flex;flex-direction:column;gap:var(--s-3);min-width:0}
.fg-col+.fg-col{border-left:var(--cs-edge-w) solid var(--hair)}
.fg-step{display:flex;align-items:center;gap:var(--s-3);font:var(--t-eyebrow);letter-spacing:.09em;text-transform:uppercase;color:var(--cs-ink-4)}
.fg-opt{display:flex;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-4) var(--s-5);border-radius:var(--r-item);border:var(--cs-edge-w) solid var(--hair);background:var(--field);text-align:left;color:var(--cs-ink-2);font:var(--t-label)}
.fg-opt:hover{border-color:var(--hair-strong)}
.fg-opt.is-on{border-color:var(--warn-ring);background:var(--lv-c-110);color:var(--cs-ink)}
.fg-mark{width:var(--cs-avatar-sm);height:var(--cs-avatar-sm);border-radius:var(--r-pill);border:var(--cs-wire) solid var(--hair-strong);flex:0 0 auto;display:grid;place-items:center}
.fg-mark.is-sq{border-radius:var(--r-xs)}
.fg-mark.is-on{border-color:var(--accent);background:var(--accent)}
.fg-mark.is-on::after{content:"";width:var(--s-2);height:var(--s-2);border-radius:var(--r-pill);background:var(--on-accent-fill)}
.fg-tag{font:var(--t-micro);color:var(--cs-ink-4)}
.fg-tag.is-urgent{color:var(--cs-bad)}
.fg-draft{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5) var(--s-6);border-radius:var(--r-card);border:var(--cs-edge-w) solid var(--hair);background:var(--field);text-align:left;width:100%}
.fg-draft.is-on{border-color:var(--accent-ring);background:var(--accent-soft)}
.fg-dtext{font:var(--cs-weight) var(--type-head)/1.55 var(--font);color:var(--cs-ink)}
.fg-foot{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);border-top:var(--cs-edge-w) solid var(--hair)}
.fn-tile{transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast),opacity var(--dur-fast)}
.fn-tile[draggable="true"]{cursor:grab}
.fn-tile.dragging{opacity:.4;transform:scale(.96)}
.fn-canvas{position:relative;flex:1;min-height:0;overflow:auto;padding:var(--s-3);background:transparent}
.fn-canvas.is-over{box-shadow:inset 0 0 0 var(--s-0) var(--accent-ring);background-color:var(--accent-soft)}
.fn-canvas .fn-tile{width:calc(26 * var(--s-1));cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;background:transparent}
.fn-canvas .fn-tile:hover{background:var(--field)}
.fn-canvas .fn-tile.moving{cursor:grabbing;transform:scale(1.04);box-shadow:var(--e3);background:var(--field)}
.fn-canvas .fn-ico{background-size:cover;background-position:center}
.fn-loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--lv-c-111)}
.fn-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s-3);color:var(--cs-ink-4);text-align:center;pointer-events:none;max-width:calc(73 * var(--s-1))}
.fn-statusbar{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-5);height:var(--cs-pv-pill-h);padding:0 var(--s-6);border-top:var(--cs-edge-w) solid var(--hair);background:var(--panel)}
.fn-storage{display:flex;align-items:center;gap:var(--s-4);min-width:0}
.fn-storage-bar{width:var(--cs-chat-banner);height:var(--s-2);border-radius:var(--r-pill);background:var(--field-hover);overflow:hidden;flex:0 0 auto}
.fn-storage-bar i{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(calc(var(--p,0px)/100));background:linear-gradient(90deg,var(--accent),var(--purple));transition:transform var(--dur-slower) var(--ease)}
html.cslight .dc-people,html.cslight .dc-side{background:var(--on-accent-fill) !important}
html.cslight .dc-composer,html.cslight .cs-field{background:var(--light-1)}
html.cslight .cs-card,html.cslight .fn-tile.sel{background:var(--on-accent-fill)}
.pv-scrim{position:fixed;inset:0;z-index:150;background:var(--lv-c-112);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);display:flex;animation:csRise .2s var(--ease) both}
.pv-win{margin:auto;width:min(var(--cs-column),96vw);height:min(calc(190 * var(--s-1)),94vh);display:flex;flex-direction:column;border-radius:var(--r-panel);overflow:hidden;background:var(--surface);border:var(--cs-edge-w) solid var(--hair);box-shadow:var(--shadow-pop)}
.dc-servers{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-4) 0;border-right:var(--cs-edge-w) solid var(--hair);background:var(--panel);overflow-y:auto}
.dc-srv{width:var(--cs-row);height:var(--cs-row);position:relative;padding:0;display:grid;place-items:center;border-radius:var(--r-item);flex:0 0 auto;
  background:var(--accent-glass);border:var(--cs-edge-w) solid var(--glass-hair);color:var(--cs-ink);cursor:pointer;
  -webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);
  box-shadow:0 var(--cs-edge-w) 0 0 var(--glass-edge) inset}
.dc-srv:hover{background:var(--accent-glass-on);border-color:var(--glass-edge)}
.dc-srv.on{background:var(--accent-fill);color:var(--cs-on-accent);border-color:var(--accent-fill-top);
  box-shadow:var(--glow-sm)}
.dc-srv.on::before{content:"";position:absolute;left:calc(-1 * var(--s-3));top:50%;transform:translateY(-50%);width:var(--s-1);height:var(--s-8);border-radius:0 var(--s-0) var(--s-0) 0;background:var(--accent)}
.dc-srv.is-add{background:var(--glass-bg);color:var(--cs-ink);border-color:var(--glass-hair)}
.dc-srv.is-add:hover{background:var(--accent-glass-on);border-color:var(--glass-edge);color:var(--cs-ink)}
.dc-person .cs-avatar-ini{width:var(--s-9) !important;height:var(--s-9) !important;font-size:var(--fs-sm) !important}
.dc-addch{margin-left:auto}
.dc-addch:hover{}
.dc-plist .dc-ch{width:100%;justify-content:flex-start;text-align:left}
.dc-plist .dc-ch sf-icon{flex:0 0 auto;width:var(--s-5);display:inline-flex;justify-content:center}
.dc-plist .dc-ch{height:var(--cs-row);gap:var(--s-2);padding:0 var(--s-3) 0 var(--s-3);border-radius:var(--r-xs);font:var(--cs-weight-strong) var(--type-title)/1 var(--font);color:var(--cs-ink-4);min-width:0}
.dc-plist .dc-ch:hover{color:var(--cs-ink-2)}
.dc-plist .dc-ch.on{background:var(--field-hover);color:var(--cs-ink)}
.dc-hash{position:relative;flex:0 0 var(--s-7);width:var(--cs-pill);height:var(--cs-pill);display:grid;place-items:center;opacity:.72}
.dc-plist .dc-hash>sf-icon{width:auto;font-size:var(--type-title);color:var(--cs-ink-4);font-weight:var(--cs-weight)}
.dc-plist .dc-ch.on .dc-hash,.dc-plist .dc-ch:hover .dc-hash{opacity:1}
.dc-plist .dc-ch.on .dc-hash>sf-icon{color:var(--cs-ink-2)}
.dc-chname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-plist .dc-ch.on .dc-chname,.dc-plist .dc-ch:has(.u) .dc-chname{font-weight:var(--cs-weight-strong)}
.dc-tool{position:relative;width:var(--cs-row);height:var(--cs-row);border-radius:var(--r-ctl);display:grid;place-items:center;color:var(--cs-ink-3);cursor:pointer}
.dc-tool.is-emoji{font-size:var(--type-title);line-height:1}
.dc-tool:hover{background:var(--field);color:var(--cs-ink)}
.dc-tool.is-danger:hover{color:var(--cs-bad)}
.dc-tool sf-icon{font-size:var(--ic-md)}
.dc-vnote-player{display:block;width:min(calc(90 * var(--s-1)),100%);max-height:var(--cs-node-w);border-radius:var(--r-item);background:var(--lv-c-105);border:var(--cs-edge-w) solid var(--hair)}
.dc-edit{margin-top:var(--s-2);display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-item);background:var(--field);border:var(--cs-edge-w) solid var(--accent)}
.dc-edit-input{min-height:calc(11 * var(--s-1));max-height:calc(33 * var(--s-1));resize:vertical;border:0;outline:0;background:transparent;color:var(--cs-ink);font:var(--t-body);line-height:var(--s-8)}
.dc-edit-foot{display:flex;align-items:center;gap:var(--s-3);font:var(--t-micro);color:var(--cs-ink-4)}
.dc-edit-btn{height:var(--cs-rail-row);padding:0 var(--s-5);border-radius:var(--r-ctl);border:var(--cs-edge-w) solid var(--hair);background:var(--surface);color:var(--cs-ink-2);font:var(--cs-weight-strong) var(--type-head)/1 var(--disp);cursor:pointer}
.dc-edit-btn.is-primary{background:var(--accent);border-color:var(--accent);color:var(--cs-on-accent)}
.dc-edit-btn.is-danger{background:var(--bad);border-color:var(--bad);color:var(--cs-on-accent)}
.dc-confirm{margin-top:var(--s-2);display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-item);background:color-mix(in srgb,var(--bad) 10%,transparent);border:var(--cs-edge-w) solid color-mix(in srgb,var(--bad) 45%,transparent);font:var(--t-label);color:var(--cs-ink)}
.dc-day{display:flex;align-items:center;gap:var(--s-4);margin:var(--s-6) 0 var(--s-2);font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);color:var(--cs-ink-3);letter-spacing:.02em}
.dc-day::before,.dc-day::after{content:"";flex:1;height:var(--s-0);background:var(--hair)}
.dc-day span{flex:0 0 auto}
.dc-atts{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-3);align-items:flex-start}
.dc-att-img{width:calc(65 * var(--s-1));height:calc(45 * var(--s-1));max-width:100%;border-radius:var(--r-item);border:var(--cs-edge-w) solid var(--hair);background:var(--field)}
.dc-att-file{display:flex;align-items:center;gap:var(--s-4);width:calc(70 * var(--s-1));max-width:100%;padding:var(--s-4) var(--s-5);border-radius:var(--r-item);background:var(--field);border:var(--cs-edge-w) solid var(--hair)}
.dc-att-file:hover{border-color:var(--hair-strong)}
.dc-att-ico{width:var(--s-10);height:var(--s-10);border-radius:var(--r-ctl);background:var(--surface);border:var(--cs-edge-w) solid var(--hair);display:grid;place-items:center;flex:0 0 auto;color:var(--cs-ink-3)}
.dc-att-ico sf-icon{font-size:var(--ic-lg)}
.dc-att-name{display:block;font:var(--cs-weight-strong) var(--type-body)/1.2 var(--disp);color:var(--cs-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-att-sub{font:var(--t-micro);color:var(--cs-ink-4)}
.dc-att-audio{display:flex;align-items:center;gap:var(--s-4);width:calc(70 * var(--s-1));padding:var(--s-4) var(--s-5);border-radius:var(--r-item);background:var(--field);border:var(--cs-edge-w) solid var(--hair)}
.dc-composer-wrap{position:relative;margin-top:auto}
.dc-search{display:flex;align-items:center;gap:var(--s-1);height:var(--cs-field-h);padding:0 var(--s-3);border:var(--cs-edge-w) solid var(--hair2);border-radius:var(--r-pill);background:var(--field);max-width:var(--cs-rail)}
.dc-search sf-icon{font-size:var(--ic-sm);color:var(--cs-ink-4)}
.dc-search input{flex:1;min-width:0;width:100%;outline:0;font:var(--t-body-sm);color:var(--cs-ink)}
.dc-searchx{border:0;background:none;color:var(--cs-ink-4);cursor:pointer;padding:0;display:flex}
.dc-searchx:hover{color:var(--cs-ink)}
.dc-filterbar{display:flex;align-items:center;gap:var(--s-3);margin:0 var(--s-7);padding:var(--s-2) var(--s-5);border-radius:var(--r-item);background:var(--field);font:var(--t-body-sm);color:var(--cs-ink-3)}
.dc-filterbar>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-filterbar sf-icon{color:var(--cs-ink-4);font-size:var(--ic-sm)}
@media (max-width:560px){
  .dc-search{max-width:var(--cs-chat-banner)}
}
.dc-csheet{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;background:var(--panel)}
.dc-cs-h{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair)}
.dc-cs-h b{font:var(--cs-weight-strong) var(--type-title)/1 var(--disp);color:var(--cs-ink)}
.dc-cs-h>span{flex:1;font:var(--t-micro);color:var(--cs-ink-4)}
.dc-cs-h sf-icon{color:var(--cs-ink-3)}
.dc-cs-body{flex:1;overflow:auto;padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-5)}
.dc-cs-f{display:flex;flex-direction:column;gap:var(--s-1)}
.dc-cs-f span{font:var(--t-eyebrow);font-size:var(--type-control);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-ink-4)}
.dc-cs-f input{padding:0 var(--s-4);font:var(--t-body);color:var(--cs-ink);outline:none}
.dc-cs-sec{display:flex;align-items:baseline;gap:var(--s-3);margin-top:var(--s-3);font:var(--t-eyebrow);font-size:var(--type-control);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-ink-4)}
.dc-cs-sec i{font-style:normal;text-transform:none;letter-spacing:0;font:var(--t-micro);color:var(--cs-ink-3)}
.dc-cs-roles{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.dc-cs-chip{height:var(--cs-rail-row);padding:0 var(--s-4);border-radius:var(--r-pill);border:var(--cs-edge-w) solid var(--hair2);background:var(--field);color:var(--cs-ink-3);font:var(--t-body-sm);cursor:pointer}
.dc-cs-chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--cs-on-accent)}
.dc-cs-people{display:flex;flex-direction:column;gap:var(--s-0)}
.dc-cs-person{display:flex;align-items:center;gap:var(--s-3);height:var(--cs-pv-pill-h);padding:0 var(--s-3);border:0;border-radius:var(--r-ctl);background:none;cursor:pointer;text-align:left}
.dc-cs-person:hover{background:var(--field)}
.dc-cs-person .cs-avatar-ini{width:var(--s-8);height:var(--s-9);font-size:var(--type-micro)}
.dc-cs-pn{flex:1;min-width:0;font:var(--t-body);color:var(--cs-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-cs-pr{font:var(--t-micro);color:var(--cs-ink-4)}
.dc-cs-person.is-on{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.dc-cs-person sf-icon{color:var(--cs-accent);font-size:var(--ic-sm)}
.ac-photobtns{display:flex;gap:var(--s-2);margin-top:var(--s-3)}
.dc-replybar{display:flex;align-items:center;gap:var(--s-3);margin:0 var(--s-7) var(--s-2);padding:var(--s-2) var(--s-5);border-radius:var(--r-item) var(--r-item) 0 0;background:var(--field);border:var(--cs-edge-w) solid var(--hair2);border-bottom:0;font:var(--t-body-sm);color:var(--cs-ink-3)}
.dc-replybar>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-replybar b{color:var(--cs-ink)}
.dc-replybar sf-icon{color:var(--cs-accent);font-size:var(--ic-sm)}
.dc-filebtn{position:relative;overflow:hidden;cursor:pointer}
.dc-filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.dc-pop{position:absolute;left:var(--s-7);bottom:calc(100% + var(--s-2));z-index:20;background:var(--surface);border:var(--cs-edge-w) solid var(--hair);border-radius:var(--r-card);box-shadow:var(--e3);padding:var(--s-4)}
.dc-emoji{width:var(--cs-shelf)}
.dc-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--s-0)}
.dc-emoji-btn{height:var(--s-10);border-radius:var(--r-ctl);font-size:var(--type-title);line-height:1;display:grid;place-items:center}
.dc-emoji-btn:hover{background:var(--field)}
.dc-gifbtn{font:var(--cs-weight-strong) var(--type-control)/1 var(--font);letter-spacing:.04em;color:var(--cs-ink-3);border:var(--cs-edge-w) solid var(--hair2);border-radius:var(--r-xs);width:auto!important;padding:0 var(--s-1);height:var(--s-8)}
.dc-gifbtn:hover{color:var(--cs-ink);border-color:var(--ink4)}
.dc-gif{padding:0;border:0;border-radius:var(--r-ctl);overflow:hidden;background:var(--field);cursor:pointer;aspect-ratio:1/1}
.dc-gif img{width:100%;height:100%;object-fit:cover;display:block}
.dc-gif:hover{outline:var(--s-0) solid var(--accent)}
.dc-att-gifimg{display:block;border-radius:var(--r-item);background:var(--field);object-fit:cover;max-width:100%}
.dc-gifcredit{margin-top:var(--s-3);text-align:right;font:var(--cs-weight-strong) var(--type-control)/1 var(--font);letter-spacing:.04em;color:var(--cs-ink-4)}
.dc-gifnote{padding:var(--s-3) var(--s-4);margin-bottom:var(--s-3);border-radius:var(--r-ctl);background:var(--field);font:var(--t-body-sm);color:var(--cs-ink-3)}
.dc-gifnote.is-bad{color:var(--cs-bad)}
.dc-gifpop{width:calc(90 * var(--s-1))}
.dc-gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);max-height:calc(70 * var(--s-1));overflow:auto}
.dc-member{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-1);border-bottom:var(--cs-edge-w) solid var(--hair)}
.dc-member .dc-prole{flex:0 0 auto}
.dc-sidetabs{display:flex;align-items:center;gap:var(--s-2);padding-bottom:var(--s-3)}
.dc-sidetab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-1);height:var(--cs-row);border-radius:var(--r-item);border:var(--cs-edge-w) solid var(--hair);background:var(--field);color:var(--cs-ink-3);font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);cursor:pointer}
.dc-sidetab sf-icon{font-size:var(--ic-sm)}
.dc-sidetab.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--cs-accent)}
.dc-tagbar{display:flex;padding:0 var(--s-7) var(--s-3)}
.dc-tagchip{display:inline-flex;align-items:center;gap:var(--s-1);height:var(--s-9);padding:0 var(--s-1) 0 var(--s-3);border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 14%,transparent);border:var(--cs-edge-w) solid color-mix(in srgb,var(--accent) 38%,transparent);color:var(--cs-accent);font:var(--cs-weight-strong) var(--type-body)/1 var(--disp)}
.dc-tagchip sf-icon{font-size:var(--type-control)}
.dc-tagchip button{width:var(--cs-pill);height:var(--cs-pill);border:0;border-radius:50%;background:transparent;color:var(--cs-accent);cursor:pointer;font:var(--cs-weight-strong) var(--type-title)/1 var(--disp)}
.dc-tagchip button:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}
.dc-tagchip.is-int{background:color-mix(in srgb,var(--warn) 14%,transparent);border-color:color-mix(in srgb,var(--warn) 34%,transparent);color:var(--cs-warn)}
.dc-intbtn.is-on{color:var(--cs-warn)}
.dc-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:var(--lv-c-113);backdrop-filter:var(--glass-blur-sm)}
.dc-set-title{display:flex;align-items:center;gap:var(--s-4);font:var(--cs-weight-strong) var(--type-title)/1 var(--disp);color:var(--cs-ink)}
.dc-set-input{padding:0 var(--s-5);color:var(--cs-ink);font:var(--t-body);outline:0}
.dc-role-dot{width:var(--s-4);height:var(--s-4);border-radius:50%;flex:0 0 auto}
.dc-mini{width:var(--s-9);height:var(--s-9);border-radius:var(--r-xs);display:grid;place-items:center;color:var(--cs-ink-4);background:transparent;flex:0 0 auto}
.dc-mini:hover{background:var(--field-hover);color:var(--cs-ink-2)}
.dc-mini.danger:hover{color:var(--cs-bad)}

.dc-toggle{--tg-w:calc(10 * var(--s-1));--tg-h:var(--s-8);--tg-i:var(--s-0);box-sizing:border-box;width:var(--tg-w);min-width:var(--tg-w);height:var(--tg-h);padding:0;border-radius:calc(var(--tg-h) / 2);background:var(--field-hover);border:var(--cs-edge-w) solid var(--hair);position:relative;flex:0 0 auto;cursor:pointer}
.dc-toggle::after{content:"";position:absolute;top:50%;left:var(--tg-i);width:calc(var(--tg-h) - 2 * var(--tg-i) - 2 * var(--cs-edge-w));height:calc(var(--tg-h) - 2 * var(--tg-i) - 2 * var(--cs-edge-w));border-radius:50%;background:var(--ink4);transform:translate(0,-50%);transition:transform var(--dur),background var(--dur)}
.dc-toggle.on{background:var(--accent-fill);border-color:var(--accent-fill)}
.dc-toggle.on::after{transform:translate(calc(var(--tg-w) - var(--tg-h)),-50%);background:var(--on-accent-fill)}
.dc-invite{width:min(calc(110 * var(--s-1)),92vw);background:var(--surface);border:var(--cs-edge-w) solid var(--hair);border-radius:var(--r-panel);padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-6);box-shadow:var(--e4)}
.dc-seg{display:flex;gap:var(--s-2);flex-wrap:wrap}
.dc-seg-btn{display:inline-flex;align-items:center;gap:var(--s-3);height:var(--s-10);padding:0 var(--s-5);border-radius:var(--r-ctl);background:var(--field);border:var(--cs-edge-w) solid var(--hair);color:var(--cs-ink-2);font:var(--t-control)}
.dc-seg-btn:hover{background:var(--field-hover)}
.dc-seg-btn.on{background:var(--accent-soft);color:var(--cs-ink);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
.rq2-scrim{position:fixed;inset:0;z-index:130;background:var(--lv-c-114);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);animation:rq2Fade .28s ease both}
.rq2-scrim.is-closing{animation:rq2FadeOut .28s ease both}
.rq2-shelf{position:fixed;top:var(--cs-icon);right:var(--cs-icon);bottom:var(--cs-icon);z-index:131;max-width:calc(100% - var(--s-9));display:flex;flex-direction:row;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:var(--cs-edge-w) solid var(--hair2);box-shadow:var(--e4);contain:layout;animation:rq2In .42s var(--ease) both;will-change:transform}
.rq2-shelf.is-closing{animation:rq2Out .3s cubic-bezier(.4,0,1,1) both}
.rq2-head{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-5);height:var(--cs-node-h);padding:0 var(--s-7);border-bottom:var(--cs-edge-w) solid var(--hair)}
.rq2-scroll{flex:1;min-height:0;overflow:auto;padding:var(--s-7) var(--s-7) var(--s-2);display:flex;flex-direction:column;gap:var(--s-6)}
.rq2-foot{flex:0 0 auto;padding:var(--s-5) var(--s-7);border-top:var(--cs-edge-w) solid var(--hair)}
.rq2-step{flex:0 0 auto;border-radius:var(--r-panel);border:var(--cs-edge-w) solid var(--hair2);background:var(--field);overflow:hidden;transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease,transform var(--dur) var(--ease)}
.rq2-step-h{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-6) 0}
.rq2-input{width:100%;padding:0 var(--s-5);font:var(--cs-weight-strong) var(--type-head)/1 var(--disp);color:var(--cs-ink);outline:0}
.rq2-drop{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;border:var(--cs-wire) dashed var(--hair2);background:var(--lv-c-116);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3)}
.rq2-drop:hover{border-color:var(--accent-ring);background:var(--accent-soft)}
.rq2-drop-ico{width:var(--cs-card-head-h);height:var(--cs-card-head-h);border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--cs-accent)}
.rq2-linkbox{display:flex;gap:var(--s-3);margin-top:var(--s-4)}
.rq2-linkbox .rq2-input{flex:1;min-width:0;font-weight:var(--cs-weight-strong)}
.rq2-firstbp{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-6);border-radius:var(--r-card);background:linear-gradient(180deg,var(--accent-soft),var(--lv-c-117));border:var(--cs-edge-w) solid var(--accent-ring)}
.rq2-firstbp-t{font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp);color:var(--cs-ink)}
.rq2-firstbp-p{margin:0;font:var(--cs-weight-strong) var(--type-head)/1.5 var(--font);color:var(--cs-ink-2)}
.rq2-firstbp-cta{align-self:flex-start;margin-top:var(--s-2)}
.rq2-firstbp-skip{font:var(--t-micro);color:var(--cs-ink-4)}
.rq2-kinds{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.rq2-kind{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);border-radius:var(--r-card);background:var(--lv-c-115);border:var(--cs-edge-w) solid var(--hair2);text-align:left;color:var(--cs-ink-2)}
.rq2-kind:hover{border-color:var(--accent-ring)}
.rq2-kind.on{background:var(--accent-soft);border-color:var(--accent);color:var(--cs-ink)}
.rq2-kind img{width:calc(16 * var(--s-1));height:calc(12 * var(--s-1));flex:0 0 auto;display:block}
.rq2-kind b{display:block;font:var(--cs-weight-strong) var(--type-head)/1.2 var(--disp);color:var(--cs-ink)}
.rq2-kind i{display:block;margin-top:var(--s-0);font:var(--t-micro);font-style:normal;color:var(--cs-ink-4)}
.rq2-select{cursor:pointer;font-weight:var(--cs-weight-strong);padding-right:calc(9 * var(--s-1));background-position:calc(100% - var(--s-7)) 50%,calc(100% - var(--s-5)) 50%;background-size:var(--s-1) var(--s-1),var(--s-1) var(--s-1);background-repeat:no-repeat}
.rq2-select option{background:var(--cs-surface);color:var(--cs-ink)}
@media (max-width:760px){
  .rq2-shelf.is-lib>div{display:none!important}
  .rq2-shelf.is-lib>.rq2-lib{flex:1 1 auto;min-width:0;border-right:0}
  .rq2-kind{flex-direction:column;align-items:flex-start;gap:var(--s-3)}
}
.pv2{display:flex;flex-direction:column;min-height:0;animation:mdPop .32s var(--ease) both}
.pv-framewin{width:min(calc(390 * var(--s-1)),94vw);height:min(calc(240 * var(--s-1)),92vh);position:relative;padding:0;background:var(--lv-c-119)}
.pv-frame{flex:1;width:100%;height:100%;min-height:0;border:0;display:block;background:var(--lv-c-119)}
.pv-framewin{display:flex !important;flex-direction:column}
.pv2-div{width:var(--s-0);height:var(--s-7);background:var(--hair)}
.pv2-nofiles{padding:var(--s-6);border-radius:var(--r-item);border:var(--cs-edge-w) dashed var(--hair-strong);font:var(--cs-weight-strong) var(--type-body)/1.5 var(--font);color:var(--cs-ink-4);text-align:center}
.rq2-clipcard{border-radius:var(--r-card);overflow:hidden;background:var(--field);border:var(--cs-edge-w) solid var(--hair2);animation:msgIn .3s var(--ease) both}
.rq2-dot{width:var(--s-3);height:var(--s-3);border-radius:50%;background:var(--accent);animation:dcPulse 1s ease infinite}
.rq2-clip-body{padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}
.rq2-bx-head{display:flex;align-items:center;gap:var(--s-3)}
.rq2-bx-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1);font:var(--cs-weight) var(--cs-text-xs)/1.3 var(--cs-font);color:var(--cs-ink-3)}
.rq2-bx-title b{font:var(--cs-weight-strong) var(--cs-text-md)/1.2 var(--disp);color:var(--cs-ink)}
.rq2-bx-title button{all:unset;cursor:pointer;color:var(--cs-accent);font-weight:var(--cs-weight-strong)}
.rq2-bx-title i{font-style:normal;color:var(--cs-ink-2);font-weight:var(--cs-weight-strong)}
.rq2-bx-list{display:flex;flex-direction:column;gap:var(--s-1);max-height:calc(8 * var(--cs-row));overflow:auto;border-radius:var(--r-item);background:var(--cs-surface);border:var(--cs-edge-w) solid var(--hair2);padding:var(--s-1)}
.rq2-bx-row{display:flex;align-items:center;gap:var(--s-2);min-height:var(--cs-row);padding:0 var(--s-2);border-radius:var(--r-ctl)}
.rq2-bx-row.is-on{background:var(--accent-soft)}
.rq2-bx-name{all:unset;flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-2);font:var(--cs-weight-strong) var(--cs-text-sm)/1.3 var(--cs-font);color:var(--cs-ink)}
button.rq2-bx-name{cursor:pointer;min-height:var(--cs-row)}
.rq2-bx-name span{flex:1;min-width:0;overflow-wrap:anywhere}
.rq2-bx-name small,.rq2-bx-note{font:var(--cs-weight) var(--cs-text-xs)/1.3 var(--cs-font);color:var(--cs-ink-3)}
.rq2-bx-note{padding:var(--s-3)}
.rq2-bx-acts{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.rq2-clip-ico{width:var(--cs-field-h);height:var(--cs-field-h);border-radius:var(--r-ctl);flex:0 0 auto;display:grid;place-items:center;background:var(--accent-soft);color:var(--cs-accent)}
.rq2-len{height:calc(9 * var(--s-1));border-radius:var(--r-ctl);font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);background:var(--lv-c-115);color:var(--cs-ink-3);border:var(--cs-edge-w) solid var(--hair2)}
.rq2-len.on{background:var(--accent-fill);color:var(--cs-on-accent);border-color:var(--accent-fill)}
.rq2-lib{flex:0 0 var(--cs-project-card);display:flex;flex-direction:column;border-right:var(--cs-edge-w) solid var(--hair);background:var(--panel)}
.rq2-lib.is-building{flex:1 1 auto;min-width:0}
.rq2-lib-head{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-4);padding:var(--s-6) var(--s-7);border-bottom:var(--cs-edge-w) solid var(--hair)}
.rq2-lib-body{flex:1;min-height:0;overflow:auto;padding:var(--s-6) var(--s-7);display:flex;flex-direction:column;gap:var(--s-6)}
.rq2-build-cta{display:flex;align-items:center;gap:var(--s-5);width:100%;padding:var(--s-6) var(--s-6);border-radius:var(--r-card);background:linear-gradient(180deg,var(--lv-c-120),var(--lv-c-121));border:var(--cs-edge-w) solid var(--lv-c-122);text-align:left}
.rq2-build-ico{width:calc(9 * var(--s-1));height:calc(9 * var(--s-1));border-radius:var(--r-item);display:grid;place-items:center;background:var(--lv-c-123);color:var(--cs-purple);flex:0 0 auto}
.rq2-your{display:flex;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-4) var(--s-4);border-radius:var(--r-item);background:var(--field);border:var(--cs-edge-w) solid var(--hair2)}
.rq2-your:hover{border-color:var(--accent-ring)}
.rq2-drop-link{display:inline-flex;align-items:center;gap:var(--s-1);margin-top:var(--s-1);padding:var(--s-0) var(--s-3);border-radius:var(--r-pill);background:var(--field);border:var(--cs-edge-w) solid var(--hair);font:var(--t-micro);color:var(--cs-ink-3)}
.rq2-tiers{display:grid;grid-auto-rows:1fr;gap:var(--s-2)}
.rq2-tier{--tc:var(--accent);align-items:flex-start;padding:var(--s-4) var(--s-5);min-height:0;height:100%}
.rq2-tier:hover{border-color:color-mix(in srgb,var(--tc) 45%,transparent)}
.rq2-tier.is-on{border-color:var(--tc);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--tc);background:color-mix(in srgb,var(--tc) 9%,var(--field))}
.rq2-tier-body{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;text-align:left}
.rq2-tier-name{display:block;font:var(--cs-weight-strong) var(--type-head)/1.25 var(--disp);color:var(--tc)}
.rq2-tier-list{display:grid;grid-template-columns:repeat(2,minmax(0px,1fr));gap:var(--s-1) var(--s-6);margin-top:var(--s-3)}
.rq2-tier-item{position:relative;padding-left:var(--s-6);font:var(--t-micro);line-height:1.35;color:var(--cs-ink-2);white-space:normal}
.rq2-tier-item::before{content:'';position:absolute;left:0;top:.2em;width:.95em;height:.95em;background:var(--tc);-webkit-mask:url(/assets/sf-symbols/checkmark.svg) center/contain no-repeat;mask:url(/assets/sf-symbols/checkmark.svg) center/contain no-repeat}
@media (max-width:520px){
  .rq2-tier-list{grid-template-columns:1fr}
}
.rq2-eta2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-bottom:var(--s-4)}
.rq2-eta-box{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-card);background:var(--field);border:var(--cs-edge-w) solid var(--hair)}
.rq2-eta-box sf-icon{font-size:var(--type-title);color:var(--cs-accent);flex:none}
.rq2-eta-box span{display:flex;flex-direction:column;gap:var(--s-0);min-width:0}
.rq2-eta-box b{font:var(--cs-weight-strong) var(--type-title)/1.1 var(--disp);color:var(--cs-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.rq2-eta-box i{font:var(--cs-weight-strong) var(--type-control)/1.1 var(--font);font-style:normal;color:var(--cs-ink-4)}
.rq2-eta-box.is-date{background:color-mix(in srgb,var(--accent) 8%,var(--field));border-color:color-mix(in srgb,var(--accent) 28%,var(--hair))}
.rq2-choice.rq2-tier{padding:var(--s-6);min-height:0}
.rq2-slots{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-7);border-bottom:var(--cs-edge-w) solid var(--hair);font:var(--cs-weight-strong) var(--type-head)/1 var(--font);color:var(--cs-ink-2)}
.rq2-slots-l{font:var(--cs-weight-strong) var(--type-control)/1 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--cs-ink-4)}
.rq2-slots-bars{display:flex;gap:var(--s-1)}
.rq2-slots-bars i{display:block;width:var(--cs-field-h);height:var(--s-2);border-radius:var(--r-pill);background:var(--field-hover);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--hair)}
.rq2-slots-bars i.on{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,var(--lv-c-124)));box-shadow:0 0 var(--s-3) calc(-1 * var(--s-0)) var(--accent)}
.rq2-slots.is-full .rq2-slots-bars i.on{background:linear-gradient(90deg,var(--warn),color-mix(in srgb,var(--warn) 70%,var(--lv-c-125)));box-shadow:0 0 var(--s-3) calc(-1 * var(--s-0)) var(--warn)}
.rq2-slots-n{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--cs-ink-3)}
.rq2-step-tier>div{container-type:inline-size}
.rq2-tiers{grid-auto-rows:auto;gap:var(--s-4)}
@container (min-width:600px){
  .rq2-tiers{grid-template-columns:repeat(3,minmax(0px,1fr));grid-auto-rows:1fr}
}
.rq2-tier{position:relative;padding:var(--s-6) var(--s-6) var(--s-6);border-radius:var(--r-card);height:auto!important;min-height:0!important;overflow:visible;transition:border-color .15s,box-shadow .2s,transform .15s}
.rq2-tier:hover{transform:translateY(calc(-1 * var(--s-0)))}
.rq2-tier:active{transform:none}
.rq2-tier-body{gap:0}
.rq2-tier-name{order:0;align-self:flex-start;display:inline-flex;align-items:center;height:var(--s-9);padding:0 var(--s-4);border-radius:var(--r-pill);
  font:var(--cs-weight-strong) var(--type-head)/1 var(--disp);letter-spacing:.01em;background:color-mix(in srgb,var(--tc) 14%,transparent)}
.rq2-tier-list{order:3;grid-template-columns:1fr!important;gap:var(--s-2);margin-top:var(--s-5);padding-top:var(--s-4);border-top:var(--cs-edge-w) solid var(--hair)}
.rq2-tier-item{font:var(--cs-weight) var(--type-head)/1.35 var(--font);color:var(--cs-ink-2);padding-left:var(--s-7)}
.rq2-tier-item::before{top:.15em}
.rq2-tier>sf-icon,.rq2-tier>sc-if>sf-icon{position:absolute!important;top:var(--cs-icon);right:var(--cs-icon);margin:0!important;width:var(--s-8);height:var(--s-9);border-radius:50%;display:grid;place-items:center;font-size:var(--type-body);color:var(--cs-on-accent);background:var(--tc);box-shadow:0 var(--s-0) var(--s-3) calc(-1 * var(--s-0)) var(--tc)}
@media (prefers-reduced-motion:reduce){
  .rq2-tier,.rq2-tier:hover{transition:none;transform:none}
}
.rq2-notes-wrap{display:flex;flex-direction:column;gap:var(--s-5);margin-top:var(--s-1);padding-top:var(--s-6);border-top:var(--cs-edge-w) solid var(--hair)}
.rq2-notes-h{display:flex;align-items:center;gap:var(--s-3);font:var(--cs-weight-strong) var(--type-head)/1 var(--disp);color:var(--cs-ink)}
.rq2-sum{display:flex;flex-direction:column;gap:var(--s-0);padding:var(--s-6);border-radius:var(--r-card);background:var(--surface);border:var(--cs-edge-w) solid var(--ok-ring)}
.rq2-sum-h{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);font:var(--cs-weight-strong) var(--type-title)/1.1 var(--disp);color:var(--cs-ink)}
.rq2-sum-row{display:grid;grid-template-columns:calc(24 * var(--s-1)) 1fr;gap:var(--s-5);padding:var(--s-3) 0;border-top:var(--cs-edge-w) solid var(--hair)}
.rq2-sum-k{font:var(--t-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--cs-ink-4);padding-top:var(--s-0)}
.rq2-sum-v{font:var(--cs-weight-strong) var(--type-head)/1.45 var(--font);white-space:pre-line;word-break:break-word}
.rq2-qnote{font:var(--t-micro);color:var(--cs-ink-4)}

.rq2-tiersteps{display:flex;flex-direction:column;gap:var(--s-1);margin-top:var(--s-3);padding-top:var(--s-3);border-top:var(--cs-edge-w) solid var(--hair2)}
.rq2-tierstep{display:flex;justify-content:space-between;gap:var(--s-4);font:var(--cs-weight) var(--cs-text-sm)/1.3 var(--cs-font);color:var(--cs-ink-3)}
.rq2-tierstep b{font-weight:var(--cs-weight-strong);color:var(--cs-ink);text-align:right}
.rq2-choice{display:flex;align-items:center;gap:var(--s-3);min-height:calc(10 * var(--s-1));padding:0 var(--s-5);border-radius:var(--r-item);background:var(--field);border:var(--cs-edge-w) solid var(--hair);color:var(--cs-ink-2);font:var(--cs-weight-strong) var(--type-title)/1.2 var(--font);cursor:pointer;text-align:left}
.rq2-choice:hover{border-color:var(--lv-c-126);color:var(--cs-ink)}
.rq2-choice.is-on{border-color:var(--accent);background:var(--lv-c-127);color:var(--cs-ink)}
.rq2-opt{margin-left:auto;font:var(--cs-weight-strong) var(--type-micro)/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-ink-4);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);border:var(--cs-edge-w) solid var(--hair2)}
.rq2-eyebrow{font:var(--t-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--cs-ink-4);margin-bottom:var(--s-2)}
.rq2-textarea{padding:var(--s-4) var(--s-5);font:var(--cs-weight-strong) var(--type-head)/1.45 var(--font);resize:vertical;display:block}
.rq2-err{margin-top:var(--s-2);font:var(--t-micro);color:var(--cs-bad)}
.rq2-chosen-x{flex:0 0 auto;margin-right:var(--s-5)}
.rq2-corner{position:fixed;right:var(--cs-pill);bottom:var(--cs-pill);z-index:140;width:calc(65 * var(--s-1));border-radius:var(--r-panel);overflow:hidden;background:var(--surface);border:var(--cs-edge-w) solid var(--hair2);box-shadow:var(--e3);animation:rq2Corner .34s var(--ease) both}
.dc-modal{animation:rq2Fade .2s ease both}
.dc-invite{animation:mdPop .3s var(--ease) both;will-change:transform,opacity}
.dc-pop{animation:popUp .18s var(--ease) both;transform-origin:bottom left}
.dc-person,.dc-ch,.cs-iconbtn,.dc-srv,.cs-btn,.cs-pill,.dc-seg-btn,.rq2-len,.dc-toggle,.dc-mini{transition:background var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease,transform var(--dur-fast) var(--ease)}
.dc-person:active,.dc-srv:active,.rq2-len:active,.dc-seg-btn:active{transform:scale(.97)}
.dc-swatches{display:flex;gap:var(--s-1)}
.dc-swatch{width:var(--s-7);height:var(--s-7);border-radius:50%;border:var(--s-0) solid transparent}
.dc-swatch.on{border-color:var(--ink);box-shadow:var(--e1)}
.cs-rail-label{display:flex;align-items:center;gap:var(--s-2)}
.dc-newcat{display:flex;align-items:center;gap:var(--s-4);margin:var(--s-0) var(--s-3);padding:0 var(--s-4);height:var(--rail-row-h);border-radius:var(--r-ctl);background:var(--field);border:var(--cs-edge-w) solid var(--accent-ring);animation:msgIn .18s var(--ease) both}
.dc-newcat sf-icon{font-size:var(--ic-md);color:var(--cs-accent);flex:0 0 auto}
.dc-newcat input{flex:1;min-width:0;outline:0;
  color:var(--cs-ink);font:var(--cs-weight-strong) var(--type-body)/1 var(--disp)}
.dc-newcat input::placeholder{color:var(--cs-ink-4)}
.dc-composer>.cs-iconbtn,.dc-composer>.dc-filebtn{flex:0 0 var(--s-9);min-width:var(--cs-rail-row)}
.dc-composer{flex-wrap:wrap;row-gap:var(--s-2);height:auto;min-height:calc(11 * var(--s-1));padding-top:var(--s-3);padding-bottom:var(--s-3)}
.dc-composer>input{flex:1 1 100%;min-width:0;order:1}
.dc-composer>.cs-iconbtn,.dc-composer>.dc-filebtn{order:2}
.dc-composer>.dc-send{flex:0 0 var(--s-9);order:3;margin-left:auto}
.dc-composer{cursor:text}
.dc-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 var(--s-0) color-mix(in srgb,var(--accent) 28%,transparent)}
.dc-composer>textarea.dc-input{flex:1 1 100%;order:1;min-width:0;min-height:calc(11 * var(--s-1));max-height:calc(33 * var(--s-1));padding:var(--s-5) var(--s-0) var(--s-4);
  resize:none;border:0;background:transparent;outline:0;color:var(--cs-ink);font:var(--t-body);line-height:var(--s-8);overflow-y:hidden;box-sizing:border-box}
.dc-composer>textarea.dc-input::placeholder{color:var(--cs-ink-4)}
.dc-composer>.cs-iconbtn,.dc-composer>.dc-filebtn{flex:0 0 var(--cs-pv-pill-h);min-width:var(--cs-pv-pill-h);width:var(--cs-pv-pill-h);height:var(--cs-pv-pill-h);cursor:pointer}
.dc-composer>.dc-send,.dc-composer .dc-send{flex:0 0 var(--cs-pv-pill-h);width:var(--cs-pv-pill-h);height:var(--cs-pv-pill-h);cursor:pointer}
.dc-composer.is-off textarea{pointer-events:none}
.dc-emoji .dc-emoji-grid{grid-template-columns:repeat(8,1fr)!important}
.cs-bell{position:relative;overflow:visible}
.cs-badge{position:absolute;top:calc(-1 * var(--s-0));right:calc(-1 * var(--s-0));width:var(--s-5);height:var(--s-5);padding:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--bad-strong);color:var(--cs-on-accent);font:var(--cs-weight-strong) var(--type-micro)/1 var(--disp);
  border:var(--cs-wire) solid var(--bar-bg);box-sizing:border-box;pointer-events:none;
  animation:csBadge .3s var(--ease) both}
.cs-badge.is-wide{width:auto;min-width:var(--s-7);padding:0 var(--s-1);border-radius:var(--r-pill)}
.cs-bell.has-unread sf-icon{color:var(--cs-ink)}
.cs-notifs{position:fixed;top:calc(13 * var(--s-1));right:var(--s-6);z-index:119;width:min(calc(93 * var(--s-1)),calc(100vw - var(--cs-rail-row)));
  display:flex;flex-direction:column;max-height:min(70vh,calc(130 * var(--s-1)));border-radius:var(--r-panel);overflow:hidden;
  background:var(--surface);border:var(--cs-edge-w) solid var(--hair2);box-shadow:var(--e4);
  animation:popUp .2s var(--ease) both;transform-origin:top right}
.cs-notifs-head{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair);flex:0 0 auto}
.cs-notifs-list{flex:1;min-height:0;overflow:auto}

.cs-notifs-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:calc(9 * var(--s-1)) var(--s-8)}
.np-list{display:flex;flex-direction:column;gap:var(--s-0)}
.np-row{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);border-radius:var(--r-item);border:var(--cs-edge-w) solid transparent;transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease,transform var(--dur) var(--ease)}
.np-row:hover{background:var(--field);border-color:var(--hair)}
.np-ico{width:var(--cs-row);height:var(--cs-row);border-radius:var(--r-ctl);display:grid;place-items:center;flex:0 0 auto;
  background:var(--accent-soft);color:var(--cs-accent)}
.cbpc[draggable="true"]{cursor:grab}
.cbpc[draggable="true"]:active{cursor:grabbing}
.cbpc:active{cursor:grabbing}
.cbpc.is-dragging{opacity:.42;transform:scale(.97) rotate(-.6deg);cursor:grabbing}
sf-icon[name="chevron.down"],sf-icon[name="chevron.up"],sf-icon[name="chevron.left"],sf-icon[name="chevron.right"],sf-icon[name="chevron.up.chevron.down"],sf-icon[name="arrow.up"],sf-icon[name="arrow.down"],sf-icon[name="arrow.left"],sf-icon[name="arrow.right"]{width:1em}
.cs-toolbar .cs-pill sf-icon{font-size:var(--ic-sm);color:var(--cs-ink-4)}
.cs-toolbar .cs-pill.is-accent sf-icon{color:var(--cs-accent)}
.fl-filter{position:relative;flex:0 0 auto}
.cs-toolbar:has(.fl-menu){position:relative;z-index:60}
.fl-menu{position:absolute;left:0;top:calc(100% + var(--s-2));z-index:40;min-width:calc(43 * var(--s-1));padding:var(--s-2);
  border-radius:var(--r-card);background:var(--surface);border:var(--cs-edge-w) solid var(--hair2);
  box-shadow:var(--e3);animation:popUp .16s var(--ease) both}
.fl-mi{display:flex;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-ctl);
  font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);color:var(--cs-ink-2);text-align:left}
.fl-mi:hover{background:var(--field);color:var(--cs-ink)}
.fl-mi.is-on{background:var(--accent-soft);color:var(--cs-ink);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
.cs-section{display:block}
.dc-emojibtn{font-size:var(--type-title);line-height:1;padding:0}
.dc-srv sf-icon,.dc-me sf-icon{width:1em}
.ask-scrim{position:fixed;inset:0;z-index:240;display:grid;place-items:center;
  background:var(--lv-c-128);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);
  animation:rq2Fade .18s ease both}
.ask-box{width:min(calc(98 * var(--s-1)),calc(100vw - var(--s-10)));display:flex;flex-direction:column;gap:var(--s-5);
  padding:var(--s-7);border-radius:var(--r-panel);background:var(--surface);border:var(--cs-edge-w) solid var(--hair2);
  box-shadow:var(--e4);
  animation:mdPop .26s var(--ease) both}
.ask-title{font:var(--cs-weight-strong) var(--type-title)/1.25 var(--disp);color:var(--cs-ink)}
.ask-label{font:var(--cs-weight) var(--type-body)/1.45 var(--font);color:var(--cs-ink-4);margin-top:calc(-1 * var(--s-1))}


.cs-tutorial-slot{width:100%;max-width:var(--cs-project-card);margin:var(--s-3) 0}
.ask-input{padding:0 var(--s-5);color:var(--cs-ink);font:var(--cs-weight-strong) var(--type-title)/1 var(--disp);outline:0}
.ask-choices{display:flex;flex-wrap:wrap;gap:var(--s-2);max-height:calc(55 * var(--s-1));overflow:auto}
.ask-choice{padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);background:var(--field);
  border:var(--cs-edge-w) solid var(--hair2);font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);color:var(--cs-ink-2);
  transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease}
.ask-choice:hover{border-color:var(--accent-ring);color:var(--cs-ink)}
.ask-choice.is-on{background:var(--accent-soft);border-color:var(--accent-ring);color:var(--cs-ink)}
.ask-foot{display:flex;justify-content:flex-end;gap:var(--s-3);margin-top:var(--s-1)}
.ask-btn{height:var(--s-10);padding:0 var(--s-6);border-radius:var(--r-ctl);font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);
  color:var(--cs-ink-2);background:var(--field);border:var(--cs-edge-w) solid var(--hair2);
  transition:background var(--dur) ease,color var(--dur) ease}
.ask-btn:hover{background:var(--field-hover);color:var(--cs-ink)}
.ask-btn.is-primary{color:var(--cs-on-accent);background:var(--accent-fill);border-color:transparent}
.ask-btn.is-primary:hover{filter:brightness(1.08)}
.ask-btn.is-danger{color:var(--cs-on-accent);background:var(--bad);border-color:transparent}
.ac-wrap{display:flex;flex-direction:column;gap:var(--s-6);max-width:calc(165 * var(--s-1));width:100%}
.ac-bind{font:var(--cs-weight) var(--type-micro)/1 var(--mono,var(--font));color:var(--cs-ink-4)}
.ac-idrow{display:flex;align-items:center;gap:var(--s-6);padding:var(--s-6) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair)}
.ac-av{width:calc(12 * var(--s-1)) !important;height:calc(12 * var(--s-1)) !important;font-size:var(--type-title) !important}
.ac-name{display:block;font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp);color:var(--cs-ink)}
.ac-sub{display:block;font:var(--cs-weight) var(--type-control)/1.3 var(--font);color:var(--cs-ink-4);margin-top:var(--s-1)}
.ac-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);padding:var(--s-6) var(--s-6) var(--s-1)}
.ac-field{display:flex;flex-direction:column;gap:var(--s-2);padding:0 var(--s-6) var(--s-6)}
.ac-fields .ac-field{padding:0}
.ac-lbl{font:var(--cs-weight-strong) var(--type-micro)/1 var(--lv-font-2);letter-spacing:.11em;
  text-transform:uppercase;color:var(--cs-ink-4)}
.ac-field input{padding:0 var(--s-5);color:var(--cs-ink);font:var(--cs-weight) var(--type-head)/1 var(--font);outline:0}
.ac-foot{padding:var(--s-5) var(--s-6);border-top:var(--cs-edge-w) solid var(--hair);background:var(--panel)}
.ac-note{font:var(--cs-weight) var(--type-control)/1.4 var(--font);color:var(--cs-ink-4)}
.ac-rows{display:flex;flex-direction:column}
.ac-row{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair)}
.ac-row:last-child{border-bottom:0}
.ac-row-k{display:block;font:var(--cs-weight-strong) var(--type-head)/1.2 var(--disp);color:var(--cs-ink)}
.ac-row-d{display:block;font:var(--cs-weight) var(--type-micro)/1.3 var(--font);color:var(--cs-ink-4);margin-top:var(--s-0)}
.ac-row-v{font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);color:var(--cs-ink-2);text-align:right;
  max-width:var(--cs-rail);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){
  .ac-fields{grid-template-columns:1fr}
}
.cs-iconbtn sf-icon,.cs-btn sf-icon,.cs-rail-item sf-icon,.cs-rail-slot sf-icon,.cs-tab sf-icon,.cs-toolbar sf-icon,.ctx-row sf-icon,.cs-menu-row sf-icon{font-size:var(--ic-md)}
.cs-pill sf-icon,.cs-status sf-icon,.cs-rolepill sf-icon,.dc-mini sf-icon,.cs-rail-label sf-icon,.dc-pcat sf-icon{font-size:var(--ic-sm)}
.cs-card-head sf-icon,.dc-srv sf-icon,.np-ico sf-icon{font-size:var(--ic-lg)}
.cs-empty>sf-icon,.pv2-nofiles>sf-icon,.fn-empty>sf-icon{font-size:var(--ic-xl)}
sf-icon[name^="chevron"],sf-icon[name="ellipsis"],sf-icon[name="checkmark"],sf-icon[name="xmark"],sf-icon[name="square.and.pencil"],sf-icon[name="minus"],sf-icon[name="magnifyingglass"],sf-icon[name^="arrow."],sf-icon[name="line.3.horizontal"],sf-icon[name="gearshape"],sf-icon[name="trash"],sf-icon[name="pencil"],sf-icon[name="lock"],sf-icon[name="link"]{width:1em}
sf-icon{font-size:var(--ic-md);line-height:0}
.cs-rail-ico{display:grid;place-items:center}
.cs-bar .cs-iconbtn sf-icon{font-size:var(--ic-md)}
.cs-rail-ico sf-icon{font-size:var(--ic-md)}
.cs-bar>.cs-brand,.cs-bar>.cs-bar-tools,.cs-bar>.cs-bar-div,.cs-bar>.cs-bar-spacer,.cs-bar>.cs-tabs{position:relative;z-index:1}
.cs-rail-label{font-size:var(--fs-sm)}
.dc-addch{width:var(--rail-add);height:var(--rail-add);min-width:var(--cs-pill);padding:0;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--field);border:var(--cs-edge-w) solid var(--hair2);color:var(--cs-ink-3);transition:background var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease}
.dc-addch:hover{background:var(--accent-soft);border-color:var(--accent-ring);color:var(--cs-accent)}
.dc-addch sf-icon{font-size:var(--ic-sm)}
}

.cs-bar .cs-tab,.cs-bar .cs-status,.cs-bar .cs-rolepill,.cs-bar .cs-iconbtn,.cs-bar .cs-brand-mark{background:none;border:0;border-radius:0;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none}
.cs-bar .cs-tabs .cs-tab{color:var(--cs-ink-2)}
.cs-bar .cs-tabs .cs-tab:hover{color:var(--cs-ink)}
.cs-bar .cs-tabs .cs-tab.is-on{color:var(--cs-ink)}
.cs-bar .cs-bar-tools .cs-avatar-me{border-radius:50% !important; border:0 !important; box-shadow:none !important; overflow:visible !important}
.cs-bar .cs-bar-div{display:none}
.cs-bar .cs-tabs>.cs-tab+.cs-tab::before{display:none}
.cs-bar .cs-brand .cs-brand-mark{width:auto;min-width:0;max-width:none;height:auto}
.cs-bar .cs-tabs .cs-tab{font-weight:var(--cs-weight)}
.cs-bar .cs-tabs .cs-tab.is-on{font-weight:var(--cs-weight-strong)}
.cs-bar .cs-status,.cs-bar .cs-rolepill{font-weight:var(--cs-weight)}
.cs-rail-label{min-height:var(--rail-label-h);height:auto}
.cs-bar{position:relative}
@media (max-width:560px){
  .dc-body{grid-template-columns:minmax(0px,1fr)}
  .dc-side{display:none}
  .fn-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .fn-bar::-webkit-scrollbar{display:none}
  .rq2-shelf{top:var(--s-3);right:var(--s-3);bottom:var(--s-3);left:var(--s-3);width:auto !important;
    max-width:none;flex-direction:column}
}
.fn-tag{position:absolute;right:var(--s-1);top:var(--s-1);width:var(--s-3);height:var(--s-3);border-radius:50%;
  box-shadow:var(--e1);pointer-events:none}
.ctx-tags{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-6)}
.ctx-tag{width:var(--s-6);height:var(--s-6);border-radius:50%;border:var(--cs-edge-w) solid var(--glass-edge);
  flex:0 0 auto;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) ease}
.ctx-tag:hover{transform:scale(1.18)}
.ctx-tag.is-on{box-shadow:var(--ring)}
.ctx-meta{font:var(--cs-weight) var(--type-micro)/1 var(--mono);color:var(--cs-ink-4);margin-left:auto;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(28 * var(--s-1))}
.ctx-row.is-on{background:var(--accent-soft);color:var(--cs-ink)}
.ctx{max-height:calc(100vh - var(--s-9));overflow-y:auto;scrollbar-width:thin}
.cs-rail-toggle .cs-rail-slot,.cs-rail-item .cs-rail-slot{line-height:0}
.au-btn.is-busy{opacity:.72;cursor:default}
.au-btn:disabled{cursor:default}
.au-boot{display:flex;justify-content:center;padding:var(--s-3) 0 var(--s-2)}
.au-boot .au-spin{width:var(--cs-pill);height:var(--cs-pill)}
.au-spin{width:var(--cs-icon);height:var(--cs-icon);flex:0 0 auto;border-radius:50%;
  border:var(--cs-wire) solid color-mix(in oklch,currentColor 28%,transparent);
  border-top-color:currentColor;animation:auSpin .7s linear infinite}
@media (prefers-reduced-motion:reduce){
  .au-spin{animation:auPulse 1.1s ease-in-out infinite}
}
.ctr-src{font:var(--cs-weight) var(--type-micro)/1 var(--mono);color:var(--cs-ink-4);
  padding:var(--s-1) var(--s-2);border-radius:var(--r-xs);background:var(--field);border:var(--cs-edge-w) solid var(--hair2)}
.md-doc{padding:0;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none}
.md-doc .cs-card-head{background:none;border:0;border-bottom:var(--cs-edge-w) solid var(--hair);padding:0 0 var(--s-4);margin:0 0 var(--s-5)}
.md-body{display:flex;flex-direction:column;padding:0 0 var(--s-7)}
.md-p{font:var(--cs-weight) var(--type-head)/1.65 var(--font);color:var(--cs-ink-2);max-width:74ch;text-wrap:pretty}
.md-li{font:var(--cs-weight) var(--type-head)/1.65 var(--font);color:var(--cs-ink-2);max-width:74ch;padding-left:var(--s-5);position:relative}
.md-li::before{content:"";position:absolute;left:var(--s-2);top:.65em;width:var(--s-0);height:var(--s-0);
  border-radius:50%;background:var(--ink4)}
.md-code{font:var(--cs-weight) var(--type-control)/1.55 var(--mono);color:var(--cs-accent);
  white-space:pre;overflow-x:auto}
.sg-scroll{scrollbar-width:auto;scrollbar-gutter:stable}
.sg-scroll::-webkit-scrollbar{height:var(--s-4);width:var(--s-4)}
.sg-scroll::-webkit-scrollbar-track{background:var(--well);border-top:var(--cs-edge-w) solid var(--hair)}
.sg-scroll::-webkit-scrollbar-thumb{background:var(--hair-strong);border-radius:var(--r-pill);
  border:var(--s-0) solid var(--well)}
.sg-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink4)}
.sg-scroll::-webkit-scrollbar-corner{background:var(--well)}
.cs-hero-actions .cs-btn{height:var(--s-10);padding:0 var(--s-5)}
.cs-hero-actions .cs-btn sf-icon{font-size:var(--cs-icon) !important;width:var(--s-6);flex:0 0 auto}
.md-body .md-td{font:var(--t-body);color:var(--cs-ink-2);min-width:0;overflow-wrap:anywhere}
.md-body .md-td:first-child{color:var(--cs-ink);font-weight:var(--cs-weight-strong)}
.md-doc{width:100%}
.md-body{max-width:none}
.dc-pcat{position:relative;min-height:var(--s-9)}
.dc-pcat>span{line-height:1}
.dc-pcat>sf-icon{font-size:var(--fs-sm);opacity:.55;flex:0 0 auto}
.dc-pcat .dc-addch{width:var(--s-6);height:var(--s-6);min-width:var(--s-6);border:0;background:transparent;
  opacity:0;pointer-events:none;transition:opacity var(--dur) ease,color var(--dur) ease;
  color:var(--cs-ink-4)}
.dc-pcat:hover .dc-addch,.dc-pcat:focus-within .dc-addch{opacity:1;pointer-events:auto}
.dc-pcat .dc-addch:hover{background:transparent;color:var(--cs-accent)}
.dc-pcat .dc-addch:focus-visible{opacity:1;pointer-events:auto;outline:var(--cs-edge-w) solid var(--accent-ring);outline-offset:var(--cs-edge-w)}
.dc-body{background:var(--canvas)}
.dc-main,.dc-msgs{background-color:var(--chat-ground);
  background-image:radial-gradient(var(--lv-c-129) var(--s-0),transparent var(--s-0));
  background-size:var(--s-8) var(--s-8);
  background-position:0 0;
  background-attachment:local}
html.cslight .dc-main,html.cslight .dc-msgs{background-color:var(--chat-ground);
  background-image:radial-gradient(var(--lv-c-130) var(--s-0),transparent var(--s-0))}
@media (prefers-reduced-transparency:reduce){
  .dc-main,.dc-msgs{background-image:none}
}
.dc-me{height:var(--cs-pv-pill-h);padding:0 var(--s-4);gap:var(--s-3)}
.dc-me-av{width:var(--s-8);min-width:var(--s-8);height:var(--s-9);font-size:var(--fs-sm)}
.dc-me-txt{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--s-0)}
.dc-me-name{font:var(--cs-weight-strong) var(--type-body)/1.1 var(--disp);color:var(--cs-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-me-status{font:var(--cs-weight) var(--type-micro)/1.1 var(--font);color:var(--cs-ink-4)}
.dc-me .dc-mini{width:var(--s-8);height:var(--s-8);flex:0 0 auto}
.cs-bar .cs-rolepill:empty{min-width:calc(14 * var(--s-1));background:var(--field);
  border-color:var(--hair);color:transparent}
.dc-composer.is-off{opacity:.55}
.dc-composer.is-off input{pointer-events:none}
.dc-composer.is-off .dc-send{opacity:.4;pointer-events:none}
.cbpc[data-size="board"]{aspect-ratio:16/9}
.cs-bar .cs-status,.cs-bar .cs-rolepill{font-weight:var(--cs-weight-strong)}
.cs-bar .cs-tab{font-weight:var(--cs-weight-strong)}
.cs-bar .cs-avatar-ini{font-weight:var(--cs-weight-strong)}
.cs-bar-tools .cs-iconbtn,.cs-bar .cs-bar-tools .cs-iconbtn,.cs-bar .cs-bar-tools .cs-iconbtn.is-plain{appearance:none;-webkit-appearance:none;
  background-color:transparent;background-image:none;
  border:var(--cs-edge-w) solid transparent;box-shadow:none;color:var(--cs-ink)}
.cs-bar-tools .cs-iconbtn:hover,.cs-bar .cs-bar-tools .cs-iconbtn:hover{background-color:var(--field);color:var(--cs-ink)}
.cs-bar .cs-rolepill{appearance:none;min-width:calc(14 * var(--s-1));justify-content:center;
  background-color:var(--lv-c-3);
  border:var(--cs-edge-w) solid var(--lv-c-4);
  color:var(--cs-ink-2)}
.fb{display:flex;flex:1;min-height:0}
@media (max-width:560px){
  .cs-bar .cs-tabs{display:flex !important;flex:1 1 auto;min-width:0;justify-content:center;gap:var(--s-0)}
  .cs-bar .cs-tab{display:inline-flex !important;width:var(--bar-ctl-h);min-width:var(--bar-ctl-h);padding:0;justify-content:center;flex:0 0 auto}
  .cs-bar .cs-tab span{display:none}
  .cs-bar .cs-rolepill{display:none}
  .cs-bar .cs-status{font-size:0;gap:0;min-width:0;padding:0 var(--s-2)}
  .cs-bar .cs-bar-div{display:none}
  .cs-bar-tools{flex:0 0 auto}
}
.cs-main{position:relative;background:var(--canvas);isolation:isolate}
.cs-main::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
}
.cs-main::after{background-image:radial-gradient(circle at var(--s-0) var(--s-0),var(--lv-c-131) var(--s-0),transparent 0);
  background-size:var(--cs-chat-banner) var(--cs-chat-banner);
  
  -webkit-mask-image:radial-gradient(95% 70% at 82% 104%,var(--lv-c-105) 0%,transparent 80%);
  mask-image:radial-gradient(95% 70% at 82% 104%,var(--lv-c-105) 0%,transparent 80%);
  animation:cs-breathe 66s ease-in-out infinite;animation-delay:-22s}
.cs-main>*{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){
  .cs-main::before,.cs-main::after{animation:none;opacity:.45}
}
.cs-body,.sg-scroll,.cs-main>.cs-body,.cs-main .sg-scroll{background:transparent}
.cs-main::after{background-image:radial-gradient(circle at var(--s-0) var(--s-0),var(--lv-c-132) var(--s-0),transparent 0);
  background-size:calc(9 * var(--s-1)) calc(9 * var(--s-1));
  
  -webkit-mask-image:radial-gradient(145% 88% at 50% 108%,var(--lv-c-105) 0%,var(--lv-c-133) 46%,transparent 82%);
  mask-image:radial-gradient(145% 88% at 50% 108%,var(--lv-c-105) 0%,var(--lv-c-133) 46%,transparent 82%);
  animation:cs-breathe 54s ease-in-out infinite;animation-delay:-14s}
@media (prefers-reduced-motion:reduce){
  .cs-main::after{animation:none;opacity:.75}
}
.cs-bar{background:
    linear-gradient(180deg,var(--lv-c-14) 0%,var(--lv-c-40) 46%),
    linear-gradient(98deg,var(--lv-c-134) 0%,var(--lv-c-135) 20%,var(--lv-c-136) 46%,var(--lv-c-137) 74%,var(--lv-c-138) 100%);
  -webkit-backdrop-filter:blur(var(--s-8)) saturate(1.8);backdrop-filter:blur(var(--s-8)) saturate(1.8);
  border-bottom:var(--cs-edge-w) solid var(--lv-c-139);
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-59),0 var(--s-2) var(--s-8) var(--lv-c-140)}
.cs-rail{background:
    linear-gradient(90deg,var(--lv-c-57) 0%,var(--lv-c-40) 38%),
    linear-gradient(180deg,var(--lv-c-135) 0%,var(--lv-c-136) 30%,var(--lv-c-141) 64%,var(--lv-c-142) 100%);
  -webkit-backdrop-filter:blur(var(--s-8)) saturate(1.8);backdrop-filter:blur(var(--s-8)) saturate(1.8);
  border-right:var(--cs-edge-w) solid var(--lv-c-143);
  box-shadow:inset var(--cs-edge-w) 0 0 var(--lv-c-144),inset 0 var(--cs-edge-w) 0 var(--lv-c-10)}
html.cslight .cs-main::after{background-image:radial-gradient(circle at var(--s-0) var(--s-0),var(--lv-c-145) var(--s-0),transparent 0)}
html.cslight .cs-bar{background:var(--lv-c-146);
  -webkit-backdrop-filter:blur(var(--s-8)) saturate(1.6);backdrop-filter:blur(var(--s-8)) saturate(1.6);
  border-bottom:var(--cs-edge-w) solid var(--lv-c-147);
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-12),0 var(--s-1) var(--s-7) var(--lv-c-90)}
html.cslight .cs-rail{background:
    linear-gradient(90deg,var(--lv-c-148) 0%,var(--lv-c-40) 60%),
    linear-gradient(180deg,var(--lv-c-149) 0%,var(--lv-c-150) 34%,var(--lv-c-151) 70%,var(--lv-c-152) 100%);
  border-right:var(--cs-edge-w) solid var(--lv-c-153);
  box-shadow:inset calc(-1 * var(--cs-edge-w)) 0 0 var(--lv-c-154)}
html.cslight .fg-scrim,html.cslight .dc-modal{background:var(--lv-c-155)}
html.cslight .fn-loading{background:var(--lv-c-73)}
.cs-rail .cs-rail-foot{background:linear-gradient(180deg,var(--lv-c-156) 0%,var(--lv-c-157) 34%,var(--lv-c-158) 100%);
  -webkit-backdrop-filter:blur(var(--s-7));backdrop-filter:blur(var(--s-7));
  border-top:0;padding-top:var(--s-6)}
html.cslight .cs-rail .cs-rail-foot{background:linear-gradient(180deg,var(--lv-c-159) 0%,var(--lv-c-160) 34%,var(--lv-c-161) 100%)}
html.cslight .fg-scrim,html.cslight .dc-modal{background:var(--lv-c-155)}
html.cslight .fn-loading{background:var(--lv-c-73)}
.cs-rail .cs-rail-foot{background:linear-gradient(180deg,var(--lv-c-156) 0%,var(--lv-c-157) 34%,var(--lv-c-158) 100%);
  -webkit-backdrop-filter:blur(var(--s-7));backdrop-filter:blur(var(--s-7));
  border-top:0;padding-top:var(--s-6)}
html.cslight .cs-rail .cs-rail-foot{background:linear-gradient(180deg,var(--lv-c-159) 0%,var(--lv-c-160) 34%,var(--lv-c-161) 100%)}
html.cslight .fn-loading{background:var(--lv-c-162)}
html.cslight .fg-scrim,html.cslight .dc-modal,html.cslight .ask-scrim,html.cslight .pv-scrim{background:var(--lv-c-163)}
@media (max-width:720px){
  .cs-bar{background:linear-gradient(180deg,var(--lv-c-164),var(--lv-c-165)),var(--lv-c-166);
    -webkit-backdrop-filter:blur(var(--s-9)) saturate(1.9);backdrop-filter:blur(var(--s-9)) saturate(1.9);
    border-bottom:var(--cs-edge-w) solid var(--lv-c-167);
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-10)}
  .cs-rail{min-height:0;height:var(--cs-pv-bar-h);
    background:linear-gradient(180deg,var(--lv-c-168),var(--lv-c-169)),var(--lv-c-170);
    -webkit-backdrop-filter:blur(var(--s-9)) saturate(1.8);backdrop-filter:blur(var(--s-9)) saturate(1.8);
    border-bottom:var(--cs-edge-w) solid var(--lv-c-171);
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-57);
    padding:0 var(--shell-gutter);gap:var(--s-3)}
  .cs-hero .cs-btn.is-primary{background:linear-gradient(180deg,var(--lv-c-172),var(--lv-c-173));
    -webkit-backdrop-filter:blur(var(--s-6)) saturate(1.6);backdrop-filter:blur(var(--s-6)) saturate(1.6);
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-174),inset 0 0 0 var(--cs-edge-w) var(--lv-c-175),0 var(--s-3) var(--s-8) calc(-1 * var(--s-4)) var(--lv-c-176)}
}
html.cslight .cs-bar,html.cslight .cs-rail{}
@media (max-width:720px){
  html.cslight .cs-bar{background:linear-gradient(180deg,var(--lv-c-177),var(--lv-c-178)),var(--lv-c-179);
    border-bottom-color:var(--lv-c-180);box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-101)}
  html.cslight .cs-rail{background:linear-gradient(180deg,var(--lv-c-17),var(--lv-c-181)),var(--lv-c-182);
    border-bottom-color:var(--lv-c-183);box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-154)}
}
@media (max-width:560px){
  html .cs-bar{display:grid;grid-template-columns:calc(11 * var(--s-1)) minmax(0px,1fr) calc(11 * var(--s-1));align-items:center;
    height:var(--cs-node-h);padding:0 var(--s-5);gap:var(--s-3);
    background:linear-gradient(180deg,var(--lv-c-184),var(--lv-c-185)),var(--lv-c-186);
    -webkit-backdrop-filter:blur(var(--s-9)) saturate(1.8);backdrop-filter:blur(var(--s-9)) saturate(1.8)}
  html.cslight .cs-bar{background:linear-gradient(180deg,var(--lv-c-187),var(--lv-c-188)),var(--lv-c-189)}
  html .cs-brand{grid-column:1;width:calc(10 * var(--s-1));height:calc(10 * var(--s-1));border-radius:50%;display:grid;place-items:center;margin:0;
    background:linear-gradient(160deg,var(--lv-c-47),var(--lv-c-190)),var(--lv-c-191);
    border:var(--cs-edge-w) solid var(--lv-c-192);box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-193),0 var(--s-1) var(--s-6) calc(-1 * var(--s-1)) var(--lv-c-194)}
  html.cslight .cs-brand{background:var(--lv-c-195);border-color:var(--lv-c-196)}
  html .cs-brand-mark img{width:var(--s-8);height:var(--s-9)}
  html .cs-tabs{grid-column:2;justify-self:center;display:flex !important;gap:var(--s-0);padding:var(--s-1);border-radius:var(--r-pill);
    background:linear-gradient(180deg,var(--lv-c-72),var(--lv-c-197)),var(--lv-c-198);
    border:var(--cs-edge-w) solid var(--lv-c-47);
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-199),0 var(--s-3) var(--s-8) calc(-1 * var(--s-3)) var(--lv-c-46);
    -webkit-backdrop-filter:blur(var(--s-8)) saturate(1.7);backdrop-filter:blur(var(--s-8)) saturate(1.7)}
  html.cslight .cs-tabs{background:var(--lv-c-200);border-color:var(--lv-c-196);box-shadow:0 var(--s-3) var(--s-8) calc(-1 * var(--s-3)) var(--lv-c-201)}
  html .cs-bar .cs-tab{width:var(--cs-pv-pill-h);min-width:var(--cs-pv-pill-h);height:var(--cs-pv-pill-h);border-radius:50%;padding:0;background:transparent}
  html .cs-bar .cs-tab sf-icon{font-size:var(--type-title)}
  html .cs-bar .cs-tab.is-on{background:linear-gradient(160deg,var(--lv-c-202),var(--lv-c-203));
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-108),0 0 0 var(--cs-edge-w) var(--lv-c-204)}
  html .cs-bar-spacer,html .cs-bar-tools>*:not(.cs-avatar-me){display:none !important}
  html .cs-bar-tools{grid-column:3;justify-self:end;flex:0 0 auto}
  html .cs-bar .cs-avatar-me{width:calc(10 * var(--s-1));min-width:calc(10 * var(--s-1));height:calc(10 * var(--s-1));min-height:calc(10 * var(--s-1));font-size:var(--type-title);
    border:var(--cs-edge-w) solid var(--lv-c-10);box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-95)}
  html .cs-rail{position:fixed;top:var(--cs-node-h);left:0;bottom:0;width:min(var(--cs-pv-panel-w),84vw);z-index:200;
    flex-direction:column !important;overflow-y:auto;padding:var(--s-6) var(--s-5);gap:var(--s-0);
    transform:translateX(-104%);transition:transform .28s cubic-bezier(.32,.72,0,1);
    background:linear-gradient(180deg,var(--lv-c-205),var(--lv-c-206) 60%),var(--lv-c-207);
    -webkit-backdrop-filter:blur(calc(9 * var(--s-1))) saturate(1.9);backdrop-filter:blur(calc(9 * var(--s-1))) saturate(1.9);
    border-right:var(--cs-edge-w) solid var(--lv-c-14);box-shadow:inset calc(-1 * var(--cs-edge-w)) 0 0 var(--lv-c-171),var(--s-9) 0 calc(15 * var(--s-1)) calc(-1 * var(--s-8)) var(--lv-c-51)}
  html.cslight .cs-rail{background:linear-gradient(180deg,var(--lv-c-154),var(--lv-c-208)),var(--lv-c-209);
    border-right-color:var(--lv-c-210);box-shadow:var(--s-9) 0 calc(15 * var(--s-1)) calc(-1 * var(--s-8)) var(--lv-c-211)}
  html .cs-rail-head{display:flex}
  html .cs-rail-item{width:100%;background:transparent;box-shadow:none;height:calc(11 * var(--s-1));flex:0 0 auto}
  html .cs-rail-item.is-on{background:var(--lv-c-212);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
}
@media (max-width:560px){
  html .cs-bar .cs-brand,html .cs-bar a.cs-brand{width:calc(10 * var(--s-1)) !important;min-width:calc(10 * var(--s-1)) !important;height:calc(10 * var(--s-1)) !important;min-height:calc(10 * var(--s-1)) !important;
    border-radius:50% !important;padding:0 !important;display:grid !important;place-items:center}
  html .cs-bar .cs-bar-tools .cs-avatar-ini,html .cs-bar .cs-bar-tools .cs-avatar-ini.cs-avatar-me,html .cs-bar .cs-avatar-me{width:calc(10 * var(--s-1)) !important;min-width:calc(10 * var(--s-1)) !important;height:calc(10 * var(--s-1)) !important;min-height:calc(10 * var(--s-1)) !important;
    border-radius:50% !important;font-size:var(--type-title) !important;padding:0 !important}
  html .cs-frame .cs-rail,html .cs-rail{height:auto !important;max-height:none !important;top:var(--cs-node-h) !important;bottom:0 !important;
    position:fixed !important;transform:translateX(-104%);flex-direction:column !important;align-items:stretch !important}
  html .cs-rail-item{white-space:nowrap}
}
@media (max-width:560px){
  html .cs-apphead{min-height:0;padding:var(--s-3) var(--shell-gutter) var(--s-2);gap:0}
  html .cs-crumbs,html .cs-eyebrow,html .cs-apphead-spacer,html .cs-apphead-tools .cs-pill{display:none !important}
  html .cs-apphead-tools{flex:1 1 100%;gap:var(--s-3)}
  html .cs-apphead-search{height:calc(9 * var(--s-1)) !important;flex:1 1 auto;border-radius:var(--r-pill)}
  html .cs-hero{padding-top:var(--s-3);gap:var(--s-4)}
  html .cs-hero-title{font-size:var(--type-title);line-height:1.1}
  html .cs-hero-sub{font-size:var(--type-title);line-height:1.35;margin-top:var(--s-0);opacity:.85}
  html .cs-rail-label{padding:var(--s-6) var(--s-4) var(--s-1)}
}
@media (max-width:560px){
  html .cs-apphead{display:none !important}
  html .cs-bar,html .cs-rail{background:linear-gradient(180deg,var(--lv-c-47) 0%,var(--lv-c-190) 38%,var(--lv-c-213) 100%),
      linear-gradient(135deg,var(--lv-c-214),var(--lv-c-215) 55%,var(--lv-c-216)),var(--lv-c-217) !important;
    -webkit-backdrop-filter:blur(var(--s-10)) saturate(1.6);backdrop-filter:blur(var(--s-10)) saturate(1.6);
    border-color:var(--lv-c-14) !important;
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-49),inset 0 calc(-1 * var(--cs-edge-w)) 0 var(--lv-c-86)}
  html .cs-bar{border-bottom:var(--cs-edge-w) solid var(--lv-c-72)}
  html .cs-rail{box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-95),var(--s-9) 0 calc(15 * var(--s-1)) calc(-1 * var(--s-8)) var(--lv-c-218)}
  html .cs-bar .cs-brand,html .cs-bar .cs-bar-tools .cs-avatar-me{background:linear-gradient(160deg,var(--lv-c-193),var(--lv-c-44) 55%),var(--lv-c-219) !important;
    border:var(--cs-edge-w) solid var(--lv-c-199) !important;
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-220),inset 0 calc(-1 * var(--cs-edge-w)) 0 var(--lv-c-221),0 var(--s-2) var(--s-7) calc(-1 * var(--s-2)) var(--lv-c-51) !important;
    color:var(--cs-on-accent)}
  html .cs-tabs{background:linear-gradient(180deg,var(--lv-c-222),var(--lv-c-223)),var(--lv-c-224);
    border:var(--cs-edge-w) solid var(--lv-c-225);
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-226),inset 0 calc(-1 * var(--cs-edge-w)) 0 var(--lv-c-227),0 var(--s-4) var(--s-9) calc(-1 * var(--s-3)) var(--lv-c-51)}
  html .cs-bar .cs-tab{color:var(--cs-ink-2);
    background:linear-gradient(160deg,var(--lv-c-14),var(--lv-c-197)) !important;
    box-shadow:inset 0 0 0 var(--cs-edge-w) var(--lv-c-14)}
  html .cs-bar .cs-tab.is-on{color:var(--cs-ink);
    background:linear-gradient(160deg,var(--lv-c-52),var(--lv-c-228)) !important;
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-229),0 0 0 var(--cs-edge-w) var(--lv-c-220),0 var(--s-1) var(--s-5) calc(-1 * var(--s-1)) var(--lv-c-46)}
  html .cs-rail-item,html .cs-rail-label{color:var(--cs-ink)}
  html .cs-rail-label{opacity:.6}
  html .cs-rail-item.is-on{box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-220),inset 0 0 0 var(--cs-edge-w) var(--lv-c-10)}
  html.cslight .cs-bar,html.cslight .cs-rail{background:linear-gradient(180deg,var(--lv-c-101),var(--lv-c-230)),var(--lv-c-231) !important;
    border-color:var(--lv-c-232) !important}
  html.cslight .cs-rail-item,html.cslight .cs-rail-label,html.cslight .cs-bar .cs-tab{color:var(--cs-ink)}
  html.cslight .cs-bar .cs-brand,html.cslight .cs-bar .cs-bar-tools .cs-avatar-me{background:linear-gradient(160deg,var(--lv-c-12),var(--lv-c-234)) !important;border-color:var(--lv-c-235) !important;color:var(--cs-ink)}
}
.cs-apphead-search{display:none !important}
@media (max-width:560px){
  html .cs-bar{background:linear-gradient(180deg,var(--lv-c-214),var(--lv-c-236) 46%),var(--lv-c-237) !important;
    -webkit-backdrop-filter:blur(var(--s-10)) saturate(1.5);backdrop-filter:blur(var(--s-10)) saturate(1.5);
    border-bottom:var(--cs-edge-w) solid var(--lv-c-72) !important;box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-192) !important}
  html .cs-bar .cs-tabs{gap:var(--s-1) !important;padding:var(--s-1) !important;
    background:linear-gradient(180deg,var(--lv-c-14),var(--lv-c-197)),var(--lv-c-238) !important;
    border:var(--cs-edge-w) solid var(--lv-c-47) !important;
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-193),0 var(--s-3) var(--s-8) calc(-1 * var(--s-3)) var(--lv-c-239) !important}
  html .cs-bar .cs-tabs .cs-tab{width:var(--cs-pv-pill-h) !important;min-width:var(--cs-pv-pill-h) !important;max-width:var(--cs-pv-pill-h) !important;
    height:var(--cs-pv-pill-h) !important;min-height:var(--cs-pv-pill-h) !important;padding:0 !important;aspect-ratio:1/1;
    border-radius:50% !important;flex:0 0 var(--cs-pv-pill-h) !important;justify-content:center;gap:0;
    background:var(--lv-c-223) !important;border:var(--cs-edge-w) solid var(--lv-c-57) !important;box-shadow:none}
  html .cs-bar .cs-tabs .cs-tab sf-icon{color:var(--cs-ink);font-size:var(--type-title);width:var(--s-7);height:var(--s-7);flex:0 0 auto}
  html .cs-bar .cs-tabs .cs-tab.is-on{background:linear-gradient(160deg,var(--lv-c-240),var(--lv-c-241)) !important;
    border-color:var(--lv-c-242) !important;box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-108) !important}
  html .cs-bar .cs-brand,html .cs-bar .cs-bar-tools .cs-avatar-me{background:linear-gradient(160deg,var(--lv-c-47),var(--lv-c-197)),var(--lv-c-243) !important;
    border:var(--cs-edge-w) solid var(--lv-c-192) !important;color:var(--cs-on-accent)}
  html .cs-rail{background:linear-gradient(180deg,var(--lv-c-244),var(--lv-c-245) 60%),var(--lv-c-246) !important;
    border-right:var(--cs-edge-w) solid var(--lv-c-72) !important}
  html .cs-rail-item{color:var(--cs-ink)}
}
html.cslight .cs-bar .cs-tabs .cs-tab sf-icon{color:inherit}
@media (max-width:560px){
  html .cs-bar{background:var(--lv-c-247) !important;
    -webkit-backdrop-filter:blur(calc(10 * var(--s-1))) saturate(1.8);backdrop-filter:blur(calc(10 * var(--s-1))) saturate(1.8);
    border-bottom:var(--cs-edge-w) solid var(--lv-c-171) !important;box-shadow:none !important}
  html .cs-bar .cs-brand,html .cs-bar .cs-bar-tools .cs-avatar-me{background:linear-gradient(180deg,var(--lv-c-57),var(--lv-c-40) 60%),var(--lv-c-248) !important;
    border:var(--cs-edge-w) solid var(--lv-c-42) !important;
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-193),inset 0 calc(-1 * var(--cs-edge-w)) 0 var(--lv-c-50),0 var(--s-2) var(--s-7) calc(-1 * var(--s-2)) var(--lv-c-51) !important}
  html .cs-bar .cs-tabs{background:linear-gradient(180deg,var(--lv-c-167),var(--lv-c-40) 55%),var(--lv-c-56) !important;
    border:var(--cs-edge-w) solid var(--lv-c-192) !important;
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-199),inset 0 calc(-1 * var(--cs-edge-w)) 0 var(--lv-c-249),0 var(--s-3) var(--s-8) calc(-1 * var(--s-3)) var(--lv-c-51) !important;
    -webkit-backdrop-filter:blur(var(--cs-pv-pill-h)) saturate(1.9);backdrop-filter:blur(var(--cs-pv-pill-h)) saturate(1.9)}
  html .cs-bar .cs-tabs .cs-tab{background:var(--lv-c-250) !important;border:var(--cs-edge-w) solid var(--lv-c-14) !important;
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-192) !important}
  html .cs-bar .cs-tabs .cs-tab.is-on{background:var(--lv-c-251) !important;border-color:var(--lv-c-154) !important;
    box-shadow:0 var(--s-0) var(--s-4) var(--lv-c-221) !important}
  html .cs-bar .cs-tabs .cs-tab.is-on sf-icon{color:var(--cs-accent)}
  html .cs-rail{background:linear-gradient(180deg,var(--lv-c-171),var(--lv-c-40) 40%),var(--lv-c-253) !important;
    -webkit-backdrop-filter:blur(calc(10 * var(--s-1))) saturate(1.8);backdrop-filter:blur(calc(10 * var(--s-1))) saturate(1.8);
    border-right:var(--cs-edge-w) solid var(--lv-c-47) !important;
    box-shadow:inset calc(-1 * var(--cs-edge-w)) 0 0 var(--lv-c-171),var(--s-9) 0 calc(15 * var(--s-1)) calc(-1 * var(--s-8)) var(--lv-c-51) !important}
  html .cs-rail-item.is-on sf-icon{color:var(--cs-accent)}
}
@media (max-width:560px){
  html .cs-bar{height:calc(11 * var(--s-1)) !important;grid-template-columns:var(--s-10) minmax(0px,1fr) var(--s-10) !important;padding:0 var(--s-4) !important;gap:var(--s-2) !important}
  html .cs-bar .cs-brand,html .cs-bar a.cs-brand{width:var(--s-10) !important;min-width:var(--s-10) !important;height:var(--s-10) !important;min-height:var(--s-10) !important}
  html .cs-bar .cs-brand-mark img{width:var(--s-7);height:var(--s-7)}
  html .cs-bar .cs-tabs{padding:var(--s-0) !important;gap:var(--s-0) !important}
  html .cs-bar .cs-tabs .cs-tab{width:var(--cs-rail-row) !important;min-width:var(--cs-rail-row) !important;max-width:var(--cs-rail-row) !important;height:var(--cs-rail-row) !important;min-height:var(--cs-rail-row) !important;flex:0 0 var(--s-9) !important}
  html .cs-bar .cs-tabs .cs-tab sf-icon{font-size:var(--type-title);width:var(--s-6);height:var(--s-6)}
  html .cs-bar .cs-bar-tools .cs-avatar-me,html .cs-bar .cs-avatar-me{width:var(--s-10) !important;min-width:var(--s-10) !important;height:var(--s-10) !important;min-height:var(--s-10) !important;font-size:var(--type-body) !important}
  html .cs-rail{top:calc(11 * var(--s-1)) !important}
  html .cs-hero{display:grid !important;grid-template-columns:minmax(0px,1fr) auto;align-items:end;column-gap:var(--s-5);row-gap:0}
  html .cs-hero-text{grid-column:1;min-width:0}
  html .cs-hero-actions{grid-column:2;grid-row:1;align-self:end;justify-self:end;width:auto !important;flex:0 0 auto}
  html .cs-hero-actions .cs-btn{width:auto !important;height:var(--cs-row);padding:0 var(--s-5);font-size:var(--type-head);white-space:nowrap}
}
@media (max-width:560px){
  html .cs-bar{height:calc(11 * var(--s-1)) !important;padding:0 var(--s-4) !important;grid-template-columns:var(--s-10) minmax(0px,1fr) var(--s-10) !important;gap:var(--s-2) !important}
  html .cs-bar .cs-brand,html .cs-bar a.cs-brand{width:var(--cs-row) !important;min-width:var(--cs-row) !important;height:var(--cs-row) !important;min-height:var(--cs-row) !important}
  html .cs-bar .cs-brand-mark img{width:var(--s-7) !important;height:var(--s-7) !important}
  html .cs-bar .cs-bar-tools .cs-avatar-me,html .cs-bar .cs-bar-tools .cs-avatar-ini,html .cs-bar .cs-avatar-me{width:var(--cs-row) !important;min-width:var(--cs-row) !important;height:var(--cs-row) !important;min-height:var(--cs-row) !important;font-size:var(--type-body) !important}
  html .cs-bar .cs-tabs{padding:var(--s-0) !important;gap:var(--s-0) !important}
  html .cs-bar .cs-tabs .cs-tab{width:var(--cs-rail-row) !important;min-width:var(--cs-rail-row) !important;max-width:var(--cs-rail-row) !important;height:var(--cs-rail-row) !important;min-height:var(--cs-rail-row) !important;flex:0 0 var(--s-9) !important}
  html .cs-bar .cs-tabs .cs-tab sf-icon{font-size:var(--type-title) !important;width:var(--s-6) !important;height:var(--s-6) !important}
  html .cs-rail{top:calc(11 * var(--s-1)) !important}
  html .cs-hero{padding:var(--s-7) var(--shell-gutter) var(--s-6) !important;gap:var(--s-5) !important;align-items:flex-end}
  html .cs-hero-title{font-size:var(--type-title) !important}
  html .cs-hero-sub{font-size:var(--type-head) !important;margin-top:var(--s-1) !important}
  html .cs-hero .cs-btn,html .cs-hero-actions .cs-btn{height:var(--cs-row) !important;min-height:var(--cs-row) !important;padding:0 var(--s-5) !important;font-size:var(--type-head) !important;gap:var(--s-1);flex:0 0 auto;white-space:nowrap}
  html .cs-hero .cs-btn sf-icon{font-size:var(--type-head) !important}
}
@media (max-width:560px){
  html,body{max-width:100vw;overflow-x:hidden}
  html .cs-shell,html .cs-frame,html .cs-main,html .cs-body,html .sg-scroll,html .cs-hero,html .cs-apphead,html .cs-hero-text,html .cs-hero-actions{min-width:0;max-width:100%}
  html .cs-main{width:100%}
  html .cs-body,html .sg-scroll{padding-left:var(--shell-gutter,var(--s-6));padding-right:var(--shell-gutter,var(--s-6))}
  html .cs-frame:not([data-sb-app="cloud"]) .cs-body *,html .cs-frame:not([data-sb-app="cloud"]) .sg-scroll *{min-width:0}
  html .cs-body img,html .cs-body video,html .cs-body canvas{max-width:100%;height:auto}
  html table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  html pre,html code{white-space:pre-wrap;word-break:break-word}
  html .cs-hero-title,html .cs-hero-sub{overflow-wrap:anywhere}
}
.cs-rolepill:empty,.cs-rolepill:not(:has(*)):where(:empty){display:none}
@media (max-width:560px){
  html .fl-filter{flex-wrap:wrap;min-width:0;max-width:100%;row-gap:var(--s-2)}
  html .fl-filter .cs-pill{flex:0 0 auto}
  html .fn-bar,html .cs-toolbar{flex-wrap:wrap !important;overflow-x:visible !important}
}
@media (min-width:561px){
  html .cs-rail{background:linear-gradient(180deg,var(--lv-c-168),var(--lv-c-169)),var(--lv-c-170) !important;
    -webkit-backdrop-filter:blur(var(--s-9)) saturate(1.8);backdrop-filter:blur(var(--s-9)) saturate(1.8);
    border-right:var(--cs-edge-w) solid var(--hair) !important}
  html.cslight .cs-rail{background:linear-gradient(180deg,var(--lv-c-17),var(--lv-c-181)),var(--lv-c-182) !important}
}
@media (max-width:560px){
  html .cs-bar .cs-bar-tools .cs-avatar-ini.cs-avatar-me,html .cs-bar .cs-bar-tools button.cs-avatar-ini.cs-avatar-me,html .cs-bar .cs-bar-tools .cs-avatar-me.cs-avatar-ini{width:var(--cs-row) !important;min-width:var(--cs-row) !important;max-width:var(--cs-row) !important;
    height:var(--cs-row) !important;min-height:var(--cs-row) !important;max-height:var(--cs-row) !important;
    font-size:var(--type-body) !important;line-height:1 !important;padding:0 !important;flex:0 0 var(--s-10) !important}
}
@media (max-width:560px){
  html .cs-frame[data-sb-app="cloud"] .fn-bar{flex-wrap:wrap;row-gap:var(--s-2)}
  html .cs-frame[data-sb-app="cloud"] .fn-bar .cs-pill{flex:0 0 auto}
  html .cs-frame[data-sb-app="cloud"] .ctx-tags{flex:0 0 auto;padding:0}
}
@media (max-width:560px){
  html .cs-frame[data-sb-app="chat"] .cs-main{display:flex;flex-direction:column;min-height:0}
  html .cs-frame[data-sb-app="chat"] .dc-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
  html .cs-frame[data-sb-app="chat"] .dc-people{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;overflow-y:auto;border:0}
  html .cs-frame[data-sb-app="chat"] .dc-main{display:none;flex:1 1 auto;width:100%;min-height:0;flex-direction:column}
  html .cs-frame[data-sb-app="chat"] .dc-composer{flex:0 0 auto;position:sticky;bottom:0}
  html .cs-frame[data-sb-app="chat"] .dc-banner{height:calc(26 * var(--s-1))}
  html .cs-frame[data-sb-app="chat"] .dc-banner-foot{padding:var(--s-3) var(--s-5)}
  html .cs-frame[data-sb-app="chat"] .dc-banner-name{font-size:var(--type-title)}
  html .cs-frame[data-sb-app="chat"] .dc-side{display:none}
  html .cs-frame[data-sb-app="chat"] .dc-csheet{position:fixed;inset:0;z-index:50}
  html .cs-frame[data-sb-app="chat"] .dc-composer{padding:0 var(--s-3);gap:var(--s-0)}
  html .cs-frame[data-sb-app="chat"] .dc-composer textarea,html .cs-frame[data-sb-app="chat"] .dc-composer input{min-width:0;flex:1 1 auto}
  html .cs-frame[data-sb-app="chat"] .dc-composer .cs-iconbtn{width:calc(9 * var(--s-1));height:calc(9 * var(--s-1));flex:0 0 auto}
  html .cs-frame[data-sb-app="chat"] .dc-chhead{padding:0 var(--s-4);gap:var(--s-3)}
  html .cs-frame[data-sb-app="chat"] .dc-replybar,html .cs-frame[data-sb-app="chat"] .dc-filterbar{margin-left:var(--s-3);margin-right:var(--s-3)}
  html .cs-frame[data-sb-app="chat"] .dc-pop{position:fixed;left:0;right:0;bottom:0;top:auto;
    width:100%;max-width:none;max-height:62vh;border-radius:var(--r-panel) var(--r-panel) 0 0;z-index:45}
}
@media (max-width:560px){
  html .cs-frame[data-sb-app="cloud"] .cs-hero,html .cs-frame[data-sb-app="chat"] .cs-hero,html .cs-frame[data-sb-app="admin"] .cs-hero,html .cs-frame[data-sb-app="team"] .cs-hero,html .cs-frame[data-sb-app="flows"] .cs-hero,html .cs-frame[data-sb-app="grid"] .cs-hero{padding:var(--s-7) var(--s-6) var(--s-6) !important;gap:var(--s-5) !important}
  html .cs-frame[data-sb-app="cloud"] .cs-hero-title,html .cs-frame[data-sb-app="chat"] .cs-hero-title,html .cs-frame[data-sb-app="admin"] .cs-hero-title,html .cs-frame[data-sb-app="team"] .cs-hero-title,html .cs-frame[data-sb-app="flows"] .cs-hero-title,html .cs-frame[data-sb-app="grid"] .cs-hero-title{font-size:var(--type-title) !important}
  html .cs-frame[data-sb-app="cloud"] .cs-hero-sub,html .cs-frame[data-sb-app="chat"] .cs-hero-sub,html .cs-frame[data-sb-app="admin"] .cs-hero-sub,html .cs-frame[data-sb-app="team"] .cs-hero-sub,html .cs-frame[data-sb-app="flows"] .cs-hero-sub,html .cs-frame[data-sb-app="grid"] .cs-hero-sub{font-size:var(--type-head) !important;margin-top:var(--s-1) !important}
}
@media (max-width:560px){
  html .cs-frame[data-sb-app="chat"]{grid-template-rows:minmax(0px,1fr);grid-template-columns:minmax(0px,1fr)}
  html .cs-frame[data-sb-app="chat"] .cs-main{min-height:0;height:100%}
}
@media (max-width:560px){
  html .dc-modal{align-items:stretch;justify-content:stretch;padding:0}
  html .dc-swatches{flex-wrap:wrap}
  html .dc-set-input{width:100%}
  html .cs-frame:not([data-sb-app="projects"]) .cs-hero{height:auto !important;min-height:0 !important;overflow:visible}
  html .cs-frame:not([data-sb-app="projects"]) .cs-hero-text{min-width:0;flex:1 1 auto}
  html .cs-frame:not([data-sb-app="projects"]) .cs-hero-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  html .cs-frame[data-sb-app="cloud"] .fn-bar{flex-wrap:wrap;gap:var(--s-3);justify-content:flex-start;align-items:center;padding-left:0;padding-right:0}
  html .cs-frame[data-sb-app="cloud"] .fn-bar>span:empty{display:none}
  html .cs-frame[data-sb-app="cloud"] .fn-bar .cs-seg{margin-left:auto}
  html .cs-frame[data-sb-app="cloud"] .fn-empty{padding:var(--s-10) var(--s-8) !important;position:static}
  html .cs-frame[data-sb-app="cloud"] .fn-statusbar{flex:0 0 auto;margin-top:auto;padding:var(--s-4) var(--s-6);gap:var(--s-5);flex-wrap:wrap}
  html .cs-frame[data-sb-app="cloud"] .fn-storage{flex:1 1 calc(35 * var(--s-1));min-width:0}
}
@media (max-width:560px){
  html .fn-empty{position:static !important;left:auto;top:auto;transform:none;
    width:100%;max-width:100%;padding:calc(12 * var(--s-1)) var(--s-8);margin:0 auto}
  html .cs-hero-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;max-width:100%}
  html .cs-hero{overflow:visible;flex-wrap:wrap;row-gap:var(--s-4)}
  html .cs-hero .cs-btn{flex:0 0 auto}
}
html:not(.cslight) .cs-bar{background:linear-gradient(180deg,var(--lv-c-44),var(--lv-c-40) 55%),var(--lv-c-254) !important;
  -webkit-backdrop-filter:blur(calc(9 * var(--s-1))) saturate(1.4);backdrop-filter:blur(calc(9 * var(--s-1))) saturate(1.4);
  border-bottom:var(--cs-edge-w) solid var(--lv-c-167) !important;
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-57) !important}
html:not(.cslight) .cs-rail{background:linear-gradient(180deg,var(--lv-c-129),var(--lv-c-40) 40%),var(--lv-c-255) !important;
  -webkit-backdrop-filter:blur(calc(9 * var(--s-1))) saturate(1.4);backdrop-filter:blur(calc(9 * var(--s-1))) saturate(1.4);
  border-right:var(--cs-edge-w) solid var(--lv-c-171) !important;
  box-shadow:inset calc(-1 * var(--cs-edge-w)) 0 0 var(--lv-c-190) !important}
html:not(.cslight) .cs-rail-item{color:var(--cs-ink)}
html:not(.cslight) .cs-rail-item.is-on{background:var(--lv-c-3) !important;
  box-shadow:inset 0 0 0 var(--cs-edge-w) var(--lv-c-256) !important;color:var(--cs-on-accent) !important}
html:not(.cslight) .cs-rail-item.is-on sf-icon{color:var(--cs-accent)}
@media (max-width:560px){
  html:not(.cslight) .cs-bar{background:linear-gradient(180deg,var(--lv-c-257),var(--lv-c-40) 55%),var(--lv-c-258) !important}
  html:not(.cslight) .cs-bar .cs-tabs{background:linear-gradient(180deg,var(--lv-c-57),var(--lv-c-40) 55%),var(--lv-c-259) !important;
    border:var(--cs-edge-w) solid var(--lv-c-14) !important;
    box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-192),0 var(--s-3) var(--s-8) calc(-1 * var(--s-3)) var(--lv-c-260) !important}
  html:not(.cslight) .cs-bar .cs-tabs .cs-tab{background:var(--lv-c-223) !important;border:var(--cs-edge-w) solid var(--lv-c-57) !important}
  html:not(.cslight) .cs-bar .cs-tabs .cs-tab.is-on{background:var(--lv-c-97) !important;border-color:var(--lv-c-154) !important;
    box-shadow:0 var(--s-0) var(--s-4) var(--lv-c-46) !important}
  html:not(.cslight) .cs-bar .cs-tabs .cs-tab.is-on sf-icon{color:var(--cs-accent)}
  html:not(.cslight) .cs-bar .cs-brand,html:not(.cslight) .cs-bar .cs-bar-tools .cs-avatar-me{background:linear-gradient(180deg,var(--lv-c-57),var(--lv-c-40) 60%),var(--lv-c-261) !important;
    border:var(--cs-edge-w) solid var(--lv-c-47) !important}
  html:not(.cslight) .cs-rail{background:linear-gradient(180deg,var(--lv-c-223),var(--lv-c-40) 40%),var(--lv-c-262) !important}
}
.dc-banner{position:relative;height:calc(43 * var(--s-1));flex:0 0 auto;overflow:hidden;
  border-bottom:var(--cs-edge-w) solid var(--lv-c-257);
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-171)}
.dc-banner-bg{position:absolute;inset:calc(-1 * var(--cs-icon));
  background:
    radial-gradient(84% 120% at 16% 0%,var(--lv-c-263) 0%,var(--lv-c-264) 62%),
    radial-gradient(70% 100% at 88% 18%,var(--lv-c-265) 0%,var(--lv-c-266) 66%),
    linear-gradient(170deg,var(--lv-c-267),var(--lv-c-268));
  background-size:180% 180%,190% 190%,100% 100%;
  filter:blur(var(--s-2)) saturate(1.1);
  animation:dcBannerDrift 82s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
  .dc-banner-bg{animation:none}
}
.dc-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dc-banner-glow{position:absolute;inset:0;
  background:
    radial-gradient(120% 80% at 50% 0%,var(--lv-c-171),var(--lv-c-40) 58%),
    linear-gradient(180deg,var(--lv-c-269) 0%,var(--lv-c-270) 100%)}
.dc-banner-foot{position:absolute;left:0;right:0;bottom:0;height:var(--cs-card-head-h);
  display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-4)}
.dc-banner-name{flex:1;min-width:0;font:var(--cs-weight-strong) var(--type-title)/1 var(--disp);letter-spacing:-.015em;
  color:var(--cs-ink);text-shadow:0 var(--s-0) var(--s-0) var(--lv-c-271);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-banner-btn{display:grid;place-items:center;width:var(--s-8);height:var(--s-9);flex:0 0 auto;
  border-radius:var(--r-ctl);color:var(--cs-ink-2);background:transparent;padding:0}
.dc-banner-btn sf-icon{font-size:var(--type-head);line-height:1}
.dc-banner-btn:hover{color:var(--cs-on-accent);background:var(--lv-c-273)}
.dc-body{grid-template-columns:calc(13 * var(--s-1)) calc(63 * var(--s-1)) minmax(0px,1fr) calc(72 * var(--s-1))}
.dc-banner-foot{height:var(--cs-pv-bar-h);
  background:linear-gradient(180deg,var(--lv-c-274),var(--lv-c-275))}
.dc-banner-name{font-size:var(--type-title)}
@media (max-width:1180px){
  .dc-body{grid-template-columns:calc(13 * var(--s-1)) calc(58 * var(--s-1)) minmax(0px,1fr)}
  .dc-body>.dc-side{display:none}
}
.dc-body.is-noside{grid-template-columns:calc(13 * var(--s-1)) calc(63 * var(--s-1)) minmax(0px,1fr)}
.dc-body.is-noside>.dc-side{display:none}
.dc-body.is-nosrv .dc-people .dc-banner-btn,.dc-body.is-nosrv .dc-people .dc-addch{display:none}
.dc-body.is-client .dc-people .dc-banner-btn,.dc-body.is-client .dc-people .dc-addch{display:none}
@media (max-width:560px){
  .dc-body.is-client,.dc-body.is-noside,.dc-body.is-client.is-noside{grid-template-columns:minmax(0px,1fr)}
  html .cs-frame[data-sb-app="chat"] .dc-body.is-client>.dc-side{display:none}
  html .cs-frame[data-sb-app="chat"] .dc-body.is-client:not(.is-noside)>.dc-side{display:flex;border-left:0;border-top:var(--cs-edge-w) solid var(--hair)}
  html .cs-frame[data-sb-app="chat"] .dc-body.is-nosrv>.dc-side{display:none}
}
.dc-msgs>.dc-day:first-child{margin-top:auto}
.cs-rail-foot{background:var(--panel);border-top:var(--cs-edge-w) solid var(--hair)}
html:not(.cslight) .cs-rail-foot{background:linear-gradient(180deg,var(--lv-c-276),var(--lv-c-277));
  -webkit-backdrop-filter:blur(var(--s-7)) saturate(1.4);backdrop-filter:blur(var(--s-7)) saturate(1.4);
  border-top:var(--cs-edge-w) solid var(--lv-c-257)}
html.cslight .cs-rail-foot{background:var(--panel)}
.dc-pcat{cursor:pointer}
.sb-wrap{display:flex;flex-direction:column;gap:var(--s-6);max-width:var(--cs-column);margin:0 auto;width:100%}
.sb-since{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-6);border-color:var(--ok-ring);background:linear-gradient(90deg,var(--ok-soft),transparent 80%),var(--surface);font:var(--cs-weight) var(--type-title)/1.4 var(--font);color:var(--cs-ink-2)}
.sb-since b{color:var(--cs-good);font-weight:var(--cs-weight-strong)}
.sb-hero{display:grid;grid-template-columns:minmax(0px,1fr) auto;gap:var(--s-8);align-items:center;padding:var(--s-7) var(--s-8);background:radial-gradient(calc(130 * var(--s-1)) var(--cs-node-w) at 0% 0%,var(--ok-soft),transparent 70%),var(--surface)}
.sb-hero-k{font:var(--t-eyebrow);font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.08em;color:var(--cs-ink-3)}
.sb-total{display:block;margin:var(--s-2) 0 var(--s-1);font:var(--cs-weight-strong) var(--type-title)/1 var(--disp);letter-spacing:-.03em;color:var(--cs-good);font-variant-numeric:tabular-nums}
.sb-hero-n{font:var(--cs-weight) var(--type-head)/1.4 var(--font);color:var(--cs-ink-3)}
.sb-best{display:inline-flex;align-items:center;gap:var(--s-2);margin-left:var(--s-4);padding:var(--s-0) var(--s-3);border-radius:var(--r-pill);font:var(--cs-weight-strong) var(--type-body)/1.2 var(--font);color:var(--sb-gold);background:var(--sb-gold-soft);border:var(--cs-edge-w) solid var(--sb-gold-ring);vertical-align:middle}
.sb-inplay{margin-top:var(--s-5);font:var(--cs-weight) var(--type-title)/1.45 var(--font);color:var(--cs-ink-2)}
.sb-inplay b{color:var(--cs-ink);font-weight:var(--cs-weight-strong)}
.sb-sent{margin-top:var(--s-4);display:inline-flex;gap:var(--s-2);align-items:center;font:var(--cs-weight) var(--type-head)/1.4 var(--font);color:var(--cs-ink-2)}
.sb-clock{display:flex;align-items:center;gap:var(--s-6)}
.sb-ring{--sb-tone:var(--accent);display:grid;place-items:center;width:calc(24 * var(--s-1));height:calc(24 * var(--s-1));border-radius:50%;flex:0 0 auto;background:conic-gradient(var(--sb-tone) var(--deg,0deg),var(--well) 0)}
.sb-ring.is-warn{--sb-tone:var(--warn)}
.sb-ring>span{display:grid;place-items:center;align-content:center;gap:var(--s-0);width:calc(20 * var(--s-1));height:calc(20 * var(--s-1));border-radius:50%;background:var(--surface);text-align:center}
.sb-ring-v{white-space:nowrap;font:var(--cs-weight-strong) var(--type-title)/1.1 var(--disp);color:var(--cs-ink);font-variant-numeric:tabular-nums}
.sb-ring.is-warn .sb-ring-v{color:var(--cs-warn)}
.sb-ring-k{font:var(--t-micro);color:var(--cs-ink-4)}
.sb-clock-t{display:flex;flex-direction:column;gap:var(--s-1);max-width:var(--cs-node-w);font:var(--cs-weight) var(--type-head)/1.4 var(--font);color:var(--cs-ink-2)}
.sb-clock-t b{color:var(--cs-ink);font-weight:var(--cs-weight-strong)}
.sb-rule{font:var(--t-micro);color:var(--cs-ink-4);line-height:1.45}
.sb-tiles{display:grid;grid-template-columns:repeat(3,minmax(0px,1fr)) minmax(0px,1.35fr);gap:var(--s-5)}
.sb-tile{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5) var(--s-6);min-width:0}
.sb-tile-v{font:var(--t-stat);letter-spacing:-.025em;color:var(--cs-ink);font-variant-numeric:tabular-nums}
.sb-tile-v small{font:var(--cs-weight) var(--type-head)/1 var(--font);color:var(--cs-ink-4);letter-spacing:0;margin-left:var(--s-0)}
.sb-seg{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-0)}
.sb-seg i{display:block;height:var(--s-2);border-radius:var(--s-0);background:var(--well);overflow:hidden}
.sb-seg b{display:block;height:100%;background:var(--ok)}
.sb-earn{font:var(--cs-weight-strong) var(--type-head)/1.3 var(--font);color:var(--cs-good);font-variant-numeric:tabular-nums}
.sb-tile-c{font:var(--cs-weight) var(--type-body)/1.4 var(--font);color:var(--cs-ink-2)}
.sb-left{font:var(--cs-weight) var(--type-body)/1.3 var(--font);color:var(--cs-ink-4);font-variant-numeric:tabular-nums}
.sb-meter{display:block;height:var(--s-3);border-radius:var(--r-pill);background:var(--well);overflow:hidden}
.sb-meter>span{display:block;height:100%;border-radius:var(--r-pill);background:var(--ok)}
.sb-health-s{font:var(--cs-weight) var(--type-title)/1.5 var(--font);color:var(--cs-ink-2)}
.sb-health-s b{color:var(--cs-ink);font-weight:var(--cs-weight-strong)}
.sb-sec{display:flex;align-items:baseline;gap:var(--s-3);margin:var(--s-2) 0 calc(-1 * var(--s-1));font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp);color:var(--cs-ink)}
.sb-sec span{font:var(--t-micro);font-weight:var(--cs-weight);color:var(--cs-ink-4)}
.sb-next{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-6)}
.sb-next-t{display:block;font:var(--cs-weight-strong) var(--type-head)/1.3 var(--disp);color:var(--cs-ink)}
.sb-next-s{display:block;font:var(--t-micro);color:var(--cs-ink-3);margin-top:var(--s-0)}
.sb-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cs-pv-panel-w),1fr));gap:var(--s-5)}
.sb-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5) var(--s-6);min-width:0}
.sb-card.is-out{background:transparent;border-style:dashed}
.sb-card-top{display:flex;align-items:flex-start;gap:var(--s-3)}
.sb-name{flex:1;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:var(--cs-weight-strong) var(--type-title)/1.3 var(--disp);color:var(--cs-ink);overflow-wrap:anywhere}
.sb-name:hover{color:var(--cs-accent);text-decoration:underline}
.sb-sub{font:var(--t-micro);color:var(--cs-ink-4)}
.sb-pills{display:flex;flex-wrap:wrap;gap:var(--s-1)}
.sb-pills .cs-pill{height:var(--s-9)}
.sb-clockrow{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-4)}
.sb-stage{height:var(--s-9);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase}
.sb-stage i{background:var(--stage-queue)}
.sb-pills .cs-pill b{font-weight:var(--cs-weight-strong);margin-right:var(--s-1)}
.sb-help{display:inline-flex;align-items:center;gap:var(--s-2);margin-top:calc(-1 * var(--s-1));font:var(--t-micro);font-size:var(--type-body);color:var(--cs-ink-3)}
.sb-help sf-icon{color:var(--cs-accent)}
.sb-cs-empty{padding:var(--s-8) var(--s-8)}
.sb-cs-empty.is-flat{border:0;border-radius:0;background:transparent}
.sb-total.is-warn{color:var(--cs-warn)}
.sb-total.is-accent{color:var(--cs-accent)}
.sb-tiles.is-four{grid-template-columns:repeat(4,minmax(0px,1fr))}
.sb-clockline{font:var(--cs-weight-strong) var(--type-head)/1.3 var(--font);color:var(--cs-ink-2)}
.sb-clockline.is-warn{color:var(--cs-warn)}
.sb-clockline.is-bad{color:var(--cs-bad)}
.sb-clockline.is-quiet{color:var(--cs-ink-4);font-weight:var(--cs-weight)}
.sb-rate{font:var(--cs-weight) var(--type-head)/1.4 var(--font);color:var(--cs-ink-3)}
.sb-upto{font:var(--cs-weight) var(--type-head)/1.4 var(--font);color:var(--cs-ink-2)}
.sb-upto b{color:var(--cs-good);font-weight:var(--cs-weight-strong)}
.sb-row-s{display:block;font:var(--t-micro);color:var(--cs-ink-4);margin-top:var(--s-0)}
.sb-pct{font:var(--t-micro);color:var(--cs-ink-4);min-width:var(--cs-row);text-align:right}
.sb-perfect{position:relative;overflow:hidden;flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-0) var(--s-3);border-radius:var(--r-pill);font:var(--cs-weight-strong) var(--type-body)/1.2 var(--font);color:var(--sb-gold);background:var(--sb-gold-soft);border:var(--cs-edge-w) solid var(--sb-gold-ring)}
.sb-rcpt{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4) var(--s-6) var(--s-5) calc(10 * var(--s-1));border-bottom:var(--cs-edge-w) solid var(--hair);background:var(--panel);font:var(--cs-weight) var(--type-head)/1.45 var(--font);color:var(--cs-ink-2)}
.sb-rl{display:grid;grid-template-columns:calc(21 * var(--s-1)) var(--cs-pv-pill-h) minmax(0px,1fr) auto calc(24 * var(--s-1));gap:var(--s-4);align-items:center}
.sb-rl.is-full{grid-template-columns:minmax(0px,1fr) auto}
.sb-rl.is-tot{grid-template-columns:minmax(0px,1fr);padding-top:var(--s-2);border-top:var(--cs-edge-w) solid var(--hair);font-weight:var(--cs-weight-strong);color:var(--cs-ink)}
.sb-rcpt-k{color:var(--cs-ink);white-space:nowrap}
.sb-rcpt-s{color:var(--cs-ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.sb-rcpt-r{min-width:0;color:var(--cs-ink-3);overflow-wrap:anywhere}
.sb-rcpt-a{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--cs-ink-2)}
.sb-rl:not(.is-full) .sb-rcpt-a{color:var(--cs-good)}
.sb-bar{display:block;height:var(--s-2);border-radius:var(--r-pill);background:var(--well);overflow:hidden}
.sb-bar>span{display:block;height:100%;border-radius:var(--r-pill);background:var(--ok)}
.sb-rcpt-note{font:var(--t-micro);color:var(--cs-ink-3)}
.sb-ap{display:grid;grid-template-columns:auto minmax(0px,1fr) auto;gap:var(--s-5);align-items:start;width:100%;padding:var(--s-6) var(--s-7);border:0;border-bottom:var(--cs-edge-w) solid var(--hair);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--dur) var(--ease)}
.sb-ap:hover{background:var(--field-hover)}
.sb-ap:focus-visible{outline:var(--s-0) solid var(--accent);outline-offset:calc(-1 * var(--s-0))}
.sb-ap-caret{display:inline-flex;margin-top:var(--s-0);color:var(--cs-ink-4)}
.sb-ap-main{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}
.sb-ap-top{display:flex;align-items:center;gap:var(--s-3);min-width:0}
.sb-ap-n{min-width:0;font:var(--cs-weight-strong) var(--fs-xl)/1.3 var(--disp);color:var(--cs-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-ap-s{font:var(--t-micro);color:var(--cs-ink-4)}
.sb-ap-facts{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-1)}
.sb-ap-f{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--s-9);padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--field);border:var(--cs-edge-w) solid var(--hair2);font:var(--t-label);color:var(--cs-ink-2);white-space:nowrap}
.sb-ap-f.is-ok{border-color:var(--ok-ring);background:var(--ok-soft)}
.sb-ap-f.is-ok .sb-ap-v{color:var(--cs-good)}
.sb-ap-k{font:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-ink-4)}
.sb-ap-v{color:var(--cs-ink);font-variant-numeric:tabular-nums}
.sb-stars{display:inline-flex;align-items:center;gap:var(--s-0);font-size:var(--fs-lg)}
.sb-star{display:inline-block;width:1em;height:1em;background:currentColor;color:var(--cs-ink-4);opacity:.35;clip-path:polygon(50% 2%,61.8% 36%,97.6% 36.4%,69% 58%,79.4% 92.4%,50% 71.8%,20.6% 92.4%,31% 58%,2.4% 36.4%,38.2% 36%)}
.sb-star.is-on{color:var(--sb-gold);opacity:1}
.sb-ap-pay{font:var(--t-label);color:var(--cs-ink-3);font-variant-numeric:tabular-nums}
.sb-ap-r{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-1)}
.sb-ap-amt{font:var(--cs-weight-strong) var(--fs-3xl)/1 var(--disp);letter-spacing:-.02em;color:var(--cs-good);font-variant-numeric:tabular-nums;white-space:nowrap}
.sb-ap-total{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-6) var(--s-7);border-radius:0 0 var(--r-card) var(--r-card);background:linear-gradient(90deg,var(--ok-soft),transparent 75%)}
.sb-ap-total-k{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}
.sb-ap-total-k b{font:var(--cs-weight-strong) var(--fs-xl)/1.2 var(--disp);color:var(--cs-ink)}
.sb-ap-total-s{font:var(--t-micro);color:var(--cs-ink-4)}
.sb-ap-total-v{font:var(--t-stat);letter-spacing:-.02em;color:var(--cs-good);font-variant-numeric:tabular-nums}
@media (max-width:560px){
  .sb-ap{grid-template-columns:auto minmax(0px,1fr);gap:var(--s-3);padding:var(--s-5)}
  .sb-ap-r{grid-column:2;flex-direction:row;align-items:baseline;justify-content:space-between}
  .sb-ap-total{padding:var(--s-5)}
}
@media (prefers-reduced-motion:reduce){
  .sb-ap{transition:none}
}
.sb-streaks{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.sb-streak{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);font:var(--cs-weight) var(--type-head)/1.2 var(--font);color:var(--cs-ink-2)}
.sb-streak sf-icon{color:var(--cs-accent)}
.sb-streak b{color:var(--cs-ink);font-weight:var(--cs-weight-strong);font-variant-numeric:tabular-nums}
.sb-streak.is-hot sf-icon,.sb-streak.is-gold sf-icon{color:var(--sb-gold)}
.sb-streak.is-gold{border-color:var(--sb-gold-ring)}
.sb-nc{flex-wrap:wrap}
.sb-skel{display:block}
@media (max-width:1100px){
  .sb-tiles,.sb-tiles.is-four{grid-template-columns:repeat(2,minmax(0px,1fr))}
}
@media (max-width:700px){
  .sb-hero{grid-template-columns:minmax(0px,1fr);gap:var(--s-7);padding:var(--s-7)}
  .sb-total{font-size:var(--type-title)}
  .sb-best{margin:var(--s-3) 0 0;display:flex;width:max-content}
  .sb-cards{grid-template-columns:minmax(0px,1fr)}
  .sb-rcpt{padding-left:var(--s-6)}
  .sb-rl{grid-template-columns:calc(20 * var(--s-1)) var(--s-10) minmax(0px,1fr);gap:var(--s-1) var(--s-3)}
  .sb-rl .sb-rcpt-a{grid-column:3;grid-row:1}
  .sb-rl .sb-rcpt-r{grid-column:1/-1;grid-row:2}
  .sb-rl .sb-bar{grid-column:1/-1;grid-row:3}
  .sb-rl.is-full .sb-rcpt-a{grid-column:auto;grid-row:auto}
}
@media (max-width:420px){
  .sb-tiles{gap:var(--s-3)}
  .sb-tile{padding:var(--s-4) var(--s-5)}
  .sb-tile-v{font-size:var(--type-title)}
  .sb-ring{width:calc(21 * var(--s-1));height:calc(21 * var(--s-1))}
  .sb-ring>span{width:var(--cs-avatar-lg);height:var(--cs-avatar-lg)}
  .sb-perfect span{display:none}
}
.cs-seg>button.is-on,.cs-ctab.is-on,.dc-seg-btn.on{color:var(--cs-on-accent)!important;background:var(--pill-blue)!important;
  border-color:var(--accent-ring)!important;box-shadow:var(--glow-sm)!important;text-shadow:0 var(--s-0) var(--s-0) var(--lv-c-278)}
.cs-seg>button.is-on sf-icon,.cs-ctab.is-on sf-icon{color:inherit!important}
.cs-pill.is-accent,.cs-pill.is-live,.cs-rolepill,.cs-tab.is-on,.cs-btn.is-secondary{color:var(--cs-accent)!important;background:var(--glass-w-bg)!important;border:var(--cs-edge-w) solid var(--glass-w-edge)!important;box-shadow:var(--glass-w-shadow)!important;
  -webkit-backdrop-filter:var(--cs-card-blur);backdrop-filter:var(--cs-card-blur)}   
.cs-btn.is-secondary{color:var(--cs-ink)!important}
.cs-tab.is-on sf-icon,.cs-pill.is-live sf-icon{color:var(--cs-accent)!important}
html:not(.cslight) :is(.cs-pill.is-accent,.cs-pill.is-live,.cs-rolepill,.cs-tab.is-on,.cs-btn.is-secondary){color:var(--cs-ink)!important;background:var(--glass-d-bg)!important;border-color:var(--glass-d-edge)!important;box-shadow:var(--glass-d-shadow)!important}
html:not(.cslight) :is(.cs-tab.is-on,.cs-pill.is-live) sf-icon{color:var(--cs-ink)!important}
.cbpc{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--r-panel);overflow:hidden;cursor:pointer;isolation:isolate;container-type:inline-size;
 background:linear-gradient(150deg,color-mix(in srgb,var(--stage-queue) 30%,var(--tint-5)),var(--tint-10) 80%);
 border:var(--cs-edge-w) solid var(--lv-c-279);box-shadow:var(--e3);
 transition:transform var(--dur) var(--ease),box-shadow var(--dur);
 font-family:var(--lv-font-1);-webkit-font-smoothing:subpixel-antialiased;font-synthesis:none;color:var(--cs-on-accent);}
.cbpc *{box-sizing:border-box;margin:0;}
.cbpc sf-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:0;}
.cbpc:hover{transform:translateY(calc(-1 * var(--s-0)));box-shadow:var(--e3);}
.cbpc:focus-visible{outline:var(--s-0) solid var(--accent);outline-offset:var(--s-0);}
.cbpc[data-stage="Queue"]{background:linear-gradient(150deg,color-mix(in srgb,var(--stage-queue) 30%,var(--lv-c-280)),var(--lv-c-281) 82%);}
.cbpc[data-stage="Active"]{background:linear-gradient(150deg,color-mix(in srgb,var(--stage-active) 30%,var(--lv-c-282)),var(--lv-c-283) 82%);}
.cbpc[data-stage="Review"]{background:linear-gradient(150deg,color-mix(in srgb,var(--stage-review) 30%,var(--lv-c-284)),var(--lv-c-285) 82%);}
.cbpc[data-stage="Revisions"]{background:linear-gradient(150deg,color-mix(in srgb,var(--stage-revisions) 30%,var(--lv-c-286)),var(--lv-c-287) 82%);}
.cbpc[data-stage="Approved"]{background:linear-gradient(150deg,color-mix(in srgb,var(--stage-approved) 34%,var(--lv-c-288)),var(--lv-c-289) 82%);}
@media (prefers-reduced-motion:reduce){
  .cbpc,.cbpc:hover{transition:none;transform:none;}
}
html.cslight .cbpc{border-color:var(--lv-c-290);box-shadow:var(--e3);}
.cs-priority.cs-priority{color:var(--priority-ink);background:var(--priority-bg);border:var(--cs-edge-w) solid var(--priority-edge);box-shadow:var(--priority-glow);text-shadow:var(--priority-shine);}
.cs-priority.cs-priority{display:inline-flex;align-items:center;gap:.32em;flex:0 0 auto;box-sizing:border-box;height:var(--cs-pill);padding:0 var(--s-2) 0 var(--s-2);border-radius:var(--r-pill,var(--r-pill));white-space:nowrap;vertical-align:middle;
 font:var(--cs-weight-strong) var(--type-control)/1 var(--lv-font-1);letter-spacing:.02em;text-transform:none;}
.cs-priority::before{content:"";flex:0 0 auto;width:1.26em;height:1em;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %76iewBox='0 0 31.9824 25.3613'%3E%3Cpath d='M3.11523 11.1914C4.82422 11.1914 6.2207 9.79492 6.2207 8.06641C6.2207 6.36719 4.82422 4.96094 3.11523 4.96094C1.39648 4.96094 0 6.35742 0 8.06641C0 9.79492 1.40625 11.1914 3.11523 11.1914ZM3.11523 9.50195C2.33398 9.50195 1.67969 8.85742 1.67969 8.06641C1.67969 7.27539 2.33398 6.64062 3.11523 6.64062C3.89648 6.64062 4.54102 7.29492 4.54102 8.06641C4.54102 8.85742 3.91602 9.50195 3.11523 9.50195ZM15.8105 6.2207C17.5293 6.2207 18.9258 4.82422 18.9258 3.10547C18.9258 1.39648 17.5293 0 15.8105 0C14.0918 0 12.6953 1.38672 12.6953 3.10547C12.6953 4.82422 14.1016 6.2207 15.8105 6.2207ZM15.8105 4.54102C15.0293 4.54102 14.375 3.88672 14.375 3.10547C14.375 2.30469 15.0293 1.67969 15.8105 1.67969C16.5918 1.67969 17.2363 2.32422 17.2363 3.10547C17.2363 3.88672 16.6113 4.54102 15.8105 4.54102ZM28.4961 11.1914C30.2148 11.1914 31.6211 9.79492 31.6211 8.06641C31.6211 6.35742 30.2246 4.96094 28.4961 4.96094C26.7871 4.96094 25.3906 6.36719 25.3906 8.06641C25.3906 9.79492 26.7871 11.1914 28.4961 11.1914ZM28.4961 9.50195C27.7051 9.50195 27.0703 8.85742 27.0703 8.06641C27.0703 7.29492 27.7246 6.64062 28.4961 6.64062C29.2871 6.64062 29.9316 7.27539 29.9316 8.06641C29.9316 8.85742 29.2871 9.50195 28.4961 9.50195ZM4.50195 10.4492L8.48633 12.9004C9.32617 13.418 10.5859 13.3984 11.377 12.334L16.0742 6.12305L14.5312 5.45898L10.166 11.2402C9.89258 11.6016 9.58984 11.6699 9.14062 11.3867L5.36133 9.0625ZM27.1094 10.4199L26.25 9.0332L22.5391 11.3184C22.0312 11.6309 21.6992 11.5527 21.3965 11.1426L17.0996 5.42969L15.5566 6.09375L20.293 12.373C21.0352 13.3594 22.2656 13.3984 22.9688 12.959ZM6.17188 19.6875L25.4492 19.6875L25.4492 18.0566L6.17188 18.0566ZM3.1543 10.6738L5.74219 21.1719C6.21094 23.1055 7.2168 24.043 9.20898 24.043L22.4121 24.043C24.4141 24.043 25.4199 23.1055 25.8887 21.1719L28.4766 10.6738L26.9531 9.98047L24.2676 20.9961C24.0332 21.9434 23.4473 22.4121 22.4316 22.4121L9.19922 22.4121C8.18359 22.4121 7.59766 21.9434 7.36328 20.9961L4.67773 9.98047Z'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %76iewBox='0 0 31.9824 25.3613'%3E%3Cpath d='M3.11523 11.1914C4.82422 11.1914 6.2207 9.79492 6.2207 8.06641C6.2207 6.36719 4.82422 4.96094 3.11523 4.96094C1.39648 4.96094 0 6.35742 0 8.06641C0 9.79492 1.40625 11.1914 3.11523 11.1914ZM3.11523 9.50195C2.33398 9.50195 1.67969 8.85742 1.67969 8.06641C1.67969 7.27539 2.33398 6.64062 3.11523 6.64062C3.89648 6.64062 4.54102 7.29492 4.54102 8.06641C4.54102 8.85742 3.91602 9.50195 3.11523 9.50195ZM15.8105 6.2207C17.5293 6.2207 18.9258 4.82422 18.9258 3.10547C18.9258 1.39648 17.5293 0 15.8105 0C14.0918 0 12.6953 1.38672 12.6953 3.10547C12.6953 4.82422 14.1016 6.2207 15.8105 6.2207ZM15.8105 4.54102C15.0293 4.54102 14.375 3.88672 14.375 3.10547C14.375 2.30469 15.0293 1.67969 15.8105 1.67969C16.5918 1.67969 17.2363 2.32422 17.2363 3.10547C17.2363 3.88672 16.6113 4.54102 15.8105 4.54102ZM28.4961 11.1914C30.2148 11.1914 31.6211 9.79492 31.6211 8.06641C31.6211 6.35742 30.2246 4.96094 28.4961 4.96094C26.7871 4.96094 25.3906 6.36719 25.3906 8.06641C25.3906 9.79492 26.7871 11.1914 28.4961 11.1914ZM28.4961 9.50195C27.7051 9.50195 27.0703 8.85742 27.0703 8.06641C27.0703 7.29492 27.7246 6.64062 28.4961 6.64062C29.2871 6.64062 29.9316 7.27539 29.9316 8.06641C29.9316 8.85742 29.2871 9.50195 28.4961 9.50195ZM4.50195 10.4492L8.48633 12.9004C9.32617 13.418 10.5859 13.3984 11.377 12.334L16.0742 6.12305L14.5312 5.45898L10.166 11.2402C9.89258 11.6016 9.58984 11.6699 9.14062 11.3867L5.36133 9.0625ZM27.1094 10.4199L26.25 9.0332L22.5391 11.3184C22.0312 11.6309 21.6992 11.5527 21.3965 11.1426L17.0996 5.42969L15.5566 6.09375L20.293 12.373C21.0352 13.3594 22.2656 13.3984 22.9688 12.959ZM6.17188 19.6875L25.4492 19.6875L25.4492 18.0566L6.17188 18.0566ZM3.1543 10.6738L5.74219 21.1719C6.21094 23.1055 7.2168 24.043 9.20898 24.043L22.4121 24.043C24.4141 24.043 25.4199 23.1055 25.8887 21.1719L28.4766 10.6738L26.9531 9.98047L24.2676 20.9961C24.0332 21.9434 23.4473 22.4121 22.4316 22.4121L9.19922 22.4121C8.18359 22.4121 7.59766 21.9434 7.36328 20.9961L4.67773 9.98047Z'/%3E%3C/svg%3E") center/contain no-repeat;}
.cs-priority[hidden]{display:none;}
@media (forced-colors:active){
  .cs-priority.cs-priority{border-color:CanvasText;}
  .cs-priority::before{background:CanvasText;}
}
body{background-color:var(--canvas);}
img[src$="cb-logo-white.png"],img[src$="cb-logo-black.svg"]{max-width:100%;max-height:100%;object-fit:contain;}
.cs-brand-mark img{height:var(--cs-pill);width:auto;max-width:calc(33 * var(--s-1));object-fit:contain;display:block;}
.au-mark img{width:calc(13 * var(--s-1));height:calc(13 * var(--s-1));}
html .cs-main > .ctx,html .ctx{position:fixed !important;z-index:200}
html .ctx{width:var(--cs-node-w);padding:var(--s-1);border-radius:var(--r-card);
  background:var(--lv-c-291);
  -webkit-backdrop-filter:blur(calc(10 * var(--s-1))) saturate(1.8);backdrop-filter:blur(calc(10 * var(--s-1))) saturate(1.8);
  border:var(--cs-edge-w) solid var(--lv-c-292);
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-200),0 0 0 var(--cs-edge-w) var(--lv-c-64),0 var(--s-6) calc(10 * var(--s-1)) calc(-1 * var(--s-3)) var(--lv-c-11),0 var(--s-1) var(--s-5) calc(-1 * var(--s-1)) var(--lv-c-213)}
html.cb-dark .ctx{background:var(--lv-c-293);border-color:var(--lv-c-47);
  box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-14),0 0 0 var(--cs-edge-w) var(--lv-c-51),0 var(--s-7) calc(12 * var(--s-1)) calc(-1 * var(--s-4)) var(--lv-c-239),0 var(--s-1) var(--s-6) calc(-1 * var(--s-1)) var(--lv-c-46)}
html .ctx.is-wide{width:calc(68 * var(--s-1))}
html .ctx .ctx-row{height:var(--cs-field-h);border-radius:var(--r-xs);padding:0 var(--s-3);font:var(--cs-weight) var(--type-head)/1 var(--font);color:var(--cs-ink)}
html .ctx .ctx-row sf-icon{color:var(--cs-ink-2)}
html .ctx .ctx-row:hover{background:var(--lv-c-252);color:var(--cs-on-accent)}
html .ctx .ctx-row:hover sf-icon,html .ctx .ctx-row:hover .ctx-meta{color:var(--cs-on-accent);opacity:1}
html .ctx .ctx-row.danger{color:var(--cs-bad)}
html .ctx .ctx-row.danger:hover{background:var(--lv-c-294);color:var(--cs-on-accent)}
html .ctx .ctx-row.danger:hover sf-icon{color:var(--cs-on-accent) !important}
html .ctx .ctx-row.is-on:not(:hover){background:var(--lv-c-295)}
html .ctx .ctx-div{margin:var(--s-1) var(--s-3);background:var(--lv-c-54)}
html.cb-dark .ctx .ctx-div{background:var(--lv-c-72)}
html .ctx .ctx-row{white-space:nowrap}
html .ctx .ctx-row .ctx-meta{margin-left:auto;padding-left:var(--s-3);max-width:calc(19 * var(--s-1));overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;opacity:.55;font-variant-numeric:tabular-nums}
.cs-apphead-tools .cs-pill{cursor:default;pointer-events:none}
html.cslight .cs-bar .cs-status{color:var(--cs-ink-2) !important}
html.cslight .cs-bar .cs-rolepill{color:var(--cs-accent) !important}
.oa-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cs-shelf),1fr));gap:var(--s-5)}
.hm-offer-eyebrow{font:var(--t-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--cs-accent)}
.hm-offer-code{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-1);font:var(--cs-weight-strong) var(--type-title)/1 var(--mono);letter-spacing:.04em;color:var(--cs-ink)}
.wo-sub{font:var(--t-body-sm);color:var(--cs-ink-3);min-width:0}
.wo-note{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4);border-radius:var(--r-item);background:var(--field);border:var(--cs-edge-w) solid var(--hair2);font:var(--t-body-sm);color:var(--cs-ink-2)}
.wo-note sf-icon{flex:0 0 auto;margin-top:var(--s-0)}
.wo-note.is-bad{color:var(--cs-bad);background:var(--bad-soft);border-color:var(--bad-ring);font-weight:var(--cs-weight-strong)}
.wo-note.is-warn{color:var(--cs-warn);background:var(--warn-soft);border-color:var(--warn-ring)}
.oc-wrap{max-width:calc(220 * var(--s-1));margin:0 auto;display:flex;flex-direction:column;gap:var(--s-5)}
.oc-hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);padding:var(--s-7)}
.oc-head{margin:0;font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp);color:var(--cs-ink)}
.oc-clock{display:flex;align-items:baseline;gap:var(--s-3)}
.oc-clock b{font:var(--cs-weight-strong) var(--type-title)/1 var(--disp);font-variant-numeric:tabular-nums;color:var(--cs-ink)}
.oc-clock i{font-style:normal;font:var(--t-body-sm);color:var(--cs-ink-3)}
.oc-hero.is-low .oc-clock b{color:var(--cs-warn)}
.oc-hero.is-ended .oc-clock b{color:var(--cs-ink-4)}
.oc-how{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-6);font:var(--t-body);color:var(--cs-ink)}
.oc-how>span{flex:1;min-width:calc(55 * var(--s-1))}
.oc-coupon{font:var(--cs-weight-strong) var(--type-title)/1 var(--mono);letter-spacing:.05em;color:var(--cs-accent)}
.oc-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(55 * var(--s-1)),1fr));gap:var(--s-4)}
.oc-plan{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-6)}
.oc-plan-p{font:var(--cs-weight-strong) var(--type-title)/1.2 var(--disp);color:var(--cs-ink)}
.oc-plan-was{margin-top:var(--s-3);font:var(--t-body-sm);color:var(--cs-ink-4);text-decoration:line-through;font-variant-numeric:tabular-nums}
.oc-plan-now{font:var(--cs-weight-strong) var(--type-title)/1.1 var(--disp);color:var(--cs-ink);font-variant-numeric:tabular-nums}
.oc-plan-go{margin-top:var(--s-4);text-decoration:none}
.oc-id{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-6)}
.pl-pay{font:var(--t-body-sm);color:var(--cs-ink-2);font-variant-numeric:tabular-nums}
.pp-row{display:grid;grid-template-columns:minmax(0px,1.6fr) calc(23 * var(--s-1)) minmax(0px,1.2fr) calc(28 * var(--s-1)) minmax(0px,1.4fr);gap:var(--s-4);align-items:center;padding:var(--s-3) var(--s-6);border-top:var(--cs-edge-w) solid var(--hair);font:var(--t-body-sm);color:var(--cs-ink);font-variant-numeric:tabular-nums}
.pp-row.is-head{border-top:0;font:var(--t-micro);color:var(--cs-ink-4);text-transform:uppercase;letter-spacing:.04em}
.pp-row>span>i{display:block;font-style:normal;color:var(--cs-ink-4);font:var(--t-micro)}
@media (max-width:760px){
  .pp-row{grid-template-columns:minmax(0px,1fr) calc(20 * var(--s-1))}
  .pp-row>span:nth-child(n+3){grid-column:1/-1}
}
.ps-embed{display:flex;flex:1;min-height:0;padding:0}
.ps-frame{flex:1;width:100%;min-height:calc(100vh - calc(38 * var(--s-1)));border:0;border-top:var(--cs-edge-w) solid var(--hair);border-radius:0;background:var(--panel)}
@media (max-width:640px){
  .ps-embed{padding:0}
  .ps-frame{border-radius:0;border-left:0;border-right:0;min-height:calc(100vh - calc(38 * var(--s-1)))}
}
.al-bar{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap}
.lg-note{padding:var(--s-4) var(--s-5);margin-bottom:var(--s-5);border-radius:var(--r-item);background:var(--field);font:var(--t-body-sm);color:var(--cs-ink-3)}
.lg-note.is-bad{color:var(--cs-bad)}
.lg-list{border:var(--cs-edge-w) solid var(--hair);border-radius:var(--r-card);overflow:hidden;background:var(--panel)}
.lg-row{display:grid;grid-template-columns:calc(20 * var(--s-1)) minmax(0px,1fr) calc(38 * var(--s-1)) calc(22 * var(--s-1));align-items:start;gap:var(--s-4);padding:var(--s-4) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair);cursor:pointer}
.lg-row:last-child{border-bottom:0}
.lg-row:hover{background:var(--field)}
.lg-pill{justify-self:start;padding:var(--s-0) var(--s-3);border-radius:var(--r-pill);background:var(--field);font:var(--cs-weight-strong) var(--type-control)/var(--type-title) var(--font);color:var(--cs-ink-3);white-space:nowrap}
.lg-pill.is-bad{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--cs-bad)}
.lg-pill.is-warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--cs-warn)}
.lg-pill.is-ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--cs-good)}
.lg-pill.is-skip{background:var(--field);color:var(--cs-ink-4)}
.lg-main{display:flex;flex-direction:column;gap:var(--s-0);min-width:0}
.lg-msg{font:var(--cs-weight-strong) var(--type-title)/1.35 var(--disp);color:var(--cs-ink);overflow-wrap:anywhere}
.lg-sub{font:var(--t-micro);color:var(--cs-ink-3);overflow-wrap:anywhere}
.lg-stack{font:var(--t-micro);font-family:var(--mono);color:var(--cs-ink-4);overflow-wrap:anywhere}
.lg-ref{font:var(--t-body-sm);font-family:var(--mono);color:var(--cs-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-when{font:var(--t-micro);color:var(--cs-ink-4);text-align:right;white-space:nowrap}
@media (max-width:640px){
  .lg-row{grid-template-columns:var(--cs-avatar-lg) minmax(0px,1fr);row-gap:var(--s-1)}
  .lg-ref{grid-column:2}
  .lg-when{grid-column:2;text-align:left}
}
.ak-wrap{display:flex;flex-direction:column;gap:var(--s-6);max-width:calc(260 * var(--s-1))}
.ak-form,.ak-token{padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}
.ak-row{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center}
.ak-label{font:var(--t-eyebrow);letter-spacing:.09em;text-transform:uppercase;color:var(--cs-ink-4)}
.ak-scopes{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.ak-scope{cursor:pointer}
.ak-code{display:block;white-space:pre-wrap;word-break:break-all;padding:var(--s-4) var(--s-5);border-radius:var(--r-item);background:var(--field);border:var(--cs-edge-w) solid var(--hair2);font:var(--cs-weight) var(--type-body)/1.5 var(--mono);color:var(--cs-ink);user-select:all}
.ak-list{display:flex;flex-direction:column}
.ak-key{display:grid;grid-template-columns:minmax(0px,1.5fr) calc(23 * var(--s-1)) minmax(0px,2fr) calc(28 * var(--s-1)) calc(28 * var(--s-1)) auto;gap:var(--s-4);align-items:center;padding:var(--s-4) var(--s-6);border-bottom:var(--cs-edge-w) solid var(--hair)}
.ak-key:last-child{border-bottom:0}
.ak-name{display:block;font:var(--cs-weight-strong) var(--type-head)/1.35 var(--disp);color:var(--cs-ink);overflow-wrap:anywhere}
.ak-sub{display:block;font:var(--t-micro);color:var(--cs-ink-3);overflow-wrap:anywhere}
.ak-when{font:var(--t-micro);color:var(--cs-ink-4);white-space:nowrap}
.ak-act{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-3)}
@media (max-width:760px){
  .ak-key{grid-template-columns:minmax(0px,1fr) auto}
  .ak-key>.ak-sub,.ak-key>.ak-when{grid-column:1}
}
.al-count{margin-left:auto;font:var(--t-micro);color:var(--cs-ink-4)}
.al-panel{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6);max-height:calc(100vh - calc(43 * var(--s-1)));overflow:auto}
@media (max-width:1100px){
  .al-panel{position:static;max-height:none}
}
[data-ro-id]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.dc-catgrp{display:flex;flex-direction:column;gap:var(--s-0);min-width:0;border-radius:var(--r-xs)}
html[data-ro-edit] [data-ro^="apps"]>[data-ro-id],html[data-ro-edit="tabs"] [data-ro^="tabs"]>[data-ro-id],html[data-ro-edit="chat"] [data-ro^="chat"]>[data-ro-id]{touch-action:none;cursor:grab}
html[data-ro-edit="apps"] [data-ro="apps"]>[data-ro-id],html[data-ro-edit="tabs"] [data-ro^="tabs."]>[data-ro-id]{animation:csJiggleX .26s ease-in-out infinite alternate;will-change:rotate}
html[data-ro-edit="chat"] [data-ro^="chat."]>[data-ro-id]{animation:csJiggleY .3s ease-in-out infinite alternate;will-change:rotate}
html[data-ro-edit] [data-ro]>[data-ro-id]:nth-child(2n){animation-delay:-.13s;animation-direction:alternate-reverse}
html[data-ro-edit] [data-ro]>[data-ro-id]:nth-child(3n){animation-duration:.29s}
html[data-ro-edit] [data-ro-id].is-ro-lift{animation:none;rotate:0deg;z-index:5;position:relative;cursor:grabbing;
  background:var(--surface);box-shadow:var(--e3);border-radius:var(--r-ctl)}
.dc-catgrp.is-ro-target{background:var(--accent-soft);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--accent-ring)}
@media (prefers-reduced-motion:reduce){
  html[data-ro-edit] [data-ro]>[data-ro-id]{animation:none}
}
.cs-ro-bar{position:fixed;left:50%;bottom:var(--s-8);z-index:9500;display:flex;align-items:center;gap:var(--s-3);
  padding:var(--s-2) var(--s-2) var(--s-2) var(--s-7);border-radius:var(--r-pill);font:var(--cs-weight-strong) var(--type-head)/1 var(--font);color:var(--cs-ink);
  background:color-mix(in srgb,var(--surface) 72%,transparent);border:var(--cs-edge-w) solid var(--hair2);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--e3);
  opacity:0;pointer-events:none;translate:-50% var(--s-6);scale:.96;
  transition:opacity .22s cubic-bezier(.2,.9,.25,1),translate .3s cubic-bezier(.2,.9,.25,1),scale .3s cubic-bezier(.2,.9,.25,1)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .cs-ro-bar{background:var(--surface)}
}
.cs-ro-bar.is-on{opacity:1;pointer-events:auto;translate:-50% 0;scale:1}
.cs-ro-label{color:var(--cs-ink-2);white-space:nowrap;margin-right:var(--s-2)}
.cs-ro-btn{width:var(--cs-row);height:var(--cs-row);border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;flex:0 0 auto}
.cs-ro-btn sf-icon{font-size:var(--ic-md)}
.cs-ro-btn.is-cancel{background:var(--field);color:var(--cs-ink-2)}
.cs-ro-btn.is-cancel:hover{background:var(--field-hover);color:var(--cs-ink)}
.cs-ro-btn.is-done{color:var(--cs-on-accent);background:linear-gradient(180deg,var(--accent-fill-top),var(--accent-fill-btm));box-shadow:var(--glow-sm)}
.cs-ro-btn.is-done:hover{filter:brightness(1.08)}
.cs-ro-btn:focus-visible{outline:0;box-shadow:var(--ring)}
@media (max-width:640px){
  .cs-ro-label{display:none}
  .cs-ro-bar{padding:var(--s-2)}
}
.dc-pcat .dc-addch{margin-left:auto;width:var(--cs-pill);height:var(--cs-pill);min-width:var(--cs-pill);border-radius:var(--r-xs)}
.dc-addplus{font:var(--cs-weight) var(--type-title)/1 var(--font);letter-spacing:0;text-transform:none;translate:0 calc(-1 * var(--cs-edge-w))}
.dc-pcat .dc-addch:hover{background:var(--field-hover)}
.cs-bar .cs-tab sf-icon,.cs-bar .cs-iconbtn sf-icon,.cs-rail-slot sf-icon,.cs-rail-ico sf-icon,.dc-plist .dc-hash>sf-icon,.dc-chhead .cs-iconbtn sf-icon,.dc-phead-ico sf-icon,.dc-srv sf-icon,.dc-banner-btn sf-icon,.dc-me sf-icon,.dc-composer .cs-iconbtn sf-icon{font-size:var(--ic-md)}
.dc-pcat>sf-icon,.dc-search sf-icon,.dc-sidetab sf-icon{font-size:var(--ic-sm)}
.cs-bar .cs-tab sf-icon,.dc-plist .dc-hash{min-width:var(--ic-md);justify-content:center}
.dc-plist .dc-hash>sf-icon{width:auto}
.dc-msgs{gap:var(--s-2)}
.cs-notifs-list{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3)}

.ddp-shelf{position:fixed;z-index:140;top:var(--shell-bar-h,calc(11 * var(--s-1)));right:0;bottom:0;width:min(calc(120 * var(--s-1)),94vw);display:flex;flex-direction:column;
  background:var(--surface);border-left:var(--cs-edge-w) solid var(--hair);box-shadow:var(--e4);animation:dvIn .22s var(--ease)}
.ddp-shelf .ddp-head{flex:0 0 auto;gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-4) var(--s-6)}
.ddp-shelf .ddp-head>sf-icon{color:var(--cs-accent);font-size:var(--ic-md)}
.ddp-shelf .ddp-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--s-5) var(--s-6) var(--s-8)}
.ddp-shelf .md-body{gap:var(--s-2)}
.ddp-shelf .md-p{display:block;margin:0 0 var(--s-3);font:var(--cs-weight) var(--type-head)/1.65 var(--font);color:var(--cs-ink-2)}
.ddp-shelf .md-li{display:block;margin:0 0 var(--s-1);font:var(--cs-weight) var(--type-head)/1.6 var(--font)}
.ddp-shelf .md-code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--s-1) var(--s-4);background:var(--field);border-radius:var(--r-xs)}
@media (prefers-reduced-motion:reduce){
  .ddp-shelf{animation:none}
}
.svs-body{display:flex;flex-direction:column;gap:var(--s-3)}
.svs-sec{margin-top:var(--s-4);font:var(--t-eyebrow);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--cs-ink-4);display:flex;flex-direction:column;gap:var(--s-1)}
.svs-sec:first-child{margin-top:0}
.svs-sec i{font:var(--cs-weight) var(--type-body)/1.4 var(--font);font-style:normal;letter-spacing:0;text-transform:none;color:var(--cs-ink-4)}
.svs-roles{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.svs-rolechip{display:inline-flex;align-items:center;gap:var(--s-2);height:var(--s-9);padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--field);border:var(--cs-edge-w) solid var(--hair);font:var(--cs-weight-strong) var(--type-body)/1 var(--font);color:var(--cs-ink-2)}
.svs-rolechip b{font:var(--cs-weight-strong) var(--type-body)/1 var(--disp);color:var(--cs-ink)}
.svs-grid{display:flex;flex-direction:column;border:var(--cs-edge-w) solid var(--hair);border-radius:var(--r-card);overflow:hidden}
.svs-row{display:grid;grid-template-columns:minmax(0px,1fr) repeat(4,var(--cs-pv-bar-h)) calc(21 * var(--s-1));align-items:center;min-height:var(--s-10);padding:0 var(--s-3) 0 var(--s-4);border-top:var(--cs-edge-w) solid var(--hair)}
.svs-row:first-child{border-top:0}
.svs-row.is-head{min-height:var(--cs-rail-row);background:var(--field);font:var(--t-micro);color:var(--cs-ink-4)}
.svs-row.is-cat{background:color-mix(in srgb,var(--field) 60%,transparent)}
.svs-row.is-cat .svs-name{font-weight:var(--cs-weight-strong);color:var(--cs-ink)}
.svs-name{display:flex;align-items:center;gap:var(--s-2);min-width:0;font:var(--cs-weight-strong) var(--type-head)/1.2 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.svs-c{text-align:center}
.svs-tog{justify-self:center;box-sizing:border-box;width:var(--s-8);height:var(--s-8);min-width:0;padding:0;border-radius:var(--r-xs);display:grid;place-items:center;border:var(--cs-edge-w) solid var(--hair2);background:var(--surface);color:transparent;cursor:pointer;line-height:0}   
.svs-tog sf-icon,.svs-tog svg{width:var(--s-5);height:var(--s-5);display:block}
.svs-tog.is-on{background:linear-gradient(180deg,var(--accent-fill-top),var(--accent-fill-btm));border-color:transparent;color:var(--cs-on-accent)}
.svs-tog:disabled{opacity:.35;cursor:default}
.svs-tog:focus-visible{outline:0;box-shadow:var(--ring)}
.svs-sync{margin-left:auto;height:var(--s-8);padding:0 var(--s-3);border-radius:var(--r-pill);border:var(--cs-edge-w) solid var(--hair2);background:var(--surface);font:var(--cs-weight-strong) var(--type-control)/1 var(--font);color:var(--cs-ink-3);cursor:pointer;flex:0 0 auto}
.svs-sync:hover{color:var(--cs-accent);border-color:var(--accent-ring)}
.dc-banner-logo{position:absolute;left:50%;top:42%;width:46%;max-width:var(--cs-chat-banner);max-height:calc(16 * var(--s-1));object-fit:contain;
  translate:-50% -50%;opacity:.1;pointer-events:none;filter:drop-shadow(0 var(--s-0) var(--s-3) var(--lv-c-213))}
.dc-banner-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-0)}
.dc-banner-txt .dc-banner-name{flex:0 0 auto}
.dc-banner-sub{font:var(--cs-weight-strong) var(--type-control)/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-ink-3);text-shadow:0 var(--s-0) var(--s-0) var(--lv-c-194)}
html.cslight .dc-banner{border-bottom-color:var(--hair);box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-154)}
html.cslight .dc-banner-bg{background:
    radial-gradient(84% 120% at 16% 0%,var(--lv-c-295) 0%,var(--lv-c-298) 62%),
    radial-gradient(70% 100% at 88% 18%,var(--lv-c-299) 0%,var(--lv-c-266) 66%),
    linear-gradient(170deg,var(--lv-c-300),var(--lv-c-301));
  background-size:180% 180%,190% 190%,100% 100%}
html.cslight .dc-banner-glow{background:radial-gradient(120% 80% at 50% 0%,var(--lv-c-52),var(--lv-c-40) 58%)}
html.cslight .dc-banner-foot{background:linear-gradient(180deg,var(--lv-c-40),var(--lv-c-52))}
html.cslight .dc-banner-name{color:var(--cs-ink);text-shadow:none}
html.cslight .dc-banner-sub{color:var(--cs-ink-3);text-shadow:none}
html.cslight .dc-banner-btn{color:var(--cs-ink-3)}
html.cslight .dc-banner-btn:hover{color:var(--cs-ink);background:var(--field-hover)}
html.cslight .dc-banner-logo{filter:brightness(0);opacity:.07}
html.cslight .dc-banner:has(.dc-banner-img) .dc-banner-glow{background:linear-gradient(180deg,var(--lv-c-269) 0%,var(--lv-c-270) 100%)}
html.cslight .dc-banner:has(.dc-banner-img) .dc-banner-name{color:var(--cs-on-accent);text-shadow:0 var(--s-0) var(--s-0) var(--lv-c-271)}
.dc-body .dc-people{background:color-mix(in srgb,var(--surface) 70%,transparent);
  -webkit-backdrop-filter:blur(var(--s-9)) saturate(1.7);backdrop-filter:blur(var(--s-9)) saturate(1.7);
  box-shadow:inset calc(-1 * var(--cs-edge-w)) 0 0 color-mix(in srgb,var(--lv-c-12) 10%,transparent)}
.dc-main .dc-composer{background:color-mix(in srgb,var(--surface) 62%,transparent);border:var(--cs-edge-w) solid color-mix(in srgb,var(--ink) 9%,transparent);
  -webkit-backdrop-filter:blur(var(--s-8)) saturate(1.8);backdrop-filter:blur(var(--s-8)) saturate(1.8);
  box-shadow:inset 0 var(--cs-edge-w) 0 color-mix(in srgb,var(--lv-c-12) 45%,transparent),0 var(--s-3) var(--s-9) calc(-1 * var(--s-6)) var(--lv-c-221);border-radius:var(--r-lg)}
html.cb-dark .dc-main .dc-composer{box-shadow:inset 0 var(--cs-edge-w) 0 var(--lv-c-57),0 var(--s-4) var(--s-10) calc(-1 * var(--s-6)) var(--lv-c-239)}
html.cb-dark .dc-body .dc-people{box-shadow:inset calc(-1 * var(--cs-edge-w)) 0 0 var(--lv-c-44)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .dc-body .dc-people{background:var(--surface)}
  .dc-main .dc-composer{background:var(--surface)}
}
@keyframes csShim{0%,100%{opacity:.5}50%{opacity:.9}}
@keyframes csRise{from{opacity:0;transform:translateY(var(--s-2))}to{opacity:1;transform:none}}
@keyframes auDrift{0%{background-position:0% 42%}50%{background-position:100% 58%}100%{background-position:0% 42%}}
@keyframes auIn{from{transform:translateY(var(--s-2))}to{transform:none}}
@keyframes suSlide{from{opacity:0;transform:translateX(var(--s-7))}to{opacity:1;transform:none}}
@keyframes suSpin{to{transform:rotate(360deg)}}
@keyframes obDonePop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes csToast{
  from{opacity:0;transform:translateX(-50%) translateY(var(--s-6)) scale(.96)}
  to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@keyframes csToastBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes dcPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
@keyframes rq2In{from{transform:translateX(calc(100% + calc(10 * var(--s-1))))}to{transform:none}}
@keyframes rq2Out{from{transform:none}to{transform:translateX(calc(100% + calc(10 * var(--s-1))))}}
@keyframes rq2Fade{from{opacity:0}to{opacity:1}}
@keyframes rq2FadeOut{from{opacity:1}to{opacity:0}}
@keyframes rq2Corner{from{opacity:0;transform:translateY(var(--s-8)) scale(.94)}to{opacity:1;transform:none}}
@keyframes mdPop{from{opacity:0;transform:scale(.94) translateY(var(--s-5))}to{opacity:1;transform:none}}
@keyframes popUp{from{opacity:0;transform:translateY(var(--s-3)) scale(.97)}to{opacity:1;transform:none}}
@keyframes msgIn{from{opacity:0;transform:translateY(var(--s-2))}to{opacity:1;transform:none}}
@keyframes csBadge{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
@keyframes dvIn{from{transform:translateX(var(--s-9));opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes auSpin{to{transform:rotate(360deg)}}
@keyframes auPulse{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes cs-breathe{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes dcBannerDrift{
  0%,100%{background-position:12% 18%,88% 82%,0 0}
  50%{background-position:62% 48%,32% 54%,0 0}}
@keyframes csJiggleX{from{rotate:-1.4deg}to{rotate:1.4deg}}
@keyframes csJiggleY{from{rotate:-.35deg}to{rotate:.35deg}}

.cs-tutplayer{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:color-mix(in srgb,var(--cs-backdrop-dk-plain) 85%,transparent);padding:var(--s-5)}
.cs-tutplayer-in{width:min(92vw,calc(86vh * 16 / 9));display:flex;flex-direction:column;gap:var(--s-3)}
.cs-tutplayer-head{display:flex;align-items:center;gap:var(--s-3);color:var(--cs-on-accent);font:var(--cs-weight-strong) var(--cs-text-lg)/1.2 var(--cs-font-display)}
.cs-tutplayer-head b{flex:1;min-width:0}
.cs-tutplayer-x{all:unset;cursor:pointer;width:var(--cs-field-h);height:var(--cs-field-h);display:grid;place-items:center;border-radius:var(--r-pill);background:color-mix(in srgb,var(--cs-on-accent) 16%,transparent);color:var(--cs-on-accent);font-size:var(--cs-text-lg)}
.cs-tutplayer-x:focus-visible{outline:var(--cs-wire) solid var(--cs-on-accent)}
.cs-tutplayer video{width:100%;aspect-ratio:16/9;border-radius:var(--r-card);background:var(--cs-backdrop-dk-plain);display:block}



.cs-menu-rail{display:grid;grid-template-columns:1fr;gap:var(--s-2)}
.cs-railsws{display:flex;gap:var(--s-2);flex-wrap:wrap}
.cs-railsw{width:var(--cs-icon-relaxed);height:var(--cs-icon-relaxed);padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--mk-rail-bg);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--cs-glass-edge),var(--cs-glass-lift)}
.cs-railsw.is-on{box-shadow:0 0 0 calc(var(--cs-edge-w)*2) var(--cs-page),0 0 0 calc(var(--cs-edge-w)*3.5) var(--cs-accent)}
.cs-railsw.rail-glass{--mk-rail-bg:
  radial-gradient(150% 34% at 0% 0%,color-mix(in srgb,white 30%,transparent),transparent 62%),
  radial-gradient(130% 40% at 100% 100%,color-mix(in srgb,var(--cs-flow-contentcloud) 50%,transparent),transparent 72%),
  linear-gradient(180deg,color-mix(in oklch,var(--cs-flow-trigger) 62%,black) 0%,color-mix(in oklch,var(--cs-flow-trigger) 82%,var(--cs-flow-contentcloud)) 55%,color-mix(in oklch,var(--cs-flow-trigger) 70%,black) 100%)}
.cs-railsw.rail-ocean{--mk-rail-bg:
  radial-gradient(140% 30% at 0% 0%,color-mix(in srgb,white 16%,transparent),transparent 60%),
  linear-gradient(180deg,color-mix(in oklch,var(--cs-flow-contentcloud) 70%,black) 0%,color-mix(in oklch,var(--cs-flow-contentcloud) 55%,var(--cs-flow-trigger)) 45%,color-mix(in oklch,var(--cs-flow-trigger) 60%,black) 100%)}
.cs-railsw.rail-midnight{--mk-rail-bg:
  radial-gradient(120% 28% at 50% 0%,color-mix(in srgb,var(--cs-flow-trigger) 55%,transparent),transparent 70%),
  radial-gradient(120% 30% at 50% 100%,color-mix(in srgb,var(--cs-flow-contentcloud) 22%,transparent),transparent 70%),
  linear-gradient(180deg,color-mix(in oklch,var(--cs-flow-trigger) 30%,black),color-mix(in oklch,var(--cs-flow-trigger) 16%,black))}
.cs-railsw.rail-ice{--mk-rail-bg:
  radial-gradient(140% 30% at 0% 0%,color-mix(in srgb,white 90%,transparent),transparent 60%),
  linear-gradient(180deg,color-mix(in srgb,var(--cs-flow-contentcloud) 18%,white),color-mix(in srgb,var(--cs-flow-trigger) 14%,white))}
.cs-railsw.rail-graphite{--mk-rail-bg:
  radial-gradient(140% 30% at 0% 0%,color-mix(in srgb,white 12%,transparent),transparent 60%),
  linear-gradient(180deg,color-mix(in oklch,var(--cs-flow-trigger) 10%,black 82%),color-mix(in oklch,var(--cs-flow-trigger) 6%,black 90%))}
.cs-railsw.rail-colour{--mk-rail-bg:linear-gradient(180deg,color-mix(in oklch,var(--cs-flow-ai) 62%,var(--cs-flow-framelab)) 0%,var(--cs-flow-ai) 58%,color-mix(in oklch,var(--cs-flow-ai) 80%,var(--cs-accent)) 100%)}
.cs-railsw.rail-white{--mk-rail-bg:var(--cs-surface)}
.cs-rail-name{font:var(--cs-weight) var(--cs-text-sm)/1.2 var(--cs-font);color:var(--cs-ink-3)}

.cs-menu-row.cs-menu-rail{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2);cursor:default;height:auto !important;min-height:0 !important;padding-top:var(--s-3) !important;padding-bottom:var(--s-3) !important}


.rv-custom{min-width:0}
.dv{display:flex;gap:var(--s-5);align-items:flex-start;min-width:0}
.dv-nav{flex:0 0 calc(56 * var(--s-1));position:sticky;top:var(--s-3);display:flex;flex-direction:column;gap:var(--s-0);padding:var(--s-3) var(--s-2);border-radius:var(--cs-radius);background:var(--cs-app-glass-sm);border:var(--cs-edge-w) solid var(--cs-app-edge-sm)}
.dv-nav-h{padding:var(--s-1) var(--s-3) var(--s-2);font:var(--cs-weight-strong) var(--cs-text-sm)/1.2 var(--cs-font);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-ink-3)}
.dv-nav-row{display:flex;align-items:center;gap:var(--rail-row-gap);height:var(--rail-row-h);padding:0 var(--s-3);border:0;background:none;border-radius:var(--cs-radius);font:var(--cs-weight) var(--cs-text-md)/1 var(--cs-font);color:var(--cs-ink-2);cursor:pointer;text-align:left}
.dv-nav-row:hover{background:var(--cs-field);color:var(--cs-ink)} .dv-nav-row.is-on{background:var(--cs-accent-soft);color:var(--cs-ink)}
.dv-nav-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dv-nav-row em{font-style:normal;color:var(--cs-ink-4)}
.dv-nav-img{width:var(--cs-icon);height:var(--cs-icon);object-fit:contain} html.cslight .dv-nav-img{filter:invert(1)}
.dv-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--s-4)}
.dv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4)}
.dv-head>div{display:flex;flex-direction:column;gap:var(--s-1)} .dv-head b{font:var(--cs-weight-strong) var(--cs-text-xl)/1.2 var(--cs-font)} .dv-head span{font:var(--cs-weight) var(--cs-text-md)/1.4 var(--cs-font);color:var(--cs-ink-3)}
.dv-upd{display:inline-flex;align-items:center;gap:var(--s-1);white-space:nowrap}
.dv-main .cs-page{padding:0} .dv-main .pp-stack{gap:var(--s-4)}
@media (max-width:900px){.dv{flex-direction:column}.dv-nav{position:static;flex:0 0 auto;width:100%}}

.dd-toc{display:flex;flex-direction:column;gap:var(--s-0);padding:var(--s-2)}
.dd-dl{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);padding:0 var(--s-1)}
.dd-dl>span{flex:1 0 100%;font:var(--cs-weight) var(--cs-text-sm)/1.4 var(--cs-font);color:var(--cs-ink-4)}
.dd-sec{padding:var(--s-4) var(--s-4) 0;font:var(--cs-weight-strong) var(--cs-text-sm)/1.2 var(--cs-font);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-ink-4)}
.dd-toc-row{display:flex;align-items:center;gap:var(--rail-row-gap);height:var(--rail-row-h);padding:0 var(--rail-row-pad);border-radius:var(--rail-row-r);background:none;border:0;cursor:pointer;text-align:left;font:var(--cs-weight-strong) var(--cs-rail-text)/1 var(--cs-font);color:var(--cs-ink-2)}
.dd-toc-row:hover{background:var(--cs-field);color:var(--cs-ink)}
.dd-toc-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-toc-row em{font:var(--cs-weight) var(--cs-text-sm)/1 var(--cs-font-mono);font-style:normal;color:var(--cs-ink-4)}
.dd-md{padding:var(--s-5) var(--s-6);font:var(--cs-weight) var(--cs-text-md)/1.6 var(--cs-font);color:var(--cs-ink-2)}
.dd-blocks{display:grid;grid-template-columns:repeat(4,minmax(0px,1fr));gap:var(--s-4)}
@media (max-width:900px){.dd-blocks{grid-template-columns:repeat(2,minmax(0px,1fr))}}

.dd-md .md-p,.dd-md .md-li{max-width:none}
.dd-meta{font:var(--cs-weight) var(--cs-text-sm)/1.45 var(--cs-font);color:var(--cs-ink-3)} .dd-meta .is-bad{color:var(--cs-bad)}

html.fc-look .cs-rail{margin:var(--cs-gutter) 0 var(--cs-gutter) var(--cs-gutter);border:0;border-radius:var(--r-lg);background:var(--cs-glass);box-shadow:var(--cs-glass-shadow)}
html.fc-look #cs-app-body>.cs-page>.pp-stack{padding:var(--s-8) var(--s-9);border-radius:var(--r-lg);background:var(--cs-glass);box-shadow:var(--cs-glass-shadow)}
html.fc-look .cs-pagebar{background:transparent;box-shadow:none}

html.fc-look .cs-rail-title,html.fc-look .cs-rail-label,html.fc-look .cs-rail-note{display:none}
html.fc-look .cs-rail-head{justify-content:center;padding:var(--s-6) 0 var(--s-3)}
html.fc-look .cs-rail-body{padding:0 var(--s-2)}
html.fc-look .cs-rail-list{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2)}
html.fc-look .cs-rail-label+.cs-rail-list,html.fc-look .cs-rail-list+.cs-rail-label{margin-top:var(--s-4)}
html.fc-look .cs-rail-list+.cs-rail-label::before{content:"";display:block}
html .fc-look .cs-rail-item,html.fc-look .cs-rail-item{position:relative;flex-direction:column;justify-content:center;gap:var(--s-2);height:auto;min-height:0;padding:var(--s-3) var(--s-1);
  background:transparent;box-shadow:none;border-radius:var(--r-item);text-align:center;color:var(--cs-ink-3)}
html.fc-look .cs-rail .cs-rail-item.is-on,html.fc-look .cs-rail .cs-rail-item.is-on:hover{background:transparent;box-shadow:none;color:var(--cs-accent)}
html.fc-look .cs-rail .cs-rail-item:hover{background:transparent}
html.fc-look .cs-rail .cs-rail-slot{position:relative;display:grid;place-items:center;width:calc(var(--s-10) * 1.3) !important;height:calc(var(--s-10) * 1.3) !important;border-radius:var(--r-item);--cs-icon:var(--cs-icon-xl);transition:background var(--cs-motion) var(--cs-ease)}
html.fc-look .cs-rail-slot sf-icon{width:var(--cs-icon-xl);height:var(--cs-icon-xl);font-size:var(--cs-icon-xl)}
html.fc-look .cs-rail-item:hover .cs-rail-slot{background:var(--cs-fc-ib-hover)}
html.fc-look .cs-rail-item.is-on .cs-rail-slot{background:var(--cs-fc-ib-on);box-shadow:var(--cs-fc-ib-on-edge)}
html.fc-look .cs-rail-item.is-on .cs-rail-slot sf-icon{color:var(--cs-accent)}
html.fc-look .cs-rail .cs-rail-item.is-on,html.fc-look .cs-rail .cs-rail-item.is-on:hover{color:var(--cs-ink) !important;background:transparent !important;border-color:transparent !important;box-shadow:none !important}
html.fc-look .cs-rail .cs-rail-slot{--one-icon:var(--cs-icon-xl)}
html.fc-look .cs-rail-text{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal;hyphens:none;letter-spacing:-.01em;font:var(--cs-weight-strong) var(--cs-text-xs)/1.2 var(--cs-font)}
html.fc-look .cs-rail-end.is-count{position:absolute;top:var(--s-1);left:calc(50% + var(--s-5));min-width:var(--s-8);padding:0 var(--s-1);border-radius:var(--r-pill);background:var(--cs-fc-card);box-shadow:var(--cs-fc-edge);
  font:var(--cs-weight-strong) var(--cs-text-xs)/1.5 var(--cs-font);color:var(--cs-ink-3)}
html.fc-look .cs-rail-foot{justify-content:center}

html.fc-look nav.cs-tabs{display:flex;gap:var(--s-0);padding:var(--s-1);border-radius:var(--r-pill);background:var(--cs-fc-seg);box-shadow:var(--cs-fc-seg-edge)}
html.fc-look .cs-bar nav.cs-tabs .cs-tab{border:0 !important;border-radius:var(--r-pill) !important;padding:0 var(--s-7) !important;background:transparent !important;box-shadow:none !important;color:var(--cs-ink-3) !important;
  font:var(--cs-weight-strong) var(--cs-text-sm)/1 var(--cs-font) !important;transition:background-color var(--cs-motion) var(--cs-ease),color var(--cs-motion) var(--cs-ease)}
html.fc-look .cs-bar nav.cs-tabs .cs-tab:hover{color:var(--cs-ink) !important;background:transparent !important}
html.fc-look .cs-bar nav.cs-tabs .cs-tab.is-on{background:var(--cs-fc-tab-on) !important;box-shadow:var(--cs-fc-tab-on-edge) !important;color:var(--cs-ink) !important}
html.fc-look .cs-bar nav.cs-tabs .cs-tab sf-icon{color:currentColor !important}
html.fc-look .cs-crumbs,html.fc-look .cs-crumbs .cs-crumb{font:var(--cs-weight-strong) var(--cs-text-xs)/1.2 var(--cs-font);letter-spacing:.14em;text-transform:uppercase;color:var(--cs-accent)}
html.fc-look .cs-hero-title{font:var(--cs-weight-strong) var(--cs-hero-title)/1.05 var(--cs-font-display);letter-spacing:-.03em;background:var(--cs-fc-hello);-webkit-background-clip:text;background-clip:text;color:transparent}
html.fc-look .cs-hero-sub{font:var(--cs-weight) var(--cs-text-lg)/1.4 var(--cs-font);color:var(--cs-ink-3)}
html.fc-look .cs-card{border:0;border-radius:var(--r-lg);background:var(--cs-fc-glass);box-shadow:var(--cs-fc-edge),var(--cs-fc-shadow)}
html.fc-look .cs-card-title{font:var(--cs-weight-strong) var(--cs-text-lg)/1.2 var(--cs-font-display);letter-spacing:-.01em;color:var(--cs-ink)}
html.fc-look .cs-btn{border-radius:var(--r-pill);font-weight:var(--cs-weight-strong)}
html.fc-look .cs-card .pp-row{margin:0 0 var(--s-3);padding:var(--s-5) var(--s-6);border-radius:var(--r-panel);background:var(--cs-fc-row);box-shadow:var(--cs-fc-row-edge);transition:transform var(--cs-motion) var(--cs-ease),background var(--cs-motion) var(--cs-ease)}
html.fc-look .cs-card .pp-row:hover{transform:translateY(calc(var(--s-0) * -1));background:var(--cs-fc-row-hover)}

html.fc-look .cs-rail-foot,html.fc-look .cs-rail-toggle{display:none !important}

html.fc-look .rv-icons{grid-template-columns:repeat(auto-fill,minmax(calc(var(--s-10) * 7),1fr));gap:var(--s-8);padding:var(--s-5) 0}
html.fc-look .cs-ftile{align-items:stretch;gap:var(--s-2);padding:var(--s-4) var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--cs-fc-row);box-shadow:var(--cs-fc-row-edge);text-align:left;
  transition:transform var(--cs-motion) var(--cs-ease),background var(--cs-motion) var(--cs-ease)}
html.fc-look .cs-ftile:hover{transform:translateY(calc(var(--s-1) * -1));background:var(--cs-fc-row-hover)}
html.fc-look .cs-ftile.is-sel{background:var(--cs-fc-row-hover);box-shadow:var(--cs-fc-row-edge),0 0 0 var(--s-0) var(--cs-accent)}
html.fc-look .cs-ftile-art{border-radius:var(--r-panel);background:var(--cs-fc-card);box-shadow:var(--cs-fc-edge);margin-bottom:var(--s-3)}
html.fc-look .cs-ftile-ico sf-icon{font-size:calc(var(--cs-icon-xl) * 2.4) !important;width:calc(var(--cs-icon-xl) * 2.4) !important;height:calc(var(--cs-icon-xl) * 2.4) !important}
html.fc-look .cs-ftile-name{text-align:left;-webkit-line-clamp:1;overflow-wrap:normal;word-break:break-all;font:var(--cs-weight-strong) var(--cs-text-md)/1.3 var(--cs-font);color:var(--cs-ink)}
html.fc-look .cs-ftile-sub{text-align:left;font:var(--cs-weight) var(--cs-text-sm)/1.3 var(--cs-font);color:var(--cs-ink-3)}
html.fc-look .rv-bar{gap:var(--s-3);padding-bottom:var(--s-5);margin-bottom:var(--s-4);border-bottom:var(--cs-edge-w) solid var(--cs-fc-line)}
html.fc-look .rv-dd{border-radius:var(--r-pill) !important;background:var(--cs-fc-card) !important;box-shadow:var(--cs-fc-edge) !important;border:0 !important}
html.fc-look .cs-rail{background:var(--cs-fc-glass) !important;box-shadow:var(--cs-fc-edge),var(--cs-fc-shadow) !important}
