@charset "UTF-8";
.sk{background:linear-gradient(90deg,var(--line2) 25%,var(--line) 37%,var(--line2) 63%);
  background-size:400% 100%;animation:shim 1.4s ease infinite;border-radius:6px;display:block}
@keyframes shim{0%{background-position:100% 0}100%{background-position:0 0}}
.sk.h1{height:14px;width:38%}
.sk.ring{width:132px;height:132px;border-radius:50%;margin:0 auto var(--s4)}
.sk.row{height:40px;margin-top:var(--s3);border-radius:var(--r-sm)}
.topbar{position:sticky;top:0;z-index:20;background:var(--glass);border-bottom:1px solid var(--line2)}
.topbar .in{max-width:var(--maxw);margin:0 auto;padding:var(--s2) var(--s3);display:flex;align-items:center;gap:var(--s2)}
.tbk{display:inline-flex;align-items:center;gap:1px;flex:0 1 auto;min-width:0;max-width:46%;min-height:44px;
  padding:0 var(--s2) 0 0;margin:-2px 0 -2px calc(-1 * var(--s1));border:0;background:none;color:var(--bt);font:inherit;
  font-size:var(--t-sm);font-weight:600;line-height:1.2;border-radius:var(--r-xs);cursor:pointer;position:relative;
  -webkit-tap-highlight-color:transparent;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease)}
.tbk svg{flex:0 0 auto}
.tbk .tbl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbk::after{content:"";position:absolute;inset:-4px}
.tbk:active{opacity:.55}
@media (hover:hover){.tbk:hover{background:var(--bsoft)}}
.tbt{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;
  font-weight:700;font-size:var(--t-body);color:var(--fg);letter-spacing:-.01em;line-height:1.3}
.topbar.sub .lng{display:none}
.pgt.crumbs{align-items:center;gap:4px}
.pgt.crumbs .bkl{position:relative;display:inline-block;flex:0 0 auto;min-height:40px;line-height:40px;padding:0 var(--s2);
  margin-left:calc(-1 * var(--s2));border:0;background:none;font:inherit;font-weight:600;color:var(--fg2);
  white-space:nowrap;max-width:26ch;overflow:hidden;text-overflow:ellipsis;border-radius:var(--r-xs);cursor:pointer;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}
.pgt.crumbs .bkl::after{content:"";position:absolute;inset:-4px}
.pgt.crumbs .bkl:hover{color:var(--bt);background:var(--bsoft)}
.pgt.crumbs a.bkl{text-decoration:none}
.pgt.crumbs .sep{display:inline-flex;color:var(--fg3);flex:0 0 auto}
.pgt.crumbs .cur{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bkbtn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (forced-colors:active){.tbk,.pgt.crumbs .bkl{border:1px solid ButtonText}}
.brandname{font-weight:700;font-size:var(--t-h3);line-height:1.3;flex:1;min-width:0;display:flex;align-items:center;gap:6px;min-height:44px;margin:-2px 0;
  letter-spacing:-.01em}
.brandname .bn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brandname img{height:22px;border-radius:5px;flex:0 0 auto}
a.brandname{color:inherit;text-decoration:none;border-radius:var(--r-xs);transition:opacity var(--dur) var(--ease)}
a.brandname:active{opacity:.7}
.ddmark{display:block;flex:0 0 auto;overflow:visible}
.ddmark .ddc{fill:var(--dd-cloud)}
.ddmark .ddp{fill:var(--dd-ping)}
.ddmark .ddr{fill:none;stroke:var(--dd-ping);stroke-linecap:round;stroke-width:3.2}
.ddmark .ddr2{stroke:var(--dd-ping2);stroke-width:2.4}
.ddtile{display:block;flex:0 0 auto;overflow:visible}
.ddtile .ddtc{fill:#fff;filter:drop-shadow(0 .9px 1.4px rgba(11,42,110,.32))}
.ddtile .ddtp{fill:var(--ddt-ping)}
.ddtile .ddtr{fill:none;stroke:var(--ddt-ping);stroke-linecap:round;stroke-width:3.2}
.ddtile .ddtr2{stroke:var(--ddt-ping2);stroke-width:2.4}
@media (forced-colors:active){
  .ddmark .ddc,.ddmark .ddp{fill:CanvasText}.ddmark .ddr{stroke:CanvasText}
  .ddtile{forced-color-adjust:none}
}
.iconbtn{width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--fg2);flex:0 0 auto;
  position:relative;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.iconbtn::after{content:"";position:absolute;inset:-4px}
.iconbtn:active{transform:scale(.93)}
@media (hover:hover){.iconbtn:hover{border-color:var(--fg3)}}
.iconbtn[aria-current=page]{border-color:var(--bt);color:var(--bt)}
.deskonly{display:none}
.iconbtn.acct{border:0;background:none;border-radius:50%}
.iconbtn.acct .avatar{width:30px;height:30px;border-radius:50%;font-size:.8125rem;font-weight:700;transition:box-shadow var(--dur) var(--ease)}
@media (hover:hover){.iconbtn.acct:hover .avatar{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--line)}}
.iconbtn.acct[aria-current=page] .avatar,.iconbtn.acct[aria-expanded=true] .avatar{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--bt)}
@media (forced-colors:active){
  .iconbtn.acct{border:1px solid ButtonText}
  .iconbtn.acct[aria-current=page],.iconbtn.acct[aria-expanded=true]{outline:2px solid Highlight;outline-offset:-2px}
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--s3) var(--s5)}
.pagein{min-width:0}
.pagein.full{max-width:none}
.side{display:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--e1);
  padding:var(--s4);margin:var(--s3) 0}
html[data-mode=dark] .card{box-shadow:var(--e1),inset 0 1px 0 rgba(255,255,255,.04)}
.card.tight{padding:var(--s3)}
.card.flat{box-shadow:none;background:var(--card2)}
.card.pad0{padding:0;overflow:hidden}
a.card{display:block;color:var(--fg)}
a.card:hover{text-decoration:none}
h1.sec,h2.sec{font-size:var(--t-cap);color:var(--fg3);font-weight:600;margin:var(--s5) var(--rail) var(--s2);
  text-transform:none;letter-spacing:normal}
h1.sec:first-child,h2.sec:first-child{margin-top:var(--s4)}
#main h1.sec{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.hd{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s2)}
.hd b,.hd h1,.hd h2{margin:0;font-weight:700;flex:1 1 12ch;font-size:var(--t-h3);line-height:1.3;letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere;word-break:break-word;
  text-wrap:balance}
.hd .sp{flex:1}
.hd b+.sp,.hd h1+.sp,.hd h2+.sp{flex:0 0 0}
.nb{white-space:nowrap}
.hd h1.pt{font-size:var(--t-h2);line-height:1.25;text-wrap:balance}
.gaugecard{--ring:112px;--hero-a:var(--b-from);text-align:left;padding:var(--s4);position:relative;overflow:hidden;
  isolation:isolate}
.gaugecard.t-warn{--hero-a:var(--rg-warn-a,#d97706)}
.gaugecard.t-bad{--hero-a:var(--rg-bad-a,#dc2626)}
.ghead{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s3);min-height:1.5rem}
.tag.hpill{display:inline-flex;align-items:center;gap:2px;padding:6px 8px 6px 12px;margin-left:auto;position:relative;
  line-height:1.3;text-decoration:none;flex:0 0 auto}
.hpill::before{content:"";position:absolute;inset:-8px -4px}
.hpill .d{margin-right:4px}
.hpill svg{opacity:.75}
@media (hover:hover){.hpill:hover{text-decoration:none;filter:brightness(.96)}}
.hpill:active{opacity:.8}
.gbody{display:flex;align-items:center;gap:var(--s4)}
.gwrap{position:relative;width:var(--ring);height:var(--ring);flex:0 0 auto}
.gauge{width:100%;height:100%;display:block;transform:rotate(-90deg)}
.gauge circle{fill:none;stroke-linecap:round}
.gauge .trk{stroke:var(--line)}
.gauge .val{transition:stroke-dashoffset 650ms var(--ease)}
.gauge .val.bad{animation:gpulse 1.8s ease-in-out 3}
@keyframes gpulse{0%,100%{stroke-width:11}50%{stroke-width:13}}
.gpct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-num);
  font-size:clamp(1.0625rem,calc(var(--ring)*.2),1.6875rem);font-weight:700;color:var(--fg);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.gpct>span{display:inline-block}
.gpct small{font-size:.62em;font-weight:700;color:var(--fg2);margin-left:1px}
.gpct.warn small,.gpct.bad small{color:inherit;opacity:.8}
.gpct.warn{color:var(--warnt)}.gpct.bad{color:var(--badt)}
.gc{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bignum{display:flex;align-items:baseline;gap:.18em;line-height:1;white-space:nowrap;font-family:var(--font-num)}
.gc .n{font-size:var(--t-num);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.gc .n.warn{color:var(--warnt)}
.gc .n.bad{color:var(--badt)}
.bignum .u{font-size:calc(var(--t-num)*.42);font-weight:700;color:var(--fg2);letter-spacing:-.01em}
.bigsub{font-size:var(--t-sm);color:var(--fg2);font-weight:600;margin-top:2px}
.bigsub .nw{white-space:nowrap}
.glabel{font-size:var(--t-cap);color:var(--fg3);margin-top:1px}
.glabel b{color:var(--fg);font-variant-numeric:tabular-nums}
.gact{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s4)}
.gact>.btn{flex:1 1 0;min-width:max-content;margin:0}
.gact>.btn+.btn{margin-top:0}
.gaugecard .gwarn{margin:var(--s3) 0 0}
.clip{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:.75rem var(--s4);
  border-radius:var(--r-sm);border:1px solid transparent;background:var(--b);background-image:var(--grad);color:var(--bfg);
  font:inherit;font-size:var(--t-body);font-weight:600;cursor:pointer;width:100%;
  transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease),filter var(--dur) var(--ease),background var(--dur) var(--ease)}
.btn+.btn,.btn.mt{margin-top:var(--s2)}
.btn:hover{filter:brightness(1.07)}
@media (hover:hover){.btn{transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease),filter var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
  .btn:not(.line):not(.quiet):not(.sm):not([disabled]):not([aria-disabled=true]):active{transform:scale(.985)}
  .list>a:hover,.list>button.it:hover{background:var(--card2)}}
.btn:active{transform:scale(.985);opacity:.92}
.btn.line{background:var(--card);background-image:none;border-color:var(--line);color:var(--fg)}
.btn.line:hover{background:var(--card2);border-color:var(--fg3);filter:none}
.btn.quiet{background:transparent;background-image:none;border-color:transparent;color:var(--bt)}
.btn.quiet:hover{background:var(--bsoft);filter:none}
.btn.danger{background:transparent;background-image:none;border-color:var(--line);color:var(--badt)}
.btn.danger:hover{background:var(--badsoft);filter:none}
.btn.quiet.dgr{color:var(--badt)}
.btn.quiet.dgr:hover{background:var(--badsoft)}
.btn.dgr{background:var(--badsoft);background-image:none;border-color:transparent;color:var(--badt)}
.btn.dgr:hover{border-color:var(--badt);filter:none}
.btn.sm{width:auto;padding:.5rem .75rem;font-size:var(--t-sm);margin:0;min-height:2.5rem;position:relative}
.btn.sm::after{content:"";position:absolute;inset:-4px}
.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}
.btn svg{flex:0 0 auto}
.row{display:flex;gap:var(--s2)}.row>*{flex:1;min-width:0}
.row>.btn+.btn{margin-top:0}
.row.mt{margin-top:var(--s2)}
.mt2{margin-top:var(--s2)}.mt3{margin-top:var(--s3)}.mt4{margin-top:var(--s4)}
.center{text-align:center}.muted{color:var(--fg2)}.dim{color:var(--fg3)}
.small{font-size:var(--t-sm)}.cap{font-size:var(--t-cap)}
.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.big{font-size:var(--t-h2);font-weight:700;letter-spacing:-.02em;line-height:1.3}
.kv{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);
  padding:.625rem 0;border-bottom:1px solid var(--line2);font-size:var(--t-sm)}
.kv:last-child{border-bottom:0}
.kv:first-child{padding-top:0}
.kv>span:first-child{color:var(--fg2);flex:0 0 auto}
.kv>b{font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-variant-numeric:tabular-nums}
.bar{height:6px;border-radius:var(--r-full);background:var(--line);overflow:hidden;margin:var(--s2) 0 var(--s1)}
.bar i{display:block;height:100%;background:var(--b);background-image:var(--grad);border-radius:var(--r-full);
  transition:width var(--dur-lg) var(--ease)}
.bar.w i{background:var(--warn);background-image:none}.bar.d i{background:var(--bad);background-image:none}
.tag{display:inline-block;padding:2px 8px;border-radius:var(--r-full);font-size:var(--t-cap);
  background:var(--line2);color:var(--tagt);font-weight:600;white-space:nowrap;flex:0 0 auto}
.tag.ok{background:var(--oksoft);color:var(--okt)}
.tag.bad{background:var(--badsoft);color:var(--badt)}
.tag.warn{background:var(--warnsoft);color:var(--warnt)}
.tag.info{background:var(--bsoft);color:var(--bt)}
.tag .d{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;
  margin-right:5px;vertical-align:1px}
.field{margin-top:var(--s3)}
.field:first-child{margin-top:0}
label.f{display:block;margin-bottom:var(--s1);font-size:var(--t-sm);color:var(--fg2);font-weight:500}
input,textarea,select{width:100%;padding:.75rem var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--card);color:var(--fg);font:inherit;font-size:var(--t-body);outline:none;
  transition:border-color var(--dur) var(--ease)}
input:hover,textarea:hover,select:hover{border-color:var(--fg3)}
input:focus,textarea:focus,select:focus{border-color:var(--b2)}
input::placeholder,textarea::placeholder{color:var(--fg3)}
textarea{resize:vertical;line-height:1.6}
select{appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 49%,var(--fg2) 50%),linear-gradient(-45deg,transparent 49%,var(--fg2) 50%);
  background-size:6px 6px,6px 6px;background-position:right 18px center,right 12px center;background-repeat:no-repeat;
  padding-right:2.25rem}
.pw{position:relative}
.pw input{padding-right:4rem}
.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;
  color:var(--fg2);font:inherit;font-size:var(--t-cap);cursor:pointer;padding:.375rem .75rem;min-width:2.75rem;
  border-radius:var(--r-xs);font-weight:600}
.pw button::after{content:"";position:absolute;inset:-8px -4px}
.pw button:hover{color:var(--fg)}
.sw{display:flex;align-items:center;gap:var(--s3);padding:.75rem 0;border-bottom:1px solid var(--line2)}
.sw:last-child{border-bottom:0}
.sw .g{flex:1;min-width:0}
.sw .g b{display:block;font-size:var(--t-sm);font-weight:600}
.sw .g i{display:block;font-style:normal;font-size:var(--t-cap);color:var(--fg2);margin-top:2px}
.tog{width:51px;height:31px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--line2);
  position:relative;cursor:pointer;flex:0 0 auto;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.tog::after{content:"";position:absolute;top:2px;left:2px;width:25px;height:25px;border-radius:50%;
  background:var(--card);box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform var(--dur) var(--ease)}
button.sub{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--t-cap);word-break:break-all;
  background:var(--card2);border:1px dashed var(--line);border-radius:var(--r-sm);padding:var(--s3) 2.5rem var(--s3) var(--s3);line-height:1.55;
  display:block;width:100%;text-align:left;color:var(--fg);cursor:pointer;position:relative;
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
button.sub .ci{position:absolute;right:var(--s2);top:var(--s2);display:inline-flex;color:var(--fg2);
  transition:color var(--dur) var(--ease)}
@media (hover:hover){button.sub:hover{border-color:var(--fg3)}button.sub:hover .ci{color:var(--bt)}}
button.sub:active{background:var(--bsoft)}
.subhint{font-size:var(--t-cap);color:var(--fg2);text-align:center;margin-top:var(--s1)}
.seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:var(--s1);
  background:var(--card2);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s1)}
.seg.two{grid-template-columns:1fr 1fr}
.seg.two:not(#periodSeg),.seg.cli{grid-auto-rows:1fr}
#periodSeg.two>button:last-child:nth-child(odd):not(:only-child){grid-column:1/-1;justify-self:center;width:calc(50% - 4px)}
#periodSeg.two>button:only-child{grid-column:1/-1;justify-self:stretch;width:auto}
#periodSeg>button{border:1px solid transparent}
#periodSeg>button.on{border-color:var(--line)}
.seg button{min-height:2.75rem;padding:.625rem .5rem;border:0;background:transparent;border-radius:var(--r-xs);color:var(--fg2);
  font:inherit;font-size:var(--t-sm);cursor:pointer;min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.35;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.seg button:hover{color:var(--fg)}
.seg button.on{background:var(--card);color:var(--fg);font-weight:600;box-shadow:var(--e1);border:1px solid var(--line)}
.seg button .p{display:block;font-size:var(--t-cap);color:var(--fg2);font-weight:500;margin-top:1px;
  font-variant-numeric:tabular-nums}
.seg button.on .p{color:var(--bt);font-weight:600}
.seg button .pp{display:block;font-size:var(--t-cap);color:var(--fg3);margin-top:1px;font-variant-numeric:tabular-nums}
.seg button .pp.hold{visibility:hidden}
.seg.cli button{overflow-wrap:normal;word-break:normal;font-size:.8125rem}
@media (max-width:415.98px){.seg.cli:has(>button:nth-child(4):last-child){grid-template-columns:1fr 1fr}}
.bb{display:inline-block;font-size:.6875rem;line-height:1;padding:3px 7px;border-radius:var(--r-full);
  background:var(--grad);color:var(--bfg);font-weight:700;margin-left:6px;vertical-align:2px;white-space:nowrap}
.pricerow{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}
.pricerow .pfx{font-size:var(--t-sm);font-weight:600;color:var(--fg2);margin-right:-2px}
.pricerow .big .unit{font-size:.5em;font-weight:600;color:var(--fg2);letter-spacing:0;margin-left:1px}
.plansell{margin-top:var(--s2);font-size:var(--t-sm);color:var(--fg2);line-height:1.55;
  overflow-wrap:anywhere;word-break:break-word;white-space:pre-line;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}
.chip{font-size:var(--t-cap);padding:4px 10px;border-radius:var(--r-full);background:var(--bsoft);color:var(--bt);font-weight:600;white-space:nowrap}
.plangrid .card .pbody{margin-bottom:var(--s4)}
.plangrid .card .btn{margin-top:0}
.plangrid .card .hd,.planlist .card .hd{min-height:32px}
.ptop{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:22px;margin-bottom:var(--s2)}
.ptop .featb{margin-bottom:0}
.ptop.ghost{display:none}
@media (min-width:744px){.plangrid .ptop.ghost{display:flex}}
.card.feat{border:1.5px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box,var(--grad) border-box}
.featb{display:inline-block;font-size:var(--t-cap);line-height:1;padding:4px 10px;border-radius:var(--r-full);
  background:var(--grad);color:var(--bfg);font-weight:700;margin-bottom:var(--s2)}
.plangrid .card{transition:transform var(--dur) var(--ease)}
@media (hover:hover){
  .plangrid .card{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
  .plangrid .card:hover{transform:translateY(-2px);box-shadow:var(--e2)}
}
.plangrid .card:active{transform:scale(.98)}
.clipick{display:flex;flex-direction:column;gap:var(--s2)}
.clipick button{position:relative;display:flex;align-items:center;gap:var(--s3);min-height:3rem;
  padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--card);color:var(--fg);font:inherit;font-size:var(--t-sm);cursor:pointer;text-align:left;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.clipick button::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;
  border-radius:var(--r-sm) 0 0 var(--r-sm);background:transparent;transition:background var(--dur) var(--ease)}
.clipick button:hover{border-color:var(--fg3)}
.clipick button.on{background:var(--bsoft);border-color:transparent}
.clipick button.on::before{background:var(--b);background-image:var(--grad)}
.clipick b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clipick button.on b{color:var(--bt)}
.clipick .g{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.clipick .why{display:block;font-style:normal;font-size:var(--t-cap);color:var(--fg2);line-height:1.4;white-space:normal}
.clipick .cc{display:flex;flex-wrap:wrap;gap:4px}
.clipick button.lead{padding:var(--s3)}
.clipick .alth{margin-top:var(--s2);font-size:var(--t-cap);font-weight:600;color:var(--tagt)}
.clipick button.lead .tags{align-self:flex-start}
.clipick .appmark{width:30px;height:30px;border-radius:9px;font-size:12px}
.clipick .p{font-size:var(--t-cap);line-height:1;padding:3px 8px;border-radius:var(--r-full);
  background:var(--bsoft);color:var(--bt);font-weight:600;flex:0 0 auto}
.clipick button.on .p{background:var(--card)}
.clipick .tags{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 1 auto;min-width:0}
@media (max-width:415.98px){.clipick .tags{flex-direction:column;align-items:flex-end;gap:3px}}
.fee{display:inline-flex;align-items:center;font-size:var(--t-cap);line-height:1;padding:3px 6px;border-radius:var(--r-full);
  font-weight:600;flex:0 0 auto;white-space:nowrap}
.fee.free{background:var(--oksoft);color:var(--okt)}
.fee.paid{background:var(--line2);color:var(--tagt)}
.clipick button.on .fee.paid{background:var(--card)}
.clipick button.on .fee.free{background:linear-gradient(var(--oksoft),var(--oksoft)),var(--card)}
.fee.oc{background:var(--bsoft);color:var(--bt)}
.fee.mn,.fee.sc{background:var(--line2);color:var(--tagt)}
.clipick button.on .fee.oc,.clipick button.on .fee.mn,.clipick button.on .fee.sc{background:var(--card)}
.reco .fee{margin-left:6px;margin-bottom:4px;padding:4px 8px}
.list .g i .fee{padding:2px 6px;margin-right:6px;vertical-align:middle;position:relative;top:-1px}
.buybar{position:sticky;bottom:var(--tabh,calc(3.75rem + env(safe-area-inset-bottom)));z-index:10;box-shadow:var(--e2);padding:var(--s3) var(--s4)}
.bbrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);container-type:inline-size}
.bp{flex:999 1 0%;display:flex;flex-direction:column;gap:2px}
.bpl{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 var(--s2);line-height:1.15}
.bpl s{font-size:var(--t-sm);font-weight:500;color:var(--fg3)}
.bps{display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px;font-size:var(--t-cap);color:var(--fg3);line-height:1.4;min-height:1.25rem}
.bps .tag{padding:1px 7px}
.bps .cpgo::before{inset:-12px -3px}
.buybar .btn{width:auto;flex:1 1 auto;min-width:8.75rem;margin:0;padding-left:var(--s5);padding-right:var(--s5)}
@media (max-width:359.98px){.buybar .btn{min-width:7rem;padding-left:var(--s4);padding-right:var(--s4)}}
html[data-mode=dark] .buybar{box-shadow:var(--e2),inset 0 1px 0 rgba(255,255,255,.04)}
html:has(.buybar) .toast{bottom:calc(12rem + env(safe-area-inset-bottom))}
html[data-view=auth] .buybar{bottom:calc(var(--s2) + env(safe-area-inset-bottom))}
html[data-view=auth]:has(.buybar) .toast{bottom:calc(8.5rem + env(safe-area-inset-bottom))}
#cp{scroll-margin-bottom:12rem}
.buybar.wizbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3)}
.wizbar .wb-l{flex:1 1 0%;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
  min-height:44px;border:0;background:none;padding:0;font:inherit;color:var(--fg);text-align:left;cursor:pointer;border-radius:var(--r-xs)}
.wizbar .wb-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%}
.wizbar .wb-h b{font-size:var(--t-cap);color:var(--fg3);font-weight:600;white-space:nowrap}
.wizbar .wb-t{font-size:var(--t-sm);font-weight:700;line-height:1.25;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.wizbar .wb-d{display:flex;gap:4px}
.wizbar .wb-d i{width:10px;height:4px;border-radius:2px;background:var(--line);display:block}
.wizbar .wb-d i.on{background:var(--b);background-image:var(--grad);width:16px}
.wizbar .wb-d i.ok{background:var(--okt)}
.wizbar .wb-a{flex:0 1 auto;display:flex;align-items:center;gap:var(--s2);max-width:72%;min-width:0}
.wizbar .wb-a .btn{flex:0 1 auto;width:auto;min-width:0;min-height:2.75rem;padding:.5rem .875rem;font-size:var(--t-sm);margin:0;white-space:normal;line-height:1.25;text-align:center}
.wizbar .wb-a .btn .wbt{min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
#wizok{scroll-margin-top:calc(3.56rem + var(--s3));scroll-margin-bottom:9rem}
@media (max-width:743.98px){
  .wiz .wd{display:none}
  .wiz{padding-bottom:5.5rem}
  .wiz:not(:has(.wizbar)){padding-bottom:0}
  .buybar.wizbar{position:fixed;left:max(var(--s3),var(--sal));right:max(var(--s3),var(--sar));bottom:var(--tabh,calc(3.75rem + env(safe-area-inset-bottom)));margin:0 auto;max-width:calc(var(--maxw) - var(--s3)*2);border-bottom-left-radius:0;border-bottom-right-radius:0}
}
@media (min-width:744px){
  .wiz .barhint{display:none}
}
@media (max-width:1023.98px){
  .buygrid .bsum{display:contents}
}
.wizbar.two .wb-a .btn:not(:first-child){flex:0 0 auto}
@media (max-width:599.98px){
  .wizbar.two .wb-l{flex:0 0 auto;min-width:0}
  .wizbar.two .wb-t,.wizbar.two .wb-h b{display:none}
  .wizbar.two .wb-a{flex:1 1 auto;max-width:none}
  .wizbar.two .wb-a .btn:first-child{flex:1 1 auto}
}
@media (max-width:429.98px){
  .wizbar.two .wb-l{display:none}
}
@media (max-width:359.98px){
  .wizbar .wb-a .btn{padding-left:.625rem;padding-right:.625rem}
}
@media (forced-colors:active){
  .wizbar .wb-d i{forced-color-adjust:none;background:Canvas;border:1px solid CanvasText}
  .wizbar .wb-d i.on{background:Highlight}
  .wizbar .wb-d i.ok{background:CanvasText}
}
.buygrid,.buyside,.bhead,.bdesc{display:contents}
.bdesc>h2.sec:first-child{margin-top:var(--s5)}
.buyside>h2.sec:first-child{margin-top:var(--s5)}
.buyside>.msg:first-child{margin-top:var(--s3)}
.bopt>h2.sec:first-child,.bsum>h2.sec:first-child{margin-top:var(--s5)}
.bopt>.msg:first-child,.bsum>.msg:first-child{margin-top:var(--s3)}
.odl.hot{color:var(--warnt);font-weight:600}
.shelfseg{margin:0 0 var(--s3);max-width:520px}
.pricerow .permo{font-size:var(--t-cap);color:var(--fg3);font-variant-numeric:tabular-nums}
.bb.mut{background:var(--bsoft);color:var(--bt)}
.checks{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;gap:6px}
.checks li{display:flex;gap:8px;align-items:flex-start;font-size:var(--t-sm);color:var(--fg2);line-height:1.5;min-width:0}
.checks li svg{flex:0 0 auto;color:var(--okt);margin-top:3px}
.checks li span{min-width:0;overflow-wrap:anywhere}
.assure{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin:var(--s3) var(--rail) 0;font-size:var(--t-cap);color:var(--fg2)}
.assure>span,.assure>a{display:inline-flex;align-items:center;gap:5px;min-width:0}
.assure svg{flex:0 0 auto;color:var(--okt)}
.assure a{color:var(--fg2);text-decoration:underline;text-underline-offset:2px}
@media (hover:hover){.assure a:hover{color:var(--fg)}}
.psteps{display:flex;align-items:center;gap:6px;margin:var(--s2) var(--rail) var(--s4);font-size:var(--t-cap);color:var(--fg3)}
.psteps:first-child{margin-top:var(--s4)}
.psteps>a,.psteps>b{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:inherit;position:relative}
.psteps .tx{white-space:normal;overflow-wrap:break-word}
.psteps>a{text-decoration:none}
@media (hover:hover){.psteps>a:hover{color:var(--fg)}}
.psteps>a::before,.psteps>b::before{content:"";position:absolute;inset:-15px 0}
.psteps .d{width:8px;height:8px;border-radius:50%;background:var(--line);flex:0 0 auto}
.psteps .done .d{background:var(--b)}
.psteps .done{color:var(--fg2)}
.psteps .on .d{background:var(--grad);box-shadow:0 0 0 3px var(--bsoft)}
.psteps .on{color:var(--fg);font-weight:600}
.psteps .ln{flex:1 4 12px;min-width:0;max-width:34px;height:1px;background:var(--line)}
.copyno{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;font:inherit;
  font-size:var(--t-sm);font-weight:600;color:var(--fg);cursor:pointer;position:relative;min-width:0;text-align:right;
  flex-wrap:wrap;justify-content:flex-end;overflow-wrap:anywhere}
.copyno svg{color:var(--fg3);flex:0 0 auto}
.copyno::before{content:"";position:absolute;inset:-10px -6px}
.msg.cpok{display:flex;align-items:center;gap:var(--s2)}
.msg.cpok>span{flex:1;min-width:0}
.msg.cpok .cpl{display:block;font-weight:600}
.msg.cpok .cpn{display:block;margin-top:2px;font-size:var(--t-cap)}
.cpx{flex:0 0 auto;background:none;border:0;color:inherit;font:inherit;font-size:1.125rem;line-height:1;
  padding:2px 6px;cursor:pointer;border-radius:var(--r-xs);position:relative;
  display:inline-flex;align-items:center;justify-content:center}
.cpx::before{content:"";position:absolute;inset:-12px}
.dnote{display:none}
.list>a,.list>.it{display:flex;align-items:center;gap:var(--s3);padding:.75rem var(--s4);
  border-bottom:1px solid var(--line2);color:var(--fg);width:100%;background:none;border-left:0;border-right:0;border-top:0;
  font:inherit;text-align:left;cursor:pointer;transition:background var(--dur) var(--ease)}
@media (hover:hover){.list>a:hover,.list>button:hover{background:var(--card2)}}
.list>a:last-child,.list>.it:last-child{border-bottom:0}
.list .g{flex:1;min-width:0}
.list>a>.tag,.list>.it>.tag{flex:0 1 auto;max-width:45%;white-space:normal;overflow-wrap:break-word}
.list .g b{font-weight:600;overflow-wrap:anywhere;word-break:break-word}
.list .g i{display:block;font-style:normal;margin-top:2px;font-size:var(--t-cap);color:var(--fg2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.list .ic{color:var(--fg2);flex:0 0 auto;display:flex}
.payic{width:22px;height:22px;border-radius:6px;flex:0 0 auto;object-fit:cover;background:var(--bsoft)}
.payic.pf{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--bt)}
.payic.pf.bd{color:#fff;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.list .chev{color:var(--fg3);flex:0 0 auto;display:flex;transition:transform var(--dur) var(--ease)}
@media (hover:hover){
  .list>a:hover .chev,.list>button:hover .chev{transform:translateX(2px)}
}
.empty{padding:var(--s6) var(--s4);text-align:center;color:var(--fg2);font-size:var(--t-sm)}
.empty .t{font-weight:600;color:var(--fg);margin-bottom:var(--s1);font-size:var(--t-body)}
.empty .art{display:inline-flex;width:64px;height:64px;border-radius:50%;background:var(--bsoft);color:var(--bt);
  align-items:center;justify-content:center;margin-bottom:var(--s3);position:relative}
.empty .art::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px dashed var(--line);
  animation:artspin 24s linear 2}
@keyframes artspin{to{transform:rotate(360deg)}}
.empty .btn{margin-top:var(--s3)}
.empty .row{margin-top:var(--s3)}.empty .row>.btn{margin-top:0}
.msg{padding:var(--s3);border-radius:var(--r-sm);font-size:var(--t-sm);margin:var(--s3) 0;line-height:1.6}
.msg:first-child{margin-top:0}
.msg b{font-weight:600}
.msg a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.18em}
.msg.w{background:var(--warnsoft);color:var(--warnt)}
.msg.e{background:var(--badsoft);color:var(--badt)}
.msg.i{background:var(--bsoft);color:var(--bt)}
.msg.o{background:var(--oksoft);color:var(--okt)}
@supports ((-webkit-mask-image:none) or (mask-image:none)){
  .msg.i,.msg.w,.msg.e,.msg.o{position:relative;padding-left:calc(var(--s3) + 26px)}
  .msg.i::before,.msg.w::before,.msg.e::before,.msg.o::before{
    content:"";position:absolute;left:var(--s3);top:calc(var(--s3) + 2px);width:18px;height:18px;
    background-color:currentColor;
    -webkit-mask-image:var(--msg-ic);mask-image:var(--msg-ic);
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-size:18px 18px;mask-size:18px 18px}
  .msg.i{--msg-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.5h.01'/%3E%3C/svg%3E")}
  .msg.w{--msg-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6 22.2 20.4H1.8z'/%3E%3Cpath d='M12 9.6v4.4M12 17.2h.01'/%3E%3C/svg%3E")}
  .msg.e{--msg-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E")}
  .msg.o{--msg-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.2 12.3l2.7 2.7 5-5.2'/%3E%3C/svg%3E")}
  @media (forced-colors:active){
    .msg.i::before,.msg.w::before,.msg.e::before,.msg.o::before{background-color:CanvasText}
    .devchips button.on,.tsteps button[aria-current=step],.stdone[aria-pressed=true],.clipick button.on{border:2px solid Highlight}
  }
  @media print{
    .msg.i::before,.msg.w::before,.msg.e::before,.msg.o::before{
      -webkit-print-color-adjust:exact;print-color-adjust:exact}
  }
}
.stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin:var(--s4) var(--rail) var(--s2);padding:0;list-style:none}
.stepper li{min-width:0;display:flex}
.stepper .st{flex:1}
.stepper .st{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;background:none;border:0;
  padding:var(--s1) 2px;margin:calc(var(--s1)*-1) 0;font:inherit;color:inherit;cursor:pointer;border-radius:var(--r-xs);position:relative}
.stepper .st::after{content:"";position:absolute;inset:-4px -2px}
.stepper .st::before{content:"";position:absolute;top:calc(var(--s1) + 10px);left:calc(50% + 15px);right:calc(-50% + 15px);height:2px;
  border-radius:1px;background:var(--line);transform-origin:left center;pointer-events:none}
.stepper li:last-child .st::before{display:none}
.stepper .st.done::before{background:var(--okt)}
.stepper .dot{width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--fg2);position:relative;z-index:1;
  display:flex;align-items:center;justify-content:center;font-size:var(--t-cap);font-weight:700;flex:0 0 auto;
  transition:box-shadow var(--dur) var(--ease)}
.stepper .st.on .dot{background:var(--b);background-image:var(--grad);color:var(--bfg);box-shadow:0 0 0 4px var(--bsoft)}
.stepper .st.done .dot{background:linear-gradient(var(--oksoft),var(--oksoft)),var(--card);color:var(--okt)}
.stepper .lb{font-size:var(--t-cap);color:var(--tagt);text-align:center;line-height:1.3;max-width:100%;overflow-wrap:anywhere;
  transition:color var(--dur) var(--ease)}
.stepper .st.on .lb{color:var(--fg);font-weight:600}
@media (hover:hover){
  .stepper .st:not(.on):hover .lb{color:var(--fg)}
  .stepper .st:not(.on):hover .dot{box-shadow:0 0 0 4px var(--bsoft)}
}
.seg.dev button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:4.75rem;padding:.625rem .5rem}
.seg.dev button svg{color:var(--fg3);flex:0 0 auto;transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.seg.dev button:hover svg{color:var(--fg2)}
.seg.dev button.on svg{color:var(--bt)}
.seg.dev button .dl{display:block;line-height:1.3}
.seg.dev button .p{margin-top:0;text-align:center}
.seg.dev button .p.hold{visibility:hidden}
.nextcli{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card2)}
.nextcli .appmark{width:40px;height:40px;border-radius:12px;font-size:14px;flex:0 0 auto}
.nextcli .nx{flex:1;min-width:0}
.nextcli .nx b{display:block;font-weight:700;font-size:var(--t-body);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nextcli .tags{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}
@media (max-width:359.98px){
  .nextcli{flex-wrap:wrap}
  .nextcli .nx{flex:1 1 auto}
  .nextcli .tags{flex:0 0 calc(100% - 40px - var(--s3));margin-left:calc(40px + var(--s3));justify-content:flex-start}
}
.wizfoot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px var(--s1);margin-top:var(--s3)}
.wizfoot .btn{width:auto;margin:0}
.wizctx{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--s3)}
.wizctx .fct{position:relative;border:0;cursor:pointer;font:inherit;font-size:var(--t-cap);font-weight:600;padding:5px 8px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.wizctx .fct::after{content:"";position:absolute;inset:-8px 0}
.wizctx .fct svg:last-child{color:var(--fg3);margin-left:-1px}
.wizctx .fct:focus-visible{outline:2px solid var(--b);outline-offset:2px}
@media (hover:hover){.wizctx .fct:hover{background:var(--bsoft);color:var(--bt)}.wizctx .fct:hover svg{color:inherit}}
.wizres{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2)}
.wizres>span{flex:1 1 12ch;min-width:0}
.wizres .btn{width:auto;margin:0;flex:0 0 auto}
.seg.dev button .p.warn,.seg.dev button.on .p.warn{color:var(--warnt)}
.wizok{position:relative;overflow:visible}
.wizok .cf{display:none}
.wizok .row{justify-content:flex-start}
.wizok .row>.btn{flex:0 1 auto}
.wizok .row{flex-wrap:wrap}
.msg .row>a.btn,.msg .row>a.btn:hover{color:var(--fg);text-decoration:none;font-weight:600}
.msg.gate .row{flex-wrap:wrap}.msg.gate .row>.btn{flex:0 1 auto}
.cap.lh{line-height:1.55}
.s3t{margin:var(--s4) 0 0;font-size:var(--t-sm);font-weight:600;color:var(--tagt)}
.s3t+.steps{margin-top:var(--s2)}
.wiz button.sub{font-size:.8125rem}
.sumlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}
.sumlist li{display:flex;align-items:flex-start;gap:var(--s3)}
.sumlist .n{width:22px;height:22px;border-radius:50%;background:var(--line2);color:var(--fg2);font-size:var(--t-cap);font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-variant-numeric:tabular-nums}
.sumlist li.cur .n{background:var(--b);background-image:var(--grad);color:var(--bfg);box-shadow:0 0 0 4px var(--bsoft)}
.sumlist li.done .n{background:linear-gradient(var(--oksoft),var(--oksoft)),var(--card);color:var(--okt)}
.sumlist .g{min-width:0;display:flex;flex-direction:column}
.sumlist .k{font-size:var(--t-cap);color:var(--fg3)}
.sumlist b{font-weight:600;font-size:var(--t-sm);overflow-wrap:anywhere}
.sumlist li.todo b{color:var(--fg2);font-weight:500}
.wizsum .cap{margin-top:var(--s3)}
.wizside{display:none}
.wizqr .qrwrap{display:flex;justify-content:center}
.wizqr .qr{width:min(200px,100%)}
.wizin{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line2)}
.wizin.pre{margin-top:var(--s3);padding-top:0;border-top:0;padding-bottom:var(--s4);border-bottom:1px solid var(--line2)}
.wizin.pre+.s3t{margin-top:var(--s3)}
.wizin>.cap:first-child{font-weight:600;color:var(--tagt)}
.wizin .tvfig{margin-top:var(--s2)}
.wizin .qrwrap{display:flex;justify-content:center;margin-top:var(--s3)}
.wizin .qr{width:min(200px,100%)}
.wizin .row{justify-content:center}
.wizin .row>.btn{flex:0 1 auto}
.wiz:has(.wizin.hasqr) .btn.hq{display:none}
@media (min-width:744px){.wizin .tvfig{max-width:420px;margin-left:auto;margin-right:auto}.wizin .tvfig .figcap{margin-left:0;margin-right:0;text-align:center}}
.steps{counter-reset:s;padding:0;margin:var(--s3) 0 0;list-style:none}
.steps li{counter-increment:s;position:relative;padding:0 0 var(--s3) 2rem;font-size:var(--t-body);line-height:1.6}
.steps li:last-child{padding-bottom:0}
.steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;
  background:var(--bsoft);color:var(--bt);font-size:var(--t-cap);display:flex;align-items:center;
  justify-content:center;font-weight:700}
.tvno{width:22px;height:22px;border-radius:50%;background:var(--b);background-image:var(--grad);color:var(--bfg);
  font-size:var(--t-cap);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}
.tvfig{margin:var(--s3) calc(var(--s4)*-1) var(--s2)}
.tvfig>svg{display:block;width:100%;height:auto}
.tvfig.fx{overflow:clip}
.tvfig.fx .fxw{position:relative;width:100%}
.tvfig.fx .fxs{position:absolute;left:0;top:0;width:360px;transform-origin:0 0}
.tvfig.fx .fxs>svg{display:block;width:360px;height:auto}
.tstep .hd h2{text-wrap:wrap}
.tvfig .figcap{margin:var(--s2) var(--s4) 0;font-size:var(--t-cap);color:var(--fg3);line-height:1.55}
mark.q{background:var(--bsoft);color:var(--bt);border-radius:4px;padding:0 .12em}
.qbar{position:relative;display:flex;align-items:center}
.qbar>svg{position:absolute;left:.75rem;top:0;bottom:0;margin-block:auto;color:var(--fg3);pointer-events:none}
.qbar>input{padding-left:2.5rem;padding-right:2.75rem}
.qbar>input::-webkit-search-cancel-button,
.qbar>input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
.qbar .qclear{position:absolute;right:6px;top:0;bottom:0;margin-block:auto;display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;border:0;background:none;color:var(--fg3);cursor:pointer;border-radius:var(--r-full);
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}
.qbar .qclear::before{content:"";position:absolute;inset:-6px}
.qbar>input:placeholder-shown~.qclear{display:none}
@media (hover:hover){.qbar .qclear:hover{color:var(--fg);background:var(--line2)}}
.qbar .qclear:active{background:var(--line2)}
.toc button{display:block;width:100%;text-align:left;background:none;border:0;font:inherit;
  font-size:var(--t-sm);color:var(--bt);padding:.375rem 0;cursor:pointer;border-radius:var(--r-xs);position:relative}
.toc button::before{content:"";position:absolute;inset:-6px 0}
.toc button.l2{padding-left:1rem}.toc button.l3{padding-left:2rem}
.docact{border-top:1px solid var(--line2);margin-top:var(--s4);padding-top:var(--s3)}
.docact.top{border-top:0;margin-top:var(--s3);padding:var(--s3);border-radius:var(--r-sm);background:var(--bsoft)}
.docact.top .cap{color:var(--bt)}
.docact.top .row{margin-top:var(--s2)}
.docact.top .btn.line{min-height:2.75rem;padding:.5rem var(--s2)}
.docfb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s3);margin-top:var(--s4);
  padding-top:var(--s3);border-top:1px solid var(--line2);font-size:var(--t-sm);color:var(--fg2)}
.docfb .row{display:flex;flex-wrap:wrap;gap:var(--s2);flex:0 1 auto;margin:0}
.docfb .btn.sm{min-height:2.25rem;padding:.375rem .75rem;font-size:var(--t-cap);white-space:normal;overflow-wrap:break-word}
.docfb.done>span{display:inline-flex;align-items:center;gap:6px;color:var(--okt);font-weight:600}
.dtoc{display:none}
.dtoc>.cap{margin-bottom:var(--s1);padding-left:.625rem}
.dtoc button{color:var(--fg2);font-size:var(--t-cap);padding:.3rem 0 .3rem .625rem;border-left:2px solid var(--line2);border-radius:0;line-height:1.4}
.dtoc button.l2{padding-left:1.25rem}.dtoc button.l3{padding-left:1.875rem}
.dtoc button:hover{color:var(--fg)}
.dtoc button[aria-current]{color:var(--bt);font-weight:600;border-left-color:var(--b)}
details.fold{border-top:1px solid var(--line2);margin-top:var(--s3);padding-top:var(--s3)}
details.fold>summary{cursor:pointer;font-size:var(--t-sm);color:var(--bt);font-weight:600;list-style:none;
  display:flex;align-items:center;gap:6px;position:relative;padding:.375rem 0}
details.fold>summary::before{content:"";position:absolute;inset:-6px 0}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-left:2px;transition:transform var(--dur) var(--ease)}
details.fold[open]>summary::after{transform:rotate(225deg)}
.dochero{margin:var(--s4) var(--rail) var(--s2);min-width:0}
.qtop{position:sticky;top:3.56rem;z-index:5;padding:var(--s2) 0;margin:0 calc(var(--s1)*-1);background:var(--glass)}
.qtop .qbar{margin:0 var(--s1)}
.qbar.bare>input{border-radius:var(--r-md);box-shadow:var(--e1);min-height:3rem}
.hotq{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--s2);margin:0 var(--rail) var(--s2);overflow-x:auto;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent);padding-right:20px}
.hotq::-webkit-scrollbar{display:none}
.hotq>.cap,.hotq>button{flex:0 0 auto}
.hotq.recent button:not(.x){border-style:dashed}
.hotq .x{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--r-full);border:0;background:none;color:var(--fg3);cursor:pointer}
.hotq .x:hover{color:var(--fg);background:var(--line2)}
.empty .hotq.dym{justify-content:center;flex-wrap:wrap;margin:var(--s3) 0 0;mask-image:none;-webkit-mask-image:none;padding-right:0}
.empty .hotq.dym button{color:var(--bt);border-color:var(--bt)}
.card+.hotq{margin-top:var(--s3)}
.kbh{margin:var(--s2) var(--rail) 0;text-align:right}
@media (min-width:1024px){.pagein .kbh.deskonly{display:block}}
#dres h2.sec[id]{scroll-margin-top:8.75rem}
#dres h2.sec:focus{box-shadow:none;outline:none}
.hotq>.cap{margin-right:2px}
.hotq button{position:relative;background:var(--card);border:1px solid var(--line);color:var(--fg2);font:inherit;font-size:var(--t-cap);
  padding:6px 10px;border-radius:var(--r-full);cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.hotq button:hover{color:var(--bt);border-color:var(--bt)}
.devseg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;margin:var(--s3) 0;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-md);box-shadow:var(--e1)}
.devseg button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:6px 2px;
  border:0;border-radius:var(--r-sm);background:none;color:var(--fg2);font:inherit;font-size:.6875rem;font-weight:500;cursor:pointer;min-width:0;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.devseg button .ic{display:flex;color:currentColor}
.devseg button .lb{display:block;max-width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.devseg button .dot{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--ok);flex:0 0 auto}
.devseg button:hover{background:var(--line2);color:var(--fg)}
.devseg button.on{background:var(--b);background-image:var(--grad);color:var(--bfg);font-weight:600}
.devseg button.on .dot{background:var(--bfg)}
.devseg button.all{color:var(--fg3)}
.devseg button.all.on{color:var(--bfg)}
.list.dl .g b{text-wrap:pretty}
.list.dl>a:focus{box-shadow:none}
.list.dl>a:focus-visible{box-shadow:inset 0 0 0 2px var(--b2)}
.list.dl .g i{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45}
.list.dl .g i mark.q{white-space:normal}
.list.dl .g i.meta,.reco .g i.meta{display:flex;flex-wrap:wrap;align-items:center;gap:3px 0;-webkit-line-clamp:none;overflow:visible;line-height:1.4}
.list.dl .g i.meta>span,.reco .g i.meta>span{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.list.dl .g i.meta>span.w{white-space:normal}
.list.dl .g i.meta mark.q{white-space:inherit}
.list.dl .g i.meta>span:not(:last-child)::after,.reco .g i.meta>span:not(:last-child)::after{content:"·";margin:0 6px;color:var(--fg3)}
.list.dl .g i.meta .fee,.reco .g i.meta .fee{margin:0;position:static;top:auto;vertical-align:baseline}
.list.dl .dic{width:34px;height:34px;border-radius:10px;background:var(--bsoft);color:var(--bt);align-items:center;justify-content:center}
.list.dl .dic.c1{background:var(--oksoft);color:var(--okt)}
.list.dl .dic.c2{background:var(--warnsoft);color:var(--warnt)}
.list.dl .dic.c3{background:rgba(124,58,237,.12);color:#6d28d9}
.list.dl .dic.c4{background:rgba(14,116,144,.12);color:#0e7490}
.list.dl .dic.c5{background:rgba(190,24,93,.10);color:#be185d}
html[data-mode=dark] .list.dl .dic.c3{color:#c4b5fd}
html[data-mode=dark] .list.dl .dic.c4{color:#67e8f9}
html[data-mode=dark] .list.dl .dic.c5{color:#f9a8d4}
#app[data-enter] .list.dl>a{animation:lrise .36s var(--ease) both;animation-delay:calc(var(--i,0)*24ms)}
@keyframes lrise{from{opacity:0;transform:translateY(6px)}}
.list.dl.rel{margin-top:0}
h2.sec.rel{margin-top:var(--s4)}
.list.dl>a.suprow{min-height:2.75rem;padding:.5rem var(--s4) .5rem calc(var(--s4) + 34px + var(--s3));gap:var(--s2);background:var(--card2);font-size:var(--t-sm)}
.list.dl>a.suprow .g{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.list.dl>a.suprow .g b{font-weight:600}
.list.dl>a.suprow .tag,.card.reco .suprow .tag{flex:0 0 auto;padding:2px 7px;background:var(--bsoft);color:var(--bt);font-weight:600;line-height:1.3}
.dochero h1{margin:0;font-size:var(--t-h2);line-height:1.25;letter-spacing:-.02em;font-weight:700}
html[data-vibe=youth] .dochero h1{font-weight:700;letter-spacing:-.02em}
.dochero p{margin:var(--s1) 0 0;font-size:var(--t-sm);color:var(--fg2);line-height:1.5;text-wrap:pretty}
@media (min-width:1024px){
  .dochero{margin-top:0}
  .dochero h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
  .dochero p{margin-top:0;font-size:var(--t-body)}
}
.devchips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s2) 0 var(--s3)}
.devchips button{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;
  border-radius:var(--r-full);border:1px solid var(--line);background:var(--card);color:var(--fg2);
  font:inherit;font-size:var(--t-sm);font-weight:500;cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.devchips button::before{content:"";position:absolute;inset:-4px 0}
.devchips button:hover{border-color:var(--fg3);color:var(--fg)}
.devchips button.on{background:var(--b);background-image:var(--grad);border-color:transparent;color:var(--bfg);font-weight:600}
.devchips button .p{font-size:var(--t-cap);line-height:1;padding:3px 6px;border-radius:var(--r-full);background:var(--bsoft);color:var(--bt);font-weight:600}
.devchips button.on .p{background:var(--card);color:var(--bt)}
.appmark{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-size:13px;font-weight:700;letter-spacing:.01em;flex:0 0 auto;font-variant-numeric:tabular-nums;
  forced-color-adjust:none}
.appmark.of svg{width:100%;height:100%;display:block}
.appmark.of{box-shadow:inset 0 0 0 1px var(--line)}
html[data-mode=dark] .appmark:not(.of){box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
@media print{.appmark{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.list .appmark{width:34px;height:34px}
.card.reco{padding:var(--s4)}
.card.reco .main{display:flex;align-items:center;gap:var(--s3);color:inherit}
.card.reco .suprow{display:flex;align-items:center;gap:var(--s2);margin:var(--s3) 0 0;padding-top:var(--s3);min-height:calc(2.75rem + var(--s3));border-top:1px solid var(--line2);
  color:var(--fg);font-size:var(--t-sm)}
.card.reco .suprow .g{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.card.reco .suprow b{display:inline;font-weight:600;line-height:inherit}
.card.reco .suprow .chev{margin-left:auto;color:var(--fg3);display:flex;flex:0 0 auto}
.card.reco .main>.appmark{width:44px;height:44px;border-radius:12px}
.dcnt{margin:var(--s4) var(--rail) 0}
.reco .g{flex:1;min-width:0}
.reco .featb{margin-bottom:4px}
.reco b{display:block;font-weight:700;line-height:1.35}
.reco i{display:block;font-style:normal;margin-top:2px;font-size:var(--t-cap);color:var(--fg2)}
.reco .btn.sm{min-height:2.25rem;padding:.375rem .75rem;font-size:var(--t-cap)}
.reco .btn.go{flex:0 0 auto;width:auto;min-height:2.75rem;padding:.625rem var(--s4);margin:0;font-size:var(--t-sm);font-weight:600}
.reco .prog{display:inline-flex;gap:4px;margin-top:6px}
.reco .prog i{width:14px;height:4px;border-radius:2px;background:var(--line)}
.reco .prog i.ok{background:var(--ok)}
.reco i .fee{vertical-align:middle;margin:0;padding:2px 6px}
.sec .n{margin-left:6px;font-weight:500;color:var(--fg3);font-variant-numeric:tabular-nums}
.card.lastdoc{position:relative;padding:0}
.card.lastdoc>a{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 2.75rem var(--s3) var(--s4);color:var(--fg)}
.card.lastdoc>a>svg{color:var(--bt);flex:0 0 auto}
.card.lastdoc .g{flex:1;min-width:0}
.card.lastdoc small{display:block;font-size:var(--t-cap);color:var(--fg3)}
.card.lastdoc b{display:block;font-weight:600;font-size:var(--t-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card.lastdoc .btn.sm{flex:0 0 auto}
.card.lastdoc .x{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border:0;background:none;color:var(--fg3);border-radius:var(--r-full);cursor:pointer}
.card.lastdoc .x:hover{color:var(--fg);background:var(--line2)}
@media (max-width:399px){.card.lastdoc .btn.sm{display:none}}
.hd .hdacts{display:flex;gap:4px;flex:0 0 auto;margin-left:auto}
.stdocs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px var(--s2);margin-top:var(--s3)}
.stdocs .btn.quiet.sm{min-height:2.25rem;padding:.25rem .5rem}
.tmeta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.tmeta .chip{background:var(--card2);color:var(--fg2);border:1px solid var(--line2);font-weight:500}
.tmeta .chip.b{background:var(--bsoft);color:var(--bt);border-color:transparent;font-weight:600}
.thead .cap.dim{font-size:var(--t-sm);line-height:1.55}
.tsteps{position:sticky;top:calc(41px + 1rem);z-index:10;display:flex;gap:4px;padding:4px;margin:var(--s3) 0;
  background:var(--glass2);border:1px solid var(--line);border-radius:var(--r-full);box-shadow:var(--e1)}
.tsteps button{position:relative;flex:1 1 0;min-width:0;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:0 6px;border:0;border-radius:var(--r-full);background:transparent;color:var(--fg2);font:inherit;font-size:var(--t-cap);
  font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.tsteps button::before{content:"";position:absolute;inset:-5px 0}
.tsteps button .d{width:20px;height:20px;border-radius:50%;background:var(--line);color:var(--fg2);display:inline-flex;
  align-items:center;justify-content:center;font-size:var(--t-cap);font-weight:700;flex:0 0 auto;font-variant-numeric:tabular-nums}
.tsteps button .l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsteps button:hover{color:var(--fg)}
.tsteps button[aria-current=step]{background:var(--bsoft);color:var(--bt)}
.tsteps button[aria-current=step] .d{background:var(--b);background-image:var(--grad);color:var(--bfg)}
.tsteps button.done .d{background:var(--oksoft);color:var(--okt)}
.tsteps button.done .d svg{width:12px;height:12px}
@media (max-width:743px){
  .tsteps button:not([aria-current=step]){flex:0 0 auto;padding:0 8px}
  .tsteps button:not([aria-current=step]) .l{display:none}
  .tsteps button[aria-current=step]{flex:1 1 auto}
}
.tstep{scroll-margin-top:calc(3.56rem + 3.75rem)}
.tstep .cap.dim{font-size:var(--t-sm);line-height:1.55}
.tstep .hd h2{flex:1 1 auto}
.tstep.done .tvno{background:var(--okt);background-image:none}
.stdone{position:relative;margin-left:auto;display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 10px;
  border-radius:var(--r-full);border:1px solid var(--line);background:var(--card);color:var(--fg2);font:inherit;
  font-size:var(--t-cap);font-weight:600;cursor:pointer;flex:0 0 auto;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.stdone::before{content:"";position:absolute;inset:-7px -2px}
.stdone:hover{border-color:var(--fg3);color:var(--fg)}
.stdone[aria-pressed=true]{background:var(--oksoft);color:var(--okt);border-color:transparent}
.stdone svg{width:14px;height:14px}
.tdone{position:relative;overflow:hidden;text-align:center}
.tdone .t{font-weight:700;font-size:var(--t-h3);margin:var(--s2) 0 var(--s1)}
@keyframes bdgpop{from{transform:scale(.55);opacity:0}}
.tvfig .bdg{transform-box:fill-box;transform-origin:center}
.tvfig.in .bdg{animation:bdgpop .45s var(--ease) both;animation-delay:calc(var(--i,0)*110ms)}
.tfast .tf-h{display:flex;align-items:center;gap:6px;font-weight:700;font-size:var(--t-h3);line-height:1.3}
.tfast .tf-h svg{color:var(--bt);flex:0 0 auto}
.tfast .tf-d{margin:var(--s1) 0 0;font-size:var(--t-sm);color:var(--fg2);line-height:1.55}
.tfast .tf-g{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);align-items:center;margin-top:var(--s3)}
.tfast .tf-l{min-width:0;display:flex;align-items:center;gap:8px;font-weight:600;font-size:var(--t-sm);line-height:1.3}
.tfast .tf-l .d{width:22px;height:22px;border-radius:50%;background:var(--bsoft);color:var(--bt);font-size:var(--t-cap);
  font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-variant-numeric:tabular-nums}
.tfast .tf-g .btn{width:100%;min-height:2.5rem;padding:.5rem .875rem;font-size:var(--t-sm);margin-top:0}
.tfast .tf-x{display:flex;gap:var(--s2);margin-top:var(--s3)}
.tfast .tf-x>.btn{flex:1;min-width:0;min-height:2.5rem;padding:.5rem .75rem;font-size:var(--t-sm);margin-top:0}
@media (min-width:744px){
  .tvfig.ph{max-width:420px;margin-left:auto;margin-right:auto}
  .tvfig.ph .figcap{margin-left:0;margin-right:0;text-align:center}
}
.tstep details.tips>summary{color:var(--fg2)}
.tstep details.tips[open]>summary{margin-bottom:calc(var(--s2)*-1)}
@media print{.tfast{display:none}}
.lbx{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.92);display:flex;flex-direction:column;
  animation:fade var(--dur) var(--ease);touch-action:pan-x pan-y pinch-zoom}
.lbx .lbxs{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:var(--s3);
  padding-top:calc(var(--s3) + env(safe-area-inset-top));-webkit-overflow-scrolling:touch}
.lbx img{max-width:100%;max-height:100%;object-fit:contain;display:block;cursor:zoom-in;border-radius:var(--r-xs)}
.lbx.big .lbxs{display:block}
.lbx.big img{max-width:none;max-height:none;cursor:zoom-out;border-radius:0}
.lbx .lbxc{position:absolute;top:calc(var(--s3) + env(safe-area-inset-top));right:var(--s3);width:44px;height:44px;border-radius:50%;
  border:0;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}
.lbx .lbxc:hover{background:rgba(255,255,255,.28)}
.lbx .lbxc:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 4px #fff}
.lbx .lbxa{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}
.lbx .lbxa.prev{left:var(--s3)}.lbx .lbxa.next{right:var(--s3)}
.lbx .lbxa:hover{background:rgba(255,255,255,.28)}
.lbx .lbxa:focus-visible{box-shadow:0 0 0 2px #000,0 0 0 4px #fff}
.lbx.big .lbxa{display:none}
.lbx .lbxn{position:absolute;top:calc(var(--s3) + env(safe-area-inset-top));left:0;right:0;text-align:center;line-height:44px;color:rgba(255,255,255,.82);
  font-size:var(--t-sm);font-variant-numeric:tabular-nums;pointer-events:none}
.lbx .lbxcap[hidden]{display:none}
.lbx .lbxcap{flex:0 0 auto;color:rgba(255,255,255,.82);font-size:var(--t-sm);line-height:1.5;text-align:center;
  padding:var(--s2) var(--s4) calc(var(--s4) + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}
.codebox{position:relative}
.codebox .codecp{position:absolute;top:6px;right:6px;min-height:28px;padding:0 10px;border-radius:var(--r-xs);
  border:1px solid var(--line);background:var(--card);color:var(--fg2);font:inherit;font-size:var(--t-cap);font-weight:600;cursor:pointer}
.codebox .codecp::before{content:"";position:absolute;inset:-8px}
@media (hover:hover){.codebox .codecp:hover{color:var(--fg);border-color:var(--fg3)}}
.codebox pre{padding-right:4.25rem}
.dbar{display:none}
.drail{display:none}
@media (max-width:1023px){
  .dbar:not([hidden]){display:block;position:fixed;left:0;right:0;bottom:calc(3.75rem + env(safe-area-inset-bottom));z-index:29;background:var(--glass2);
    border-top:1px solid var(--line);
    padding:var(--s2) max(var(--s3),var(--sar)) var(--s2) max(var(--s3),var(--sal));animation:fade var(--dur) var(--ease)}
  .dbar .in{display:flex;gap:var(--s2);max-width:var(--maxw);margin:0 auto}
  .dbar .in .btn.sm{flex:1 1 auto;min-height:2.5rem;padding:.5rem .5rem}
  body.docbar{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}
}
.rprog{position:fixed;left:0;top:0;width:100%;height:2px;z-index:45;transform-origin:0 50%;transform:scaleX(0);background:var(--grad);pointer-events:none;
  transition:transform 80ms linear}
@media (min-width:1024px){.rprog{left:236px;width:calc(100% - 236px)}}
.imgfail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s3);margin:var(--s2) 0;padding:var(--s3);border:1px dashed var(--line);
  border-radius:var(--r-sm);background:var(--card2);color:var(--fg2);font-size:var(--t-sm)}
.imgfail .t{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.imgfail .btn.sm{min-height:2.25rem;padding:.375rem .75rem;font-size:var(--t-cap)}
.pgqr{display:flex;justify-content:center;margin:var(--s3) auto 0;max-width:232px}
.pgqr svg{width:100%;height:auto;border-radius:var(--r-sm);border:1px solid var(--line)}
.docnav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:var(--s3)}
.docnav a{display:flex;flex-direction:column;gap:2px;padding:.625rem var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);
  color:var(--fg);min-width:0;background:var(--card)}
.docnav a:hover{background:var(--card2)}
.docnav a.next{text-align:right}
.docnav a small{font-size:var(--t-cap);color:var(--fg3)}
.docnav a span{font-size:var(--t-sm);font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;overflow-wrap:anywhere}
@media (min-width:1024px){
  .pagein.read.ddlay{max-width:calc(200px + 640px + 1.5rem);display:grid;grid-template-columns:200px minmax(0,640px);column-gap:1.5rem;align-items:start}
  .pagein.ddlay>.dochero,.pagein.ddlay>.qtop,.pagein.ddlay>#dres{grid-column:2;min-width:0}
  .pagein.ddlay>.drail{display:block;grid-column:1;grid-row:1/span 3;position:sticky;top:calc(3.56rem + 1.5rem);max-height:calc(100vh - 3.56rem - 3rem);overflow:auto;
    margin-top:var(--s4);scrollbar-width:thin}
  .pagein.ddlay>.drail[hidden]{display:none}
  .pagein.ddlay #dres>.devseg{display:none}
  .drail .devseg{grid-template-columns:1fr;gap:2px;margin:0 0 var(--s3);padding:4px}
  .drail .devseg button{flex-direction:row;justify-content:flex-start;gap:var(--s2);min-height:40px;padding:0 10px;font-size:var(--t-sm)}
  .drail .devseg button .me{margin-left:auto;font-size:var(--t-cap);font-weight:500;color:var(--fg3)}
  .drail .devseg button.on .me{color:var(--bfg);opacity:.85}
  .drail .cats{display:flex;flex-direction:column;gap:2px;margin:0 0 var(--s3);padding:0 2px}
  .drail .cats button{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;min-height:36px;padding:0 10px;border:0;border-radius:var(--r-xs);
    background:none;color:var(--fg2);font:inherit;font-size:var(--t-sm);text-align:left;cursor:pointer;min-width:0}
  .drail .cats button>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .drail .cats button .n{font-size:var(--t-cap);color:var(--fg3);font-variant-numeric:tabular-nums}
  .drail .cats button:hover{background:var(--line2);color:var(--fg)}
  .drail .qs{padding:var(--s3);border-radius:var(--r-sm);background:var(--bsoft)}
  .drail .qs .cap{color:var(--bt)}
  .drail .qs .row{flex-wrap:wrap}
  .drail .qs .btn.sm{flex:1 1 auto;min-height:2.25rem;padding:.375rem .5rem;font-size:var(--t-cap)}
  .pagein.ddlay .qtop{top:calc(3.56rem + 0px)}
}
@media (min-width:1152px){
  .pagein.read.dlay{max-width:calc(640px + 200px + 1.5rem);display:grid;grid-template-columns:minmax(0,640px) 200px;column-gap:1.5rem;align-items:start}
  .pagein.dlay>.card,.pagein.dlay>.btn{grid-column:1;min-width:0}
  .pagein.dlay>.dtoc{display:block;grid-column:2;grid-row:2/span 2;position:sticky;top:calc(3.56rem + 1.5rem);max-height:calc(100vh - 3.56rem - 3rem);overflow:auto}
  .pagein.dlay .card details.toc{display:none}
  .pagein.dlay>.dbar{display:none}
  .pagein.read.tut{max-width:calc(640px + 176px + 1.5rem);display:grid;grid-template-columns:minmax(0,640px) 176px;column-gap:1.5rem;align-items:start}
  .pagein.tut>.thead,.pagein.tut>.tbody{grid-column:1;min-width:0}
  .pagein.tut>.tsteps{grid-column:2;grid-row:1/span 2;flex-direction:column;align-items:stretch;position:sticky;
    top:calc(3.56rem + 1.5rem);margin:0;padding:var(--s2);border-radius:var(--r-md)}
  .pagein.tut>.tsteps button{justify-content:flex-start;min-height:40px;padding:0 10px;border-radius:var(--r-sm);font-size:var(--t-sm)}
  .tstep{scroll-margin-top:calc(3.56rem + 1rem)}
}
.tkrail{display:none}
.tkmain{min-width:0}
.tkmain>.tkhead,.tkmain>.tkcompose{flex:0 0 auto}
.tkls .g i .d{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px;background:var(--okt)}
.tkls .g i .d.w{background:var(--warn)}
.tkls>a[aria-current=page]{background:var(--bsoft)}
.tkls>a[aria-current=page] .g b{color:var(--bt)}
.tkls>a{position:relative}
.tkun{position:absolute;left:5px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--b);box-shadow:0 0 0 2px var(--bsoft)}
.tkls>a.un .g b{color:var(--fg)}
.tkform .hd{margin-bottom:var(--s1)}
.tkstartb{margin:0 0 var(--s3);line-height:1.5}
.tkonenote{margin:var(--s2) var(--rail) 0}
.tkhero .hd b{text-wrap:balance}
.tkhero .hd .chev{color:var(--fg3);display:flex}
.tkhero .cap{margin-top:2px}
.bub{max-width:min(84%,560px);padding:.625rem var(--s3);border-radius:var(--r-md);margin:var(--s3) 0 0;font-size:var(--t-sm);
  white-space:pre-wrap;word-break:break-word;line-break:strict;line-height:1.6;position:relative}
.bub .ts{display:block;font-size:12px;opacity:.72;margin-top:var(--s1);font-variant-numeric:tabular-nums;white-space:normal}
.bub.me .ts{opacity:.92}
.bub.me{background:var(--b);background-image:var(--grad);color:var(--bfg);margin-left:auto;border-bottom-right-radius:6px}
.bub.he{background:var(--bub-he);margin-left:36px;border-bottom-left-radius:6px}
.bub.he .who{display:block;font-size:12px;color:var(--fg2);font-weight:600;margin-bottom:2px}
.bub code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;padding:1px 5px;border-radius:5px;background:rgba(15,23,41,.07)}
.bub.me code{background:rgba(255,255,255,.2)}
html[data-mode=dark] .bub.he code{background:rgba(255,255,255,.08)}
.bub a{overflow-wrap:anywhere}
.bub.me a{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.bub.me.bin{transform-origin:100% 100%}
.bub.he.bin{transform-origin:0 100%}
.tkctx{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;font-size:var(--t-cap);line-height:1.5;margin:2px 0 6px;padding:8px 10px;
  border-radius:var(--r-xs);background:rgba(15,23,41,0.18);white-space:normal}
.bub.he .tkctx{background:rgba(15,23,41,.06)}
html[data-mode=dark] .bub.he .tkctx{background:rgba(255,255,255,.06)}
.tkctx i{font-style:normal;opacity:.85;white-space:nowrap;align-self:baseline}
.tkctx span{font-size:var(--t-sm);overflow-wrap:break-word;white-space:pre-wrap}
@media (max-width:639.98px){.tkctx{grid-template-columns:minmax(0,1fr);gap:0}.tkctx i{margin-top:6px;white-space:normal}.tkctx i:first-child{margin-top:0}}
.tkctx .na{opacity:.82}
.tkav{position:absolute;left:-36px;bottom:0;width:28px;height:28px;border-radius:50%;background:var(--card);border:1px solid var(--line);
  color:var(--bt);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.tkav img{max-width:20px;max-height:20px;width:auto;height:auto;border-radius:3px}
.tkav img.ph{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:0}
.tkctx.clp>i:nth-of-type(n+4),.tkctx.clp>span:nth-of-type(n+4){display:none}
.tkctxx{grid-column:1/-1;justify-self:start;font:inherit;font-size:var(--t-cap);font-weight:600;color:inherit;background:rgba(255,255,255,.18);border:0;border-radius:var(--r-full);
  padding:3px 10px;margin-top:4px;cursor:pointer;white-space:nowrap;min-height:24px}
.bub.he .tkctxx{background:rgba(15,23,41,.08)}
html[data-mode=dark] .bub.he .tkctxx{background:rgba(255,255,255,.1)}
.bub.me.fail{background:var(--badsoft);background-image:none;color:var(--fg);border:1px solid var(--badt)}
.bub .ts.fl{color:var(--badt);opacity:1}
.bub .ts.fl button{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:.15em;cursor:pointer;min-height:24px}
.bubday{text-align:center;font-size:var(--t-cap);color:var(--fg3);margin:var(--s4) 0 0}
.bubday:first-child{margin-top:0}
.bubnew{display:flex;align-items:center;gap:var(--s2);margin:var(--s4) 0 0;color:var(--bt);font-size:var(--t-cap);font-weight:600;
  scroll-margin-top:calc(41px + 1rem + 84px)}
.bubnew i{flex:1;height:1px;background:var(--bsoft)}
.bub.grp{margin-top:4px}
.bub.me.grp{border-top-right-radius:6px}
.bub.he.grp{border-top-left-radius:6px}
.tkthread{padding:var(--s3) var(--s4) var(--s4)}
.tknote{margin-top:var(--s2);font-size:var(--t-cap);color:var(--fg2);line-height:1.55}
.tknote.w{color:var(--warnt)}
.tkhead{position:sticky;top:calc(41px + 1rem);z-index:4;box-shadow:var(--e2);padding:var(--s2) var(--s3)}
.tkhd{display:flex;align-items:center;gap:var(--s2)}
.tkhd .iconbtn{width:36px;height:36px}
.tkttl{flex:1;min-width:0}
.tkttl h1{margin:0;font-size:var(--t-body);font-weight:700;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;overflow-wrap:break-word;line-break:strict;cursor:pointer}
.tkhead.xp .tkttl h1{display:block;-webkit-line-clamp:none}
.tkmeta{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin-top:2px;font-size:var(--t-cap);color:var(--fg3);line-height:1.4}
.tkmeta .tkst{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--tagt)}
.tkmeta .tkst .d{width:6px;height:6px;border-radius:50%;background:currentColor}
.tkmeta .tkst.ok{color:var(--okt)}
.tkmeta .tkst.w{color:var(--warnt)}
.tkstat{display:flex;align-items:center;gap:var(--s2);min-height:30px;margin:0 0 var(--s2);font-size:.8125rem;color:var(--fg2);line-height:1.4}
.tkstat .d{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 3px var(--warnsoft)}
.tkstat.rp .d{background:var(--ok);box-shadow:0 0 0 3px var(--oksoft)}
.tkstat.rp.w .d{background:var(--warn);box-shadow:0 0 0 3px var(--warnsoft)}
.tkstat.rp.bad .d{background:var(--bad);box-shadow:0 0 0 3px var(--badsoft)}
.tkstat .g{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tkstat .g b{color:var(--fg);font-weight:600}
.tkstat.w .g{color:var(--warnt)}
.tkstat.bad .g{color:var(--badt)}
.tkslv{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:.25rem .625rem;border-radius:var(--r-full);
  border:1px solid transparent;background:var(--oksoft);color:var(--okt);font:inherit;font-size:var(--t-cap);font-weight:600;cursor:pointer;white-space:nowrap;
  transition:filter var(--dur) var(--ease),transform var(--dur) var(--ease)}
.tkslv:hover{filter:brightness(.96)}
.tkslv:active{transform:scale(.96)}
.tkslv::after{content:"";position:absolute;inset:-7px}
.tkqs{display:flex;gap:var(--s2);margin:0 0 var(--s2);overflow-x:auto;scrollbar-width:none}
.tkqs::-webkit-scrollbar{display:none}
.tkqs button{flex:0 0 auto;font:inherit;font-size:var(--t-sm);font-weight:500;min-height:34px;padding:.375rem .75rem;border-radius:var(--r-full);position:relative;
  border:1px solid var(--line);background:var(--card2);color:var(--fg2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  transition:filter var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.tkqs button:hover{border-color:var(--fg3);color:var(--fg)}
.tkqs button:active{transform:scale(.97)}
.tkcompose{position:sticky;bottom:var(--tkb,calc(4.5rem + env(safe-area-inset-bottom,0px)));z-index:5;box-shadow:var(--e2);padding:var(--s3)}
.tkrow{display:flex;gap:var(--s2);align-items:flex-end}
.tkrow textarea{flex:1;min-width:0;resize:none;min-height:44px;max-height:10.5rem;overflow-y:auto;border-radius:22px;padding:.6875rem var(--s4)}
.sendbtn{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:var(--b);background-image:var(--grad);
  color:var(--bfg);display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease),opacity var(--dur) var(--ease)}
.sendbtn:hover{filter:brightness(1.07)}
.sendbtn:active{transform:scale(.94)}
.sendbtn[disabled]{opacity:.5;pointer-events:none}
.sendbtn[aria-disabled=true]{opacity:.5}
.tkhint{display:none;margin-top:6px;text-align:right}
@media (hover:hover) and (pointer:fine){.tkhint{display:block}}
.tklock{display:flex;gap:6px;align-items:flex-start;font-size:var(--t-cap);color:var(--warnt);background:var(--warnsoft);border-radius:var(--r-xs);
  padding:6px 10px;margin-bottom:var(--s2);line-height:1.5}
.tklock svg{flex:0 0 auto;margin-top:2px}
.tklock.tkimgn{color:var(--fg2);background:var(--card2);border:1px solid var(--line2);margin:var(--s2) 0 0}
.tklock.tkimgn a{font-weight:600;white-space:nowrap}
.tkcompose.lock textarea{background:var(--card2)}
.tkdone{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:flex-start}
.tkdone .ic{display:flex;flex:0 0 auto;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:var(--oksoft);color:var(--okt)}
.tkdone .g{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:2px}
.tkdone .g b{font-size:var(--t-sm)}
.tkdone .g span{font-size:var(--t-cap);color:var(--fg2);line-height:1.5}
.tkdone .btn{flex-basis:100%;margin-top:var(--s1)}
.tknewbtn{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--tkb,4.5rem) + var(--tkch,7rem) + var(--s3) + env(safe-area-inset-bottom,0px));z-index:6;
  display:inline-flex;align-items:center;gap:6px;padding:.5rem .875rem;border-radius:var(--r-full);border:0;
  background:var(--b);background-image:var(--grad);color:var(--bfg);font:inherit;font-size:var(--t-sm);font-weight:600;
  box-shadow:var(--e2);cursor:pointer;animation:up var(--dur) var(--ease)}
html[data-vibe=youth] .card.tkhead{overflow:hidden}
html:has(.tkcompose) .toast{bottom:calc(var(--tkb,4.5rem) + var(--tkch,7rem) + var(--s3) + env(safe-area-inset-bottom,0px))}
#tkdf a{white-space:nowrap;font-weight:600}
.tkcats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin:var(--s2) 0 var(--s1)}
.tkcats button{font:inherit;font-size:var(--t-sm);font-weight:600;padding:.625rem .375rem;border-radius:var(--r-md);position:relative;min-height:64px;
  border:1px solid var(--line);background:var(--card2);color:var(--fg2);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;line-height:1.2;text-align:center;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}
.tkcats button .ic{display:flex;color:var(--fg3);transition:color var(--dur) var(--ease)}
.tkcats button:hover{border-color:var(--fg3);color:var(--fg)}
.tkcats button:active{transform:scale(.97)}
.tkcats button[aria-pressed=true]{background:var(--bsoft);border-color:var(--b2);color:var(--bt)}
.tkcats button[aria-pressed=true] .ic{color:var(--bt)}
.tkcats button::after{content:"";position:absolute;inset:-3px}
.tkqs button::after{content:"";position:absolute;inset:-5px}
@media (forced-colors:active){.bub,.tkcats button,.tkqs button,.tkslv{border:1px solid CanvasText}.tkav{border-color:CanvasText}.tkstat .d,.tkun{background:CanvasText}}
@media (max-width:1023.98px){
  html[data-tk] .topbar,html[data-tk] nav.tabs{display:none}
  html[data-tk] body{padding-bottom:0}
  html[data-tk] .wrap{padding-bottom:0}
  html[data-tk] .tkhead{top:0;background:var(--glass2);
    padding:calc(var(--s2) + env(safe-area-inset-top,0px)) var(--s3) var(--s2)}
  html[data-tk] .tkmain{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
  html[data-tk] .tkthread{flex:1 0 auto;background:transparent;border:0;box-shadow:none;border-radius:0;padding:var(--s3) 0 var(--s4)}
  html[data-tk] .bub{max-width:min(80%,560px)}
  html[data-tk] .bub.he{background:var(--card);border:1px solid var(--line2);box-shadow:var(--e1)}
  html[data-mode=dark][data-tk] .bub.he{background:var(--bub-he);border-color:var(--line)}
  html[data-tk] .tkcompose{bottom:var(--tkb,0px);background:var(--glass2);
    padding:var(--s2) var(--s3) calc(var(--s2) + env(safe-area-inset-bottom,0px))}
  html[data-tk] .bubnew{scroll-margin-top:calc(var(--tkhh,72px) + var(--s3))}
  html[data-tk] .tknewbtn{bottom:calc(var(--tkb,0px) + var(--tkch,7rem) + var(--s3) + env(safe-area-inset-bottom,0px))}
  html[data-tk] .toast{bottom:calc(var(--tkb,0px) + var(--tkch,7rem) + var(--s3) + env(safe-area-inset-bottom,0px))}
  html[data-tk] .tkdone{margin-top:var(--s3)}
}
@media (max-width:639.98px){
  html[data-tk] .tkhead{margin:0 calc(-1 * var(--s3));border-radius:0;border:0;border-bottom:1px solid var(--line2);box-shadow:none;
    padding-left:calc(var(--s3) + var(--sal));padding-right:calc(var(--s3) + var(--sar))}
  html[data-tk] .tkcompose{margin:0 calc(-1 * var(--s3));border-radius:0;border:0;border-top:1px solid var(--line2);box-shadow:none;
    padding-left:calc(var(--s3) + var(--sal));padding-right:calc(var(--s3) + var(--sar))}
}
@media (orientation:landscape) and (max-height:480px) and (max-width:1023.98px){
  html[data-tk] .tkqs{display:none}
  html[data-tk] .tkstat{min-height:24px;margin-bottom:var(--s1)}
  html[data-tk] .tkhead{padding-top:var(--s1);padding-bottom:var(--s1)}
}
@media (min-width:640px) and (max-width:1023.98px){
  html[data-tk] .tkhead{top:var(--s2);margin:var(--s2) 0 0}
  html[data-tk] .tkcompose{bottom:calc(var(--tkb,0px) + var(--s2));margin:0 0 var(--s2)}
  html[data-tk] .tknewbtn{bottom:calc(var(--tkb,0px) + var(--tkch,7rem) + var(--s5) + env(safe-area-inset-bottom,0px))}
  html[data-tk] .toast{bottom:calc(var(--tkb,0px) + var(--tkch,7rem) + var(--s5) + env(safe-area-inset-bottom,0px))}
}
@media (min-width:1024px){
  .pagein.tklay{max-width:1000px;display:grid;grid-template-columns:272px minmax(0,1fr);gap:0 var(--s5);align-items:start}
  .pagein.tklay.norail{display:block;max-width:760px}
  .pagein.tklay>.tkmain{grid-column:2;grid-row:1}
  .pagein.tklay>.tkrail{display:block;grid-column:1;grid-row:1;position:sticky;top:calc(3.56rem + 1rem)}
  .pagein.tklay>.tkrail h2.sec{margin-top:var(--s4)}
  .tkmob{display:none}
  .pop .it.tkhistit{display:none}
  .tkcompose{bottom:var(--tkb,var(--s4))}
  .tknewbtn{left:calc(50% + 118px);bottom:calc(var(--tkb,var(--s4)) + var(--tkch,7rem) + var(--s4))}
  html:has(.tkcompose) .toast{bottom:calc(var(--tkb,var(--s4)) + var(--tkch,7rem) + var(--s4))}
  .tkform .btn{width:auto;min-width:200px}
  .tkcats{grid-template-columns:repeat(6,1fr)}
  html[data-tk] .pagein.tklay>.tkmain{display:flex;flex-direction:column;height:calc(100vh - 3.56rem - 2 * var(--s5));height:calc(100dvh - 3.56rem - 2 * var(--s5));min-height:420px}
  html[data-tk] .tkhead{position:static;box-shadow:var(--e1)}
  html[data-tk] .tkthread{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  html[data-tk] .tkcompose{position:static;box-shadow:var(--e1)}
  html[data-tk] .bubnew{scroll-margin-top:var(--s3)}
}
.tkfields .field:first-child{margin-top:var(--s3)}
.tkfields label.f .req{font-style:normal;font-weight:500;font-size:var(--t-cap);color:var(--fg3);margin-left:4px}
.tkfields span.f{display:block;margin-bottom:var(--s1);font-size:var(--t-sm);color:var(--fg2);font-weight:500}
.tkopts{display:flex;flex-wrap:wrap;gap:var(--s2)}
.tkopts button{font:inherit;font-size:var(--t-sm);font-weight:500;min-height:36px;padding:.375rem .75rem;border-radius:var(--r-full);border:1px solid var(--line);background:var(--card2);color:var(--fg2);cursor:pointer;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}
.tkopts button:hover{border-color:var(--fg3);color:var(--fg)}
.tkopts button:active{transform:scale(.97)}
.tkopts button[aria-pressed=true]{background:var(--bsoft);border-color:var(--b2);color:var(--bt)}
.tksys{margin-top:var(--s3);border:1px solid var(--line2);border-radius:var(--r-sm);background:var(--card2);font-size:var(--t-cap)}
.tksys summary{padding:8px 10px;cursor:pointer;color:var(--fg2);font-weight:500;list-style:none;display:flex;align-items:center;gap:8px}
.tksys summary::-webkit-details-marker{display:none}
.tksys summary::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--dur) var(--ease);flex:0 0 auto}
.tksys[open] summary::before{transform:rotate(45deg)}
.tksys .cap{padding:0 10px 8px 24px;line-height:1.6}
.tkrate{display:flex;gap:var(--s2);margin:var(--s2) 0 0}
.tkrate button{flex:1;font:inherit;font-size:1.5rem;line-height:1;min-height:48px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card2);cursor:pointer;
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.tkrate button:hover{border-color:var(--fg3)}
.tkrate button:active{transform:scale(.94)}
.tkrate button[aria-checked=true]{background:var(--bsoft);border-color:var(--b2);transform:scale(1.06)}
@media (forced-colors:active){.tkopts button,.tkrate button,.tkctxx{border:1px solid CanvasText}}
.lg{display:flex;gap:var(--s4);font-size:var(--t-cap);color:var(--fg2);align-items:center;justify-content:center}
.lg i{width:12px;height:12px;border-radius:3px;display:inline-block;margin-right:6px;background:var(--ch-d,#4f46e5);vertical-align:-2px;
  forced-color-adjust:none}
.thero{flex:1 1 12ch;min-width:0;display:flex;flex-direction:column;gap:2px}
.thero .tn{display:flex;align-items:baseline;gap:6px;min-width:0;font-family:var(--font-num)}
.thero .n{font-size:var(--t-num);font-weight:700;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.thero .u{font-size:var(--t-sm);color:var(--fg2);font-weight:600}
.thero .tsub{display:flex;flex-direction:column;gap:1px;font-size:var(--t-sm);color:var(--fg2);font-variant-numeric:tabular-nums;margin-top:2px;line-height:1.45}
.thero .tsub span{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.thero .tsub span.wr{white-space:normal}
.thero .cap{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}
.thero .tag.bd{background:var(--badsoft);color:var(--badt);padding:1px 7px}
.thero .nph{font-size:var(--t-h2);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--fg)}
.tmain>.tvact{margin-top:var(--s3)}
.ndhero{flex:1 1 12ch;min-width:0;display:flex;flex-direction:column;gap:4px}
.ndv{display:flex;align-items:flex-start;gap:8px;font-size:var(--t-h2);font-weight:700;line-height:1.25;letter-spacing:-.01em;
  min-width:0;overflow-wrap:anywhere;text-wrap:balance}
.ndv .d{width:10px;height:10px;border-radius:50%;background:var(--fg3);flex:0 0 auto;margin-top:calc(.625em - 5px);box-shadow:0 0 0 3px var(--line2)}
.ndv.ok .d{background:var(--ok);box-shadow:0 0 0 3px var(--oksoft)}
.ndv.part .d,.ndv.warn .d{background:var(--warn);box-shadow:0 0 0 3px var(--warnsoft)}
.ndv.bad .d{background:var(--bad);box-shadow:0 0 0 3px var(--badsoft)}
.ndv.ok{color:var(--okt)}.ndv.warn{color:var(--warnt)}.ndv.bad{color:var(--badt)}
.ndhero .tn{display:flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap;margin-top:2px}
.ndhero .n{font-size:var(--t-price);font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ndhero .n.warn{color:var(--warnt)}
.ndhero .n.bad{color:var(--badt)}
.ndhero .n.ok{color:var(--okt)}
.ndhero .u{font-size:var(--t-sm);color:var(--fg2);font-weight:600}
.ndbar{display:flex;height:8px;border-radius:var(--r-full);background:var(--line2);overflow:hidden;margin:var(--s3) 0 var(--s2)}
.ndbar i{display:block;height:100%;transition:width .45s var(--ease)}
.ndbar .on{background:var(--ok)}
.ndbar .off{background:var(--bad)}
.ndbar .un{background:var(--fg3);opacity:.6}
.ivhero .ivh1{font-size:var(--t-h2);font-weight:700;letter-spacing:-.01em;line-height:1.35;text-wrap:balance;word-break:normal;line-break:strict;overflow-wrap:break-word}
@media (min-width:744px){.ivhero .ivh1{font-size:1.625rem}}
.ivhero .ivh1 .rt{font-style:normal;color:var(--bt);font-variant-numeric:tabular-nums}
.ivwallet .n{font-size:var(--t-num);font-weight:700;line-height:1.05;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:normal}
.ivwallet .n.long{font-size:clamp(2.25rem,9vw,3rem)}
.ivwallet .n.xl{font-size:clamp(1.75rem,7.2vw,2.5rem)}
.ivwallet.zero .n{font-size:var(--t-h2)}
.ivside{container-type:inline-size}
@supports (width:1cqi){
  .ivwallet:not(.zero) .n,.ivwallet:not(.zero) .n.long,.ivwallet:not(.zero) .n.xl{font-size:min(var(--t-num),calc((100cqi - 2rem) / (var(--nch,9) * .62)))}
}
.ivcode{font-size:var(--t-h2);font-weight:700;letter-spacing:.14em;font-variant-numeric:tabular-nums;
  -webkit-user-select:all;user-select:all;overflow-wrap:anywhere}
.ivlab{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.ivlab .ivrule{margin-left:auto}
.ivshprev{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--card);border:1px solid var(--line2);border-radius:var(--r-xs);
  padding:var(--s2) var(--s3);margin:var(--s2) 0 0;font-size:var(--t-sm);line-height:1.6;color:var(--fg)}
.ivact{margin-top:var(--s3)}
.ivact .btn{margin:0;flex-direction:column;gap:1px;padding:.625rem .75rem;line-height:1.3}
.ivact .btn small{font-size:var(--t-cap);font-weight:500;color:var(--fg2);line-height:1.3;white-space:normal}
.ivact .btn small.w{color:var(--warnt);font-weight:600}
.ivstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-top:var(--s3)}
.ivstats>div{min-width:0;padding:.5rem .625rem;border-radius:var(--r-sm);background:var(--card2);border:1px solid var(--line2)}
.ivstats i{display:flex;align-items:center;gap:4px;font-style:normal;font-size:var(--t-cap);color:var(--fg2);line-height:1.3}
.ivstats b{display:block;margin-top:2px;font-size:var(--t-body);font-weight:700;letter-spacing:-.01em;white-space:normal;word-break:keep-all}
.ivstats b.long{font-size:var(--t-sm);white-space:normal;overflow-wrap:anywhere}
.ivmsg .seg.sm{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr))}
.ivstats b small{display:block;font-size:var(--t-cap);font-weight:500;color:var(--fg3);letter-spacing:0;line-height:1.3;margin-top:1px;white-space:normal}
.ivtags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.ivtags .tag{display:inline-flex;align-items:flex-start;gap:4px;max-width:100%;white-space:normal;text-align:left;line-height:1.4;padding:3px 10px}
.ivtags .tag svg{flex:0 0 auto;margin-top:2px}
.ivtags .tag span{min-width:0}
.ivrule{display:inline-flex;align-items:center;gap:1px;margin-left:auto;padding:2px 4px 2px 8px;border:0;border-radius:var(--r-full);
  background:none;color:var(--bt);font-family:inherit;font-size:var(--t-cap);font-weight:600;line-height:1.4;cursor:pointer;position:relative;
  transition:background var(--dur) var(--ease)}
.ivrule::after{content:"";position:absolute;inset:-12px -6px}
@media (hover:hover){.ivrule:hover{background:var(--bsoft)}}
.ivrow2{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}
.ivrow2>.ivchip{flex:999 1 8.5rem;min-width:8.5rem}
.ivacts{display:flex;gap:var(--s2);flex:1 0 auto;min-width:0}
.ivacts>.ivchip.act{flex:1 0 auto;gap:6px;padding:.5rem .75rem;font-size:var(--t-sm);font-weight:600;color:var(--fg2);justify-content:center}
.ivchip.act svg{color:var(--bt)}
.ivchip.act span{white-space:nowrap}
.ivprevl{display:flex;align-items:center;gap:var(--s1);margin-top:var(--s2);min-height:2.25rem}
.ivprevl i{flex:1;min-width:0;font-style:normal;font-size:var(--t-sm);color:var(--fg2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45}
.ivprevl .btn.sm{min-height:2.25rem;padding:.25rem .5rem;font-size:var(--t-cap)}
.ivshprev .lkpill{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:var(--r-full);background:var(--bsoft);color:var(--bt);font-size:var(--t-cap);font-weight:600;vertical-align:1px;white-space:nowrap}
.ivcdhd{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
.list.dense>.it{padding:.5rem var(--s4);gap:var(--s2)}
.list.dense .g b{font-size:var(--t-sm);font-weight:500}
.list.dense .g i{margin-top:1px}
.list.dense>.it>b.inc{flex:0 0 auto;font-size:var(--t-body);font-weight:700;letter-spacing:-.01em;color:var(--okt);font-variant-numeric:tabular-nums}
.list .grph.in{margin:0;padding:.375rem var(--s4);background:var(--card2);border-bottom:1px solid var(--line2)}
.list>.it+.grph.in{border-top:1px solid var(--line2)}
.mdl .ivchrow{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr))}
.ivgoal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2);margin-top:var(--s1)}
.ivgoal b{font-size:var(--t-body);font-weight:700;letter-spacing:-.01em;line-height:1.4}
.ivgp{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-cap);color:var(--rwt);font-weight:600}
.tag.rw{display:inline-flex;align-items:center;gap:3px;background:var(--rwsoft);color:var(--rwt)}
.ivchip{min-width:0;display:flex;align-items:center;gap:var(--s2);padding:.5rem .625rem .5rem .75rem;border:1px solid var(--line);
  border-radius:var(--r-sm);background:var(--card2);color:var(--fg);font:inherit;text-align:left;cursor:pointer;
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}
.ivchip .g{flex:1;min-width:0}
.ivchip i{display:block;font-style:normal;font-size:var(--t-cap);color:var(--fg2);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ivchip i.wt{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;white-space:normal;overflow:visible;text-overflow:clip}
.ivchip b{display:block;margin-top:2px;font-size:var(--t-sm);font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ivchip b.lk{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;font-size:var(--t-cap);letter-spacing:0}
.ivchip b.cd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;font-variant-numeric:tabular-nums;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.ivchip>svg{color:var(--fg3);flex:0 0 auto;transition:color var(--dur) var(--ease)}
@media (hover:hover){.ivchip:hover{border-color:var(--fg3)}}
.ivchip:active{background:var(--line2)}
.ivchip.ok,.list>.it.ok{background:var(--oksoft);border-color:transparent}
.ivchip.ok i,.ivchip.ok>svg,.list>.it.ok i{color:var(--okt)}
.ivmsg{margin-top:var(--s3);padding:var(--s3);border:1px solid var(--line2);border-radius:var(--r-sm);background:var(--card2)}
.ivmsghd{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:1.75rem}
.ivmsghd .btn.sm{min-height:2.25rem;padding:.375rem .625rem}
.btn.quiet.ok,.btn.quiet.ok:hover{background:#047857;background-image:none;color:#fff}
.ivmsg .seg{margin-top:var(--s2);background:var(--line2)}
.seg.sm button{min-height:2.5rem;padding:.375rem .375rem;font-size:var(--t-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ivact .btn{padding-left:.75rem;padding-right:.75rem}
.ivcap{margin:0 0 var(--s2);font-size:var(--t-cap);font-weight:600;color:var(--fg2);line-height:1.4}
.ivtrhd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px var(--s3);margin-bottom:var(--s2)}
.ivtrhd .ivcap{margin:0}
.list .g b.inc{color:var(--okt);font-variant-numeric:tabular-nums}
@media (min-width:1024px){
  .ivlay{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);grid-template-rows:auto 1fr;grid-template-areas:"hero side" "log side";gap:0 var(--s5);align-items:start}
  .ivlay>.ivhero{grid-area:hero}
  .ivlay>.ivside{grid-area:side}
  .ivlay>#ivlog{grid-area:log}
}
@media (min-width:1024px){
  .ivlay>.ivside.stk{position:sticky;top:calc(41px + 1rem + var(--s4))}
  .ivdo{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 var(--s2)}
  .ivdo>*{flex:0 0 100%;min-width:0}
  .ivdo>.ivshare{flex:0 0 auto;width:auto;min-width:15rem;margin-top:var(--s3)}
  .ivdo>.ivrow2{flex:1 1 18rem;margin-top:var(--s3)}
  .ivlay.fresh{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hero hero" "side side" "log log"}
  .ivlay.fresh>.ivhero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(20rem,1fr);column-gap:var(--s6);align-items:center}
  .ivlay.fresh .ivdo{display:block}
  .ivlay.fresh .ivdo>.ivshare{width:100%;min-width:0}
  .ivlay.fresh>.ivside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s5);align-items:start}
}
@media (min-width:1280px){.ivlay{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}}
.ndcnt{display:flex;flex-wrap:wrap;gap:2px var(--s3);font-size:var(--t-cap);color:var(--fg3);font-variant-numeric:tabular-nums}
.ndcnt .l{flex:1 1 auto}
.ndcnt .f{margin-left:auto}
.ndcnt .bdt{color:var(--badt);font-weight:600}
.ndlive{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ndlive .d{width:6px;height:6px;border-radius:50%;background:var(--bt);flex:0 0 auto}
.list>.it.ndit{align-items:flex-start;cursor:pointer}
.ndlist>button.it{-webkit-appearance:none;appearance:none;border-radius:0}
.ndlist>button.it:focus-visible{box-shadow:inset 0 0 0 2px var(--b2)}
.ndit>.chev{margin-top:calc(.75rem - 8px)}
.ndit .sd{display:block;width:8px;height:8px;border-radius:50%;flex:0 0 auto;margin-top:calc(.75rem - 4px);background:var(--fg3);opacity:.45}
.ndit.on .sd{background:var(--ok);opacity:1;box-shadow:0 0 0 3px var(--oksoft)}
.ndit.off .sd{background:var(--bad);opacity:1;box-shadow:0 0 0 3px var(--badsoft)}
.ndit>.tag{margin-top:calc(.1875rem - 2px)}
.ndlist.nost .sd{display:none}
html[data-mode=dark] .ndit.on .sd,html[data-mode=dark] .ndv.ok .d{background:var(--okt)}
html[data-mode=dark] .ndit.off .sd,html[data-mode=dark] .ndv.bad .d{background:var(--badt)}
html[data-mode=dark] .ndv.part .d,html[data-mode=dark] .ndv.warn .d{background:var(--warnt)}
@media (forced-colors:active){
  .ndit .sd{border:2px solid CanvasText;background:none;box-shadow:none;opacity:1}
  .ndit.on .sd{background:CanvasText}
  .ndit .vh{position:static;width:auto;height:auto;margin:0 0 0 6px;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:var(--t-cap)}
  .ndv .d{border:2px solid CanvasText;background:none;box-shadow:none}
}
.list .g .ndm{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:4px;align-items:center}
.list .g .ndm i{display:inline-block;margin:0;font-style:normal;font-size:var(--t-cap);line-height:1.3;color:var(--fg2);
  white-space:nowrap;overflow:visible;text-overflow:clip}
.list .g .ndm .tg{padding:1px 7px;border-radius:var(--r-full);background:var(--card2);border:1px solid var(--line2);
  max-width:100%;overflow:hidden;text-overflow:ellipsis}
.list .g .ndm .tg.tgm{background:none;padding-left:0}
.list .g .ndm .ndseen{flex-basis:100%;min-width:0;white-space:normal;margin-top:1px}
.tag.rt{font-variant-numeric:tabular-nums}
.tag.rt.up{background:var(--warnsoft);color:var(--warnt)}
.tag.rt.dn{background:var(--bsoft);color:var(--bt)}
.card.pad0.ndlist{overflow:clip}
.ndgh{position:sticky;top:calc(41px + 1rem);z-index:2;display:flex;align-items:baseline;gap:var(--s2);padding:6px var(--s4);
  background:var(--card2);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);font-size:var(--t-cap);color:var(--fg2)}
.ndgh:first-child,.ndtools+.ndgh{border-top:0}
.ndgh .t{font-weight:700;color:var(--fg);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ndgh .c{font-variant-numeric:tabular-nums;white-space:nowrap}
.ndgh .c.bd{color:var(--badt);font-weight:600}
.ndtools{padding:var(--s3);border-bottom:1px solid var(--line2)}
.ndtools .devchips{margin:0 0 var(--s2)}
@keyframes ndin{from{opacity:0;transform:translateY(6px)}}
.ndlist[data-anim] .ndit{animation:ndin .22s var(--ease) both;animation-delay:calc(var(--i,0)*18ms)}
@keyframes ndrec{0%,55%{background:var(--oksoft)}}
.ndit.rec{animation:ndrec 1.8s var(--ease) both}
.ndtip{display:flex;align-items:flex-start;gap:var(--s2);margin-top:var(--s2)}
.ndtip .tx{flex:1;min-width:0}
.ndtip button{flex:0 0 auto}
.ndfoot{margin-top:var(--s2)}
.ndrail{position:relative;display:flex;align-items:flex-start;margin:calc(var(--s3) - 4px) calc(-1*var(--s4)) -4px;padding:4px 0 4px var(--s4)}
.ndrail .sc{position:relative;display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;margin:-4px 0;padding:4px var(--s4) 4px 10px;scroll-padding-left:10px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 10px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 10px),transparent)}
.ndrail .sc::-webkit-scrollbar{display:none}
.ndrail button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:var(--r-full);
  border:1px solid var(--line);background:var(--card);color:var(--fg2);font:inherit;font-size:var(--t-sm);line-height:1;cursor:pointer;white-space:nowrap;
  scroll-snap-align:start;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.ndrail button .p{font-size:var(--t-cap);font-variant-numeric:tabular-nums;color:var(--fg3);font-weight:600}
.ndrail button.warn .p{color:var(--warnt)}
.ndrail button.bad .p{color:var(--badt)}
.ndrail button.on{background:var(--b);background-image:var(--grad);border-color:transparent;color:var(--bfg);font-weight:600}
.ndrail button.on .p{color:var(--bfg);opacity:.85}
@media (hover:hover){.ndrail button:not(.on):hover{border-color:var(--fg3);color:var(--fg)}}
@media (forced-colors:active){.ndrail button.on{border:2px solid Highlight}}
.ndsheet .eyebrow{font-size:var(--t-cap);color:var(--fg3);font-weight:600;margin-bottom:2px}
.ndkvs{margin-top:var(--s3);border-top:1px solid var(--line2)}
.ndkv{display:flex;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--line2);font-size:var(--t-sm);align-items:flex-start}
.ndkv .k{flex:0 0 4.5em;color:var(--fg2)}
.ndkv .v{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;overflow-wrap:anywhere}
.ndkv .v .tg{display:inline-block;font-style:normal;font-size:var(--t-cap);line-height:1.3;padding:1px 7px;border-radius:var(--r-full);
  background:var(--card2);border:1px solid var(--line2);color:var(--fg2)}
.ndacts{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.ndacts .btn{margin:0;flex:1 1 auto}
@media (min-width:1024px){
  .ndrail{flex-wrap:wrap;gap:6px;overflow:auto;max-height:254px;margin:calc(var(--s3) - 4px) -4px -4px;padding:4px;scrollbar-width:thin}
  .ndrail .sc{display:contents}
  .ndrail::-webkit-scrollbar{display:block;width:6px}
  .ndrail::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
  .list>.it.ndit{padding-top:.625rem;padding-bottom:.625rem}
}
@media (min-width:1024px){
  .ndlay{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:var(--s5);align-items:start}
  .ndlay .ndside{position:sticky;top:calc(41px + 1rem + var(--s4))}
}
.iconbtn.busy{pointer-events:none;opacity:.7}
.iconbtn.busy svg{animation:artspin .8s linear infinite}
.celebrate{text-align:center;padding:var(--s6) var(--s4);position:relative;overflow:hidden}
.ck{width:76px;height:76px;display:block;margin:0 auto var(--s4)}
.ck .c1{stroke-dasharray:214;stroke-dashoffset:214;animation:ck1 .6s var(--ease) forwards}
.ck .c2{stroke-dasharray:44;stroke-dashoffset:44;animation:ck2 .5s .4s var(--ease) forwards}
@keyframes ck1{to{stroke-dashoffset:0}}
@keyframes ck2{to{stroke-dashoffset:0}}
.cf{position:absolute;inset:0;pointer-events:none}
.cf i{position:absolute;top:18%;width:8px;height:8px;border-radius:2px;opacity:0;background:var(--b-from);
  animation:cfl 1.1s var(--ease) .35s forwards}
.cf i:nth-child(1){left:8%;animation-delay:.5s}
.cf i:nth-child(2){left:18%;background:var(--okt);animation-delay:.45s}
.cf i:nth-child(3){left:32%;background:var(--b-to);animation-delay:.55s;width:6px;height:6px}
.cf i:nth-child(4){left:50%;background:var(--warnt);animation-delay:.4s}
.cf i:nth-child(5){left:64%;background:var(--b-from);animation-delay:.6s;width:6px;height:6px}
.cf i:nth-child(6){left:78%;background:var(--okt);animation-delay:.42s}
.cf i:nth-child(7){left:88%;background:var(--b-to);animation-delay:.65s}
.cf i:nth-child(8){left:42%;background:var(--warnt);animation-delay:.58s;width:5px;height:5px}
@keyframes cfl{0%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translateY(74px) rotate(200deg)}}
.tmline{font-size:var(--t-sm);color:var(--fg3);font-variant-numeric:tabular-nums;line-height:1.5}
h1.pt .nw{white-space:nowrap}
.seg.tseg{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.seg.tseg.n3{grid-template-columns:1fr 1fr 1fr}
.seg.tseg button{padding:.5rem .5rem;white-space:normal;line-height:1.3;font-size:var(--t-sm)}
@media (min-width:744px){.seg.tseg{display:flex;flex-wrap:nowrap}.seg.tseg button{flex:1 1 auto;white-space:nowrap;padding:.5rem .625rem}}
.seg.tseg .me{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:var(--r-full);background:var(--bsoft);color:var(--bt);
  font-size:.6875rem;font-weight:700;line-height:1.4;vertical-align:1px}
.seen{display:flex;align-items:flex-start;gap:8px;margin-top:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-sm);
  background:var(--oksoft);color:var(--okt);font-size:var(--t-sm);line-height:1.55;font-weight:600}
.seen svg{flex:0 0 auto;margin-top:2px}
.tstep details.aux>summary{color:var(--fg2)}
.tstep details.aux[open]>summary{margin-bottom:calc(var(--s2)*-1)}
details.fold.src{border-top:0;margin-top:0;padding-top:0;display:inline-block;max-width:100%}
details.fold.src>summary{color:var(--fg3);font-weight:500;padding-right:14px}
details.fold.src>summary::after{right:0}
details.fold.src>.mt2{text-align:left}
@media (min-width:744px){
  .tvfig.pc{max-width:480px;margin-left:auto;margin-right:auto}
  .tvfig.pc .figcap{margin-left:0;margin-right:0;text-align:center}
}
@keyframes swknob{to{transform:translateX(16px)}}
@keyframes swtrk{to{fill:var(--okt)}}
@keyframes swfade{to{opacity:0}}
@keyframes swshow{to{opacity:1}}
.tvfig .sw .knob{transform-box:fill-box}
.tvfig .sw .t1{opacity:0}
.tvfig.in .sw .knob{animation:swknob .5s var(--ease) 1.4s forwards}
.tvfig.in .sw .trk,.tvfig.in .sw .dot{animation:swtrk .5s var(--ease) 1.4s forwards}
.tvfig.in .sw .t0{animation:swfade .3s var(--ease) 1.5s forwards}
.tvfig.in .sw .t1{animation:swshow .3s var(--ease) 1.6s forwards}
@media (prefers-reduced-motion:reduce){
  .tvfig .sw .knob,.tvfig .sw .trk,.tvfig .sw .dot,.tvfig .sw .t0,.tvfig .sw .t1{animation:none!important}
}
.tact{display:none}
@media (max-width:743px){
  body.tutbar nav.tabs{display:none}
  body.tutbar .tsteps{display:none}
  body.tutbar .tfast{display:none}
  body.tutbar .tstep{scroll-margin-top:calc(3.56rem + var(--s3))}
  .tact{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--glass2);
    border-top:1px solid var(--line);
    padding:var(--s2) max(var(--s3),var(--sar)) calc(var(--s2) + env(safe-area-inset-bottom)) max(var(--s3),var(--sal))}
  .tact-s{display:none;align-items:center;gap:var(--s3);max-width:var(--maxw);margin:0 auto}
  .tact-s.on{display:flex}
  .tb-l{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
    min-height:44px;border:0;background:none;padding:0;font:inherit;color:var(--fg);text-align:left;cursor:pointer;border-radius:var(--r-xs)}
  .tb-l b{font-size:var(--t-cap);color:var(--fg3);font-weight:600;white-space:nowrap}
  .tb-l .tb-t{font-size:var(--t-sm);font-weight:700;line-height:1.25;max-width:100%;overflow:hidden;max-height:2.5em}
  .tb-l .tb-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%}
  .tb-d{display:flex;gap:4px}
  body.tutbar{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}
  .tb-d i{width:10px;height:4px;border-radius:2px;background:var(--line);display:block;transition:width var(--dur) var(--ease),background var(--dur) var(--ease)}
  .tb-d i.on{background:var(--b);background-image:var(--grad);width:16px}
  .tb-d i.ok{background:var(--okt)}
  .tb-a{flex:0 0 auto;max-width:62%}
  @media (forced-colors:active){.tb-d i{forced-color-adjust:none;background:Canvas;border:1px solid CanvasText}.tb-d i.on{background:Highlight}.tb-d i.ok{background:CanvasText}}
  @media (max-width:359px){.tb-l b{display:none}}
  .tb-a .btn{width:auto;min-height:2.75rem;padding:.5rem .875rem;font-size:var(--t-sm);margin:0;white-space:normal;line-height:1.25;text-align:center}
  .tb-a .btn.tdb[aria-pressed=true]{background:var(--oksoft);background-image:none;color:var(--okt);border-color:transparent}
}
@media (orientation:landscape) and (max-height:480px) and (max-width:743.98px){
  body.tutbar{padding-bottom:calc(3.5rem + env(safe-area-inset-bottom))}
  .tact{padding-top:var(--s1);padding-bottom:calc(var(--s1) + env(safe-area-inset-bottom))}
  .tact-s{gap:var(--s2)}
  .tb-l{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--s2);min-height:38px}
  .tb-l b{display:none}
  .tb-a .btn{min-height:2.375rem}
}
@media print{.tact{display:none}body.tutbar{padding-bottom:0}}
@media (min-width:1152px){
  .pagein.tut>.tsteps button{padding:6px 10px;align-items:flex-start}
  .pagein.tut>.tsteps button .d{margin-top:1px}
  .pagein.tut>.tsteps button .l{white-space:normal;line-height:1.3;text-align:left}
}
.tverd{margin-top:var(--s4);padding:var(--s4);border-radius:var(--r-md);border:1px solid var(--line2);font-variant-numeric:tabular-nums;
  background:var(--card2);position:relative;isolation:isolate;overflow:hidden}
.tverd .tvh{display:flex;align-items:flex-start;gap:var(--s3)}
.tverd .tvi{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--oksoft);color:var(--okt);margin-top:1px}
.tverd .tvi svg{width:16px;height:16px}
.tverd.warn .tvi{background:var(--warnsoft);color:var(--warnt)}.tverd.bad .tvi{background:var(--badsoft);color:var(--badt)}
.tverd .tvt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.tverd .tvt b{font-size:var(--t-h3);font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--okt);text-wrap:balance;overflow-wrap:anywhere}
.tverd.warn .tvt b{color:var(--warnt)}.tverd.bad .tvt b{color:var(--badt)}
.tverd .tvt span{font-size:var(--t-sm);line-height:1.5;color:var(--fg2)}
.tverd .tvact{margin-top:var(--s3)}.tverd .tvact .btn.sm{margin:0}
.tbasis{margin-top:var(--s2);font-size:var(--t-cap);color:var(--fg3);line-height:1.4}
.tcyc{display:flex;height:10px;border-radius:var(--r-full);background:var(--line);overflow:hidden;margin-top:var(--s4)}
.tcyc i{display:block;height:100%;background:var(--ok);transform-origin:0 50%}
.tcyc .pj{opacity:.5;background-image:repeating-linear-gradient(135deg,transparent 0 3px,rgba(255,255,255,.6) 3px 5px)}
.tcyc .us+.pj{margin-left:2px}
.tverd.warn .tcyc i{background-color:var(--warn)}.tverd.bad .tcyc i{background-color:var(--bad)}
@keyframes cycin{from{transform:scaleX(0)}}
#app[data-enter] .tcyc i{animation:cycin .6s var(--ease) both}
.tcycl{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin-top:var(--s2);font-size:var(--t-cap);color:var(--fg2);line-height:1.4}
.tcycl span{display:inline-flex;align-items:center;gap:5px}
.tcycl b{font-weight:700;color:var(--fg)}.tcycl .gap b{color:var(--badt)}
.tcycl .sw{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--ok);forced-color-adjust:none}
.tverd.warn .tcycl .sw{background:var(--warn)}.tverd.bad .tcycl .sw{background:var(--bad)}
.tcycl .sw.pj{opacity:.5;background-image:repeating-linear-gradient(135deg,transparent 0 2px,rgba(255,255,255,.6) 2px 4px)}
.tcycl .sw.rest{background:var(--line)}.tcycl .sw.gp{background:var(--badt)}
.tchd{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);min-width:0;margin-bottom:var(--s2)}
.tchd h2.pt{margin:0;font-size:var(--t-h3);font-weight:700;line-height:1.3;min-width:0;white-space:nowrap}
.seg.mini{display:inline-grid;grid-template-columns:auto auto;gap:2px;padding:2px;border-radius:var(--r-full);flex:0 1 auto;min-width:0;max-width:100%}
.seg.mini button{min-width:0;overflow:hidden;text-overflow:ellipsis}
.seg.mini button{min-height:1.875rem;padding:.25rem .75rem;font-size:var(--t-cap);border-radius:var(--r-full);white-space:nowrap;line-height:1.3}
.seg.mini button.on{border-color:transparent}
.tchips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s2) 0}
.tch{font-size:var(--t-cap);color:var(--fg2);background:var(--card2);border:1px solid var(--line2);
  border-radius:var(--r-full);padding:.375rem .75rem;font-variant-numeric:tabular-nums;line-height:1.3;display:inline-flex;align-items:center;gap:2px}
button.tch{font:inherit;font-size:var(--t-cap);line-height:1.3;cursor:pointer;-webkit-appearance:none;appearance:none;margin:0;position:relative;
  border-color:var(--line);color:var(--fg);box-shadow:var(--e1);background:var(--card);
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
button.tch::after{content:'';position:absolute;inset:-7px}
@media (hover:hover){button.tch:hover{border-color:var(--fg3);background:var(--card2)}}
button.tch:active{background:var(--bsoft);border-color:transparent;color:var(--bt)}
button.tch svg{width:12px;height:12px;color:var(--fg3);flex:0 0 auto;margin-left:1px}
.tch.stat{background:transparent;border-color:transparent;padding-left:0}
.tra{width:.95em;height:.95em;display:inline-block;vertical-align:-.12em;margin-right:1px}
.tread{min-height:0;margin:var(--s3) 0 var(--s2);font-size:var(--t-sm);font-weight:400;color:var(--fg);line-height:1.4}
.tread .trd{display:flex;align-items:center;gap:var(--s2);color:var(--fg2);font-variant-numeric:tabular-nums;min-height:1.6em}
.tread .trd b{font-weight:600;color:var(--fg)}
.tread .trd .tag{background:var(--bsoft);color:var(--bt)}
.tread .trd .tag.pk{background:var(--card2);color:var(--fg2);border:1px solid var(--line2)}
.tread .trs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s1);min-height:3.1em}
.tread .trs span{display:flex;flex-direction:column;gap:1px;min-width:0}
.tread .trs i{font-style:normal;font-size:var(--t-cap);color:var(--fg3);display:flex;align-items:center;gap:2px;white-space:nowrap}
.tread .trs b{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:var(--t-body);overflow-wrap:anywhere}
.tread .trs.one{display:flex;align-items:center;color:var(--fg3)}
.tchart{--tgut:2.25rem;position:relative;padding-top:var(--s2);border-radius:var(--r-xs);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}
.tchart:focus{box-shadow:none;outline:none}
.tchart:focus-visible{outline:2px solid var(--bt);outline-offset:2px}
.tcols{position:relative;display:flex;align-items:flex-end;height:156px;margin-right:var(--tgut);border-bottom:1px solid var(--line)}
.tc{position:relative;flex:1 1 0;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}
.tc.fut{cursor:default}
.tc>*{pointer-events:none}
.tc.we{background:var(--line2)}
@supports (background:color-mix(in srgb,red 10%,transparent)){.tc.we{background:color-mix(in srgb,var(--fg3) 8%,transparent)}}
.tc.on::before{content:'';position:absolute;left:50%;top:-6px;bottom:0;width:0;border-left:1px dashed var(--fg3);opacity:.55;transform:translateX(-.5px)}
.tc .halo{position:absolute;left:50%;top:-6px;bottom:0;width:min(100%,34px);transform:translateX(-50%);border-radius:6px 6px 0 0;
  background:var(--bsoft);opacity:0;transition:opacity var(--dur) var(--ease)}
@supports (background:color-mix(in srgb,red 10%,transparent)){.tc .halo{background:color-mix(in srgb,var(--b) 16%,transparent)}}
.tc.on .halo{opacity:1}
.tc .bar{position:relative;z-index:1;display:flex;flex-direction:column;width:calc(100% - 3px);max-width:28px;min-height:2px;border-radius:4px 4px 0 0;overflow:hidden}
.tc .bd{flex:1 1 auto;min-height:0;background:linear-gradient(180deg,var(--ch-d,#4f46e5),var(--ch-db,var(--ch-d,#4f46e5)))}
.tc .bu{flex:0 0 auto;min-height:2px;background:var(--ch-u,#a5a1f0)}
.tc.td .bd{background:var(--ch-u,#a5a1f0);background-image:repeating-linear-gradient(135deg,var(--ch-d,#4f46e5) 0 2px,transparent 2px 6px)}
.tc.td .bu{opacity:.55}
.tc.fut.we{background:none}
.tchart.mon .tcols,.tchart.mon .xlb.tx{margin-right:0}
.tchart.mon .tgl{z-index:2}
.tchart.mon .tgl i{left:auto;right:4px;top:auto;bottom:2px;margin:0;padding:0 4px;border-radius:4px;background:var(--card)}
@supports (background:color-mix(in srgb,red 10%,transparent)){.tchart.mon .tgl i{background:color-mix(in srgb,var(--card) 82%,transparent)}}
.tchart.mon .tc .bar{width:calc(100% - 2px)}
.tgl{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--line);pointer-events:none}
.tgl i{position:absolute;left:100%;top:-.6em;margin-left:6px;font-style:normal;font-size:11px;line-height:1.2;color:var(--fg3);font-variant-numeric:tabular-nums;white-space:nowrap}
.tavg{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--fg3);opacity:.7;pointer-events:none}
@keyframes barup{from{transform:scaleY(0)}}
.tchart.ain .bar{transform-origin:50% 100%;animation:barup .5s var(--ease) both;animation-delay:calc(var(--i,0)*12ms)}
.xlb{display:flex;margin-top:var(--s1)}
.xlb span{flex:1;text-align:center;font-size:var(--t-cap);color:var(--fg3);font-variant-numeric:tabular-nums;line-height:1.25;min-width:0}
.xlb.tx{margin-top:var(--s1);margin-right:var(--tgut)}
.xlb.tx span{display:flex;justify-content:center;font-size:11px;line-height:1.3;white-space:nowrap;overflow:visible}
.xlb.tx span.we{color:var(--fg2)}
.xlb.tx span.td,.xlb.tx span.on{color:var(--bt);font-weight:700}
.xlb.tx span.rs{color:var(--okt);font-weight:700}
.xlb.tx span.rx{color:var(--badt);font-weight:700}
.lg.tl{justify-content:flex-start;margin-top:var(--s2);gap:var(--s3);flex-wrap:wrap}
.lg i.a{background:none;border-top:2px dashed var(--fg3);height:0;border-radius:0;vertical-align:2px}
.lg i.t{background:var(--ch-u,#a5a1f0);background-image:repeating-linear-gradient(135deg,var(--ch-d,#4f46e5) 0 2px,transparent 2px 6px)}
.thint{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s3);padding:5px 12px;border-radius:var(--r-full);
  background:var(--bsoft);color:var(--bt);font-size:var(--t-cap);line-height:1.3}
@media (hover:hover) and (pointer:fine){.thint{display:none}}
.tfresh{display:flex;align-items:center;gap:6px;margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line2);
  font-size:var(--t-cap);color:var(--fg3);line-height:1.4}
.tfresh svg{flex:0 0 auto}
.tmixbar{display:flex;height:10px;border-radius:var(--r-full);overflow:hidden;background:var(--line2)}
.tmixbar i{display:block;height:100%}
.tmixbar .d{background:var(--ch-d,#4f46e5)}
.tmixbar .u{flex:1 1 auto;margin-left:2px;background:var(--ch-u,#a5a1f0)}
.tmixl{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);margin-top:var(--s2);font-size:var(--t-sm);color:var(--fg2);line-height:1.5}
.tmixl b{color:var(--fg);font-weight:700;font-variant-numeric:tabular-nums}
.tmixl .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--ch-d,#4f46e5);forced-color-adjust:none}
.tmixl .sw.u{background:var(--ch-u,#a5a1f0)}
.tmix+.kv{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line2)}
@media (forced-colors:active){
  .tc .bd,.tc .bu,.tcyc i,.tmixbar i,.tcycl .sw{forced-color-adjust:none}
  .tc.on .halo{border:1px solid CanvasText;opacity:1}
  .tc.we{background:none}
}
@media (min-width:744px){
  .tcols{height:196px}
  .tc .bar{max-width:34px}
}
@media (min-width:1024px){
  .pagein.trlay{max-width:1040px;display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);column-gap:var(--s5);align-items:start}
  .pagein.trlay>h1.sec{grid-column:1 / -1}
  .pagein.trlay>.trsum{grid-column:1;position:sticky;top:calc(41px + 1rem + var(--s4))}
  .pagein.trlay>.trmain{grid-column:2;min-width:0}
  .pagein.trlay>.trsum>.card,.pagein.trlay>.trmain>.card:first-child{margin-top:0}
  .tcols{height:220px}
  .tc .bar{max-width:30px}
}
