.acc-page{min-width:0;padding-top:4px}
.acc-top h1{margin:6px 0 4px}
.acc-lead{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 6px;max-width:640px}
.gate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 8px;background:var(--panel);
      border:1px solid var(--panel-line);border-radius:20px;overflow:hidden}
.gate[hidden]{display:none}
.gate-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center}
.gate-card .f-float,.gate-card .op-err{text-align:left}
.gate-links{justify-content:center}
.gate-card > .gate-note,.gate-card > .gate-btn,.gate-step{width:100%;max-width:460px}
.gate-card + .gate-card{border-left:1px solid var(--border)}
.gate-card--tg{background:radial-gradient(120% 90% at 100% 0%,rgba(42,171,238,.15),transparent 62%)}
.gate-or{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);padding:4px 10px;border:1px solid var(--border);
         border-radius:999px;background:#1C2230;color:var(--dim);font-size:12px;font-weight:600;line-height:1.3}
.gate-ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--card2);color:#cfd8e6}
.gate-ic svg{width:24px;height:24px}
.gate-ic--tg svg{transform:translate(-8%,-2%)}
.gate-ic--tg{background:linear-gradient(135deg,#37bbfe,#1d8fd6);color:#fff;box-shadow:0 10px 26px -12px rgba(42,171,238,.7)}
.gate-t{font-size:20px;line-height:1.3}
.gate-note{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.gate-step{display:flex;flex-direction:column;gap:10px}
.gate-step[hidden]{display:none}
.gate-code{font-size:22px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.gate-btn{display:flex;align-items:center;justify-content:center;gap:8px}
.gate-btn svg{width:18px;height:18px;flex:none}
.gate-links{display:flex;gap:4px}
.gate-links .sp-link{margin-top:0}
.gate .op-err:empty{display:none}

.ol-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:10px}
.ol-grid[hidden]{display:none}
.ol-main{min-width:0}
.ol-side{position:sticky;top:86px;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--panel);
         border:1px solid var(--panel-line);border-radius:16px}
.ol-side[hidden]{display:none}
.ol-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px}
.ol-filters{display:flex;flex-wrap:wrap;gap:8px}
.ol-filters .chip{padding:7px 13px;font-size:13.5px;cursor:pointer;border:1px solid var(--border);color:var(--muted)}
.ol-filters .chip:hover{color:#fff}
.ol-filters .chip.on{background:#1b2536;border-color:#4b7fd6;color:#fff}
.ol-filters .chip b{font-size:12px;font-weight:600;color:var(--dim)}
.ol-filters .chip b:empty{display:none}
.ol-search{display:flex;align-items:center;gap:8px;flex:0 1 280px;min-width:220px;margin-left:auto;padding:0 12px;
           background:#12151C;border:1px solid var(--border);border-radius:12px;transition:border-color .15s}
.ol-search:focus-within{border-color:#41527a}
.ol-search svg{width:16px;height:16px;flex:none;color:var(--dim)}
.ol-search input{flex:1;min-width:0;padding:9px 0;background:none;border:0;outline:none;color:#fff;font:inherit;font-size:14px}
.ol-unread{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ol-unread[hidden]{display:none}
.ol-alert{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#fff;font-size:14px;
          background:rgba(46,124,214,.12);border:1px solid rgba(46,124,214,.35);transition:background .15s}
.ol-alert:hover{background:rgba(46,124,214,.2)}
.ol-alert .hb-ava{width:32px;height:32px;border-radius:10px}
.ol-alert .hb-ava svg{width:17px;height:17px}
.ol-alert span:nth-child(2){flex:1;min-width:0}
.ol-wait{margin-top:0;max-width:none}
.ol-wait[hidden]{display:none}
.ol-wait span{height:82px}
.ol-month{margin:18px 2px 8px;font-size:13px;font-weight:600;color:var(--dim);letter-spacing:.01em}
.ol-month:first-child{margin-top:0}
.ol-list{display:flex;flex-direction:column}
.ol-item{margin-bottom:10px;background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;overflow:hidden;
         transition:border-color .15s}
.ol-item:hover{border-color:#33405a}
.ol-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;
         padding:12px 14px;color:#fff}
.ol-img{width:56px;height:56px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px;
        overflow:hidden;background:var(--card2);color:var(--dim)}
.ol-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.ol-img svg{width:24px;height:24px}
.ol-info{min-width:0;display:flex;flex-direction:column;gap:3px}
.ol-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.3}
.ol-m{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;font-size:12.5px;color:var(--dim)}
.ol-m .op-rv{display:inline-flex;margin-left:4px}
.ol-m .op-rv svg{width:13px;height:13px;display:block}
.ol-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ol-sum{font-size:15px;white-space:nowrap}
.ol-badge{position:absolute;top:6px;left:56px}
.ol-acts{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 12px 84px}
.ol-btn{padding:8px 14px;font-size:13.5px}
.ol-none{padding:24px 0;text-align:center;color:var(--muted)}
.ol-none[hidden]{display:none}
.ol-more{display:block;min-width:200px;margin:6px auto 0}
.ol-more[hidden]{display:none}
.ol-page--empty .ol-tools{display:none}
.ow{display:flex;align-items:center;gap:12px}
.ow-ava{width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;
        background:linear-gradient(135deg,#2E7CD6,#7b5cff);color:#fff;font-size:18px;font-weight:700}
.ow-ava img{width:100%;height:100%;object-fit:cover}
.ow-ava--pic,.pf-ava--pic{background:var(--card2)}
.ow-ava img[data-fade],.pf-ava img[data-fade]{filter:blur(10px);transform:scale(1.15);opacity:.6;
        transition:filter .5s ease,transform .5s ease,opacity .5s ease}
.ow-ava img[data-fade].is-in,.pf-ava img[data-fade].is-in{filter:none;transform:none;opacity:1}
.ow-ava img[data-fade].is-now,.pf-ava img[data-fade].is-now{transition:none}
@media(prefers-reduced-motion:reduce){.ow-ava img[data-fade],.pf-ava img[data-fade]{transition:none}}
.ow-ava--mail{background:var(--card2);color:var(--muted)}
.ow-t{flex:1;min-width:0;display:flex;flex-direction:column}
.ow-t b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ow-t small{font-size:12px;color:var(--dim)}
.ow-go{flex:none;padding:7px 12px;font-size:13px}
.ow-pts{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;color:#ffd27a;font-size:14px;font-weight:600;
        background:rgba(255,194,75,.08);border:1px solid rgba(255,194,75,.22)}
.ow-links{display:flex;gap:4px}
.ow-links .sp-link{margin-top:0;padding:6px}
.ow-tg{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--border)}
.ow-tg p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}

.ord-back{display:inline-flex;align-items:center;gap:6px;margin:4px 0 8px;color:var(--muted);font-size:13.5px}
.ord-back svg{width:16px;height:16px}
.ord-back:hover{color:#fff}
.ord-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);grid-template-rows:auto auto 1fr;
          grid-template-areas:"head chat" "top chat" "rest chat";gap:16px 28px;align-items:start}
.ord-head{grid-area:head;min-width:0;padding:18px 20px;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px}
.ord-top{grid-area:top;min-width:0}
.ord-top[hidden]{display:none}
.ord-top .od-codes{margin:0}
.ord-top .od-psn{margin:10px 0 0}
.ord-top .od-codes + .od-psn{margin-top:10px}
.ord-rest{grid-area:rest;min-width:0;display:flex;flex-direction:column;gap:16px}
.ord-rest .cart-box{margin-top:0}
.ord-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ord-title h1{margin:0;font-size:24px}
.ord-title .os{font-size:12px;padding:4px 10px}
.ord-copy{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);
          border-radius:9px;background:var(--card2);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}
.ord-copy:hover{color:#fff}
.ord-copy.is-copied{color:var(--green);border-color:rgba(89,235,126,.45)}
.ord-sub{margin-top:6px;color:var(--muted);font-size:13.5px;line-height:1.5}
.ord-sub b{color:#fff}
.ord-headrow{display:flex;align-items:center;justify-content:space-between;gap:12px 20px}
.ord-headinfo{min-width:0}
.ord-main{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:none}
.ord-main-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:0;border-radius:12px;
              background:#2E7CD6;color:#fff;font-size:14.5px;font-weight:600;white-space:nowrap;cursor:pointer;
              transition:background .15s,transform .15s}
.ord-main-btn:hover{background:#3a8ae6;color:#fff}
.ord-main-btn svg{width:16px;height:16px;flex:none}
.ord-main-btn--ghost,.acc-page .ord-main-btn--ghost{background:rgba(46,124,214,.14);border:1px solid rgba(90,150,235,.5);color:#dce9ff}
.ord-err:empty{display:none}
.ord-err{margin-top:10px}
.ord-box .od-row--code b{max-width:none;font-size:12.5px}
.ord-skel span{display:block;width:60%;height:14px;margin-top:12px;border-radius:7px;background:var(--card2)}
.ord-skel span + span{width:38%}
.ord-copy-all{margin-top:4px}
.ord-copy-all.is-copied{color:var(--green)}
.ord-box{padding:16px 18px}
.ord-box-sub{margin:-4px 0 8px;color:var(--muted);font-size:13px;line-height:1.5}
.ord-steps{position:relative;display:grid;grid-template-columns:1fr 2fr 2fr 1fr;margin:4px 0 0;padding:0;list-style:none}
.ord-steps::before,.ord-steps::after{content:'';position:absolute;top:7px;left:7px;height:2px;border-radius:2px}
.ord-steps::before{right:7px;background:var(--border)}
.ord-steps::after{width:calc((100% - 14px) * var(--p, 0));background:rgba(89,235,126,.55)}
.ord-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:22px;
          font-size:13px;text-align:center;min-width:0}
.ord-step:first-child{align-items:flex-start;text-align:left}
.ord-step:last-child{align-items:flex-end;text-align:right}
.ord-dot{position:absolute;top:1px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;border:2px solid #3a4459;
         background:#1C2230}
.ord-step:first-child .ord-dot{left:0;margin-left:0}
.ord-step:last-child .ord-dot{left:auto;right:0;margin-left:0}
.ord-step b{font-weight:600}
.ord-step small{font-size:11.5px;color:var(--dim)}
.ord-step--off{color:var(--dim)}
.ord-step--done .ord-dot{background:var(--green);border-color:var(--green)}
.ord-step--now .ord-dot{border-color:#4FB6EE;box-shadow:0 0 0 4px rgba(79,182,238,.18)}
.ord-step--bad .ord-dot{background:#E57373;border-color:#E57373}
.ord-step--warn .ord-dot{background:#FFC24B;border-color:#FFC24B}
.ord-hint{margin:14px 0 0;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid var(--border);
          color:var(--muted);font-size:13px;line-height:1.5}
.ord-good{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;
          border-top:1px solid var(--border)}
.ord-box .cart-cap + .ord-good{border-top:0;padding-top:0}
.ord-good--topup{grid-template-columns:minmax(0,1fr)}
.ord-good-img{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;
              background:var(--card2);color:var(--dim)}
.ord-good-img img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.ord-good-img svg{width:22px;height:22px}
.ord-good-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.ord-good-t a,.ord-good-t b{color:#fff;font-size:14.5px;font-weight:600;line-height:1.35}
.ord-good-t a:hover{color:#dfe5ee;text-decoration:underline;text-underline-offset:2px}
.ord-good-t small{font-size:12.5px;color:var(--dim);line-height:1.45}
.ord-good-p{display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap}
.ord-box .od-rows{gap:8px;padding-right:0;font-size:14px}
.ord-box .od-total{font-size:16px}
.ord-sib{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--border);
         color:#fff;font-size:14px}
.ord-sib:hover span:first-child{text-decoration:underline;text-underline-offset:2px}
.ol-img .sq-fit,.ord-good-img .sq-fit{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.ol-img .sq-fit img,.ord-good-img .sq-fit img{position:absolute;inset:0;object-fit:contain}
.ol-img .sq-fit img.sq-fit-bg,.ord-good-img .sq-fit img.sq-fit-bg{object-fit:cover;filter:blur(8px) saturate(1.2);transform:scale(1.25);opacity:.7}
.ord-sim-box .cart-cap{margin-bottom:12px}
.sva.ord-sim{container:ordsim/inline-size}
@media (min-width:761px){
    .sva.ord-sim .sva-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
    .sva.ord-sim .sva-grid--st{grid-template-columns:minmax(0,1fr);gap:14px}
    @container ordsim (min-width:460px){
        .sva.ord-sim .sva-grid--st{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
}
@container ordsim (min-width:560px){
    .sva.ord-sim .sva-grid:not(.sva-grid--st){grid-template-columns:repeat(4,minmax(0,1fr))}
}
.ord-miss{margin-top:14px}
.ord-chat{grid-area:chat;position:sticky;top:86px;display:flex;flex-direction:column;min-height:460px;max-height:780px;
          height:calc(100vh - 205px);height:calc(100dvh - 205px);background:var(--panel);border:1px solid var(--panel-line);
          border-radius:18px;overflow:hidden;scroll-margin-top:80px}
.oc-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--pop-line)}
.oc-msgs{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px;overflow-y:auto;overscroll-behavior:contain;
         transition:opacity .25s ease}
.oc-msgs.loading{opacity:0}
.oc-day{align-self:center;margin:4px 0;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--dim);font-size:11.5px}
.oc-new{display:flex;align-items:center;gap:10px;margin:4px 0;color:#4FB6EE;font-size:11.5px;font-weight:600}
.oc-new::before,.oc-new::after{content:'';flex:1;height:1px;background:rgba(79,182,238,.4)}
.oc-empty{margin:auto 0;padding:20px 10px;line-height:1.5}
.oc-attach{margin:0 14px 8px}
.oc-input{padding:10px 12px 12px;border-top:1px solid var(--pop-line);background:rgba(8,11,18,.2)}
.oc-note{margin:7px 2px 0;color:var(--dim);font-size:11.5px;line-height:1.4}
.oc-note:empty{display:none}

.pf-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start;margin-top:10px}
.pf-side{position:sticky;top:86px;display:flex;flex-direction:column;gap:12px}
.pf-me{display:flex;align-items:center;gap:12px;padding:14px;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px}
.pf-ava{width:52px;height:52px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;
        background:linear-gradient(135deg,#2E7CD6,#7b5cff);color:#fff;font-size:20px;font-weight:700}
.pf-ava img{width:100%;height:100%;object-fit:cover}
.pf-me-t{min-width:0;display:flex;flex-direction:column}
.pf-me-t b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-me-t small{font-size:12px;color:var(--dim)}
.pf-nav{display:flex;flex-direction:column;padding:6px;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px}
.pf-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;
          color:var(--muted);font-size:14px;transition:background .15s,color .15s}
.pf-nav a:hover{background:var(--card2);color:#fff}
.pf-nav a.on{background:#1b2536;color:#fff}
.pf-nav b{font-size:12px;font-weight:600;color:var(--dim)}
.pf-nav b:empty,.pf-nav .op-badge:empty{display:none}
.pf-main{min-width:0}
.pf-main h1{margin-top:0}
.pf-sec{margin-bottom:28px;scroll-margin-top:96px}
.pf-sec h2{margin:0 0 6px;font-size:18px}
.pf-lead{margin:0 0 10px;color:var(--muted);font-size:13.5px;line-height:1.5}
.pf-lead:empty{display:none}
.pf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px}
.pf-card{display:block;min-width:0;padding:16px;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px}
.pf-card[hidden]{display:none}
.pf-card--tg{display:flex;align-items:center;gap:12px;color:#fff;
             background:linear-gradient(180deg,rgba(42,171,238,.10),rgba(42,171,238,.03)),var(--panel);border-color:rgba(42,171,238,.3)}
.pf-card--tg:hover{border-color:rgba(42,171,238,.55)}
.pf-card-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.pf-card-t small{color:var(--muted);font-size:12.5px}
.pf-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.pf-card-h .cart-cap{margin:0}
.pf-card-h a{font-size:13px}
.pf-cash-row{display:flex;align-items:center;gap:12px}
.pts-ic.pf-coin{width:36px;height:36px;vertical-align:0}
.pf-cash-t{display:flex;flex-direction:column}
.pf-cash-t b{font-size:22px;line-height:1.2}
.pf-cash-t small{color:var(--muted);font-size:12.5px}
.pf-cash-due{margin:10px 0 0;color:#ffd27a;font-size:13px}
.pf-cash-due[hidden]{display:none}
.pf-note{margin:10px 0 0;color:var(--dim);font-size:12.5px;line-height:1.5}
.pf-order{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px 0;
          border-top:1px solid var(--border);color:#fff}
.pf-order:first-child{border-top:0}
.pf-order .ol-img{width:44px;height:44px}
.pf-order:hover .ol-t{color:#dfe5ee}
.pf-pt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border)}
.pf-pt:first-child{border-top:0;padding-top:0}
.pf-pt-t{min-width:0;display:flex;flex-direction:column;font-size:14px}
.pf-pt-t a{color:#fff}
.pf-pt-t a:hover{text-decoration:underline;text-underline-offset:2px}
.pf-pt-t small{font-size:12px;color:var(--dim)}
.pf-pt-n{font-size:15px;white-space:nowrap}
.pf-pt-n--in{color:var(--green)}
.pf-pt-n--out{color:#E57373}
.pf-more{margin-top:6px}
.pf-more[hidden]{display:none}
.pf-rc{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border)}
.pf-rc:first-child{border-top:0;padding-top:0}
.pf-rc .ol-img{width:48px;height:48px}
.pf-rc-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.pf-rc-t a,.pf-rc-t b{color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-rc-t a:hover{text-decoration:underline;text-underline-offset:2px}
.pf-rc-t code{color:#cfe3ff;font-family:ui-monospace,Consolas,monospace;font-size:13px;word-break:break-all}
.pf-rc-t small{font-size:12px;color:var(--dim)}
.pf-rc-a{display:flex;align-items:center;gap:6px}
.pf-mini{padding:7px 12px;font-size:12.5px}
.pf-x{width:34px;height:34px;flex:none;border:1px solid #3a4459;border-radius:10px;background:rgba(255,255,255,.06);color:#c9d1dd;
      cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.pf-x:hover{color:#fff;border-color:#E57373;background:rgba(229,115,115,.14)}
.acc-page .btn-ghost{background:rgba(46,124,214,.14);border-color:rgba(90,150,235,.5);color:#dce9ff}
.acc-page .btn-ghost:hover{background:rgba(46,124,214,.26);border-color:rgba(120,170,245,.85);color:#fff}
#pf-notify .acc-notify{margin-top:0;padding-top:0;border-top:0}
#pf-notify .acc-plat{margin-top:0}
.pf-out-all{margin-top:10px;width:auto;padding:9px 16px}
.pf-recent-hint{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--border);color:var(--dim);font-size:12.5px;line-height:1.5}
.pf-recent-hint[hidden]{display:none}
.pf-empty{margin:0;color:var(--dim);font-size:13.5px;line-height:1.5}
.pf-skel{height:46px;border-radius:10px;background:var(--card2);opacity:.6}
.acc-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto 1fr;
          grid-template-areas:"head side" "act side";margin-top:14px;border:1px solid var(--panel-line);border-radius:20px;overflow:hidden;
          background:radial-gradient(60% 70% at 0% 0%,rgba(42,171,238,.15),transparent 62%),var(--panel)}
.acc-hero,.gate{width:100%;margin-left:auto;margin-right:auto}
.acc-hero{max-width:1000px}
.gate{max-width:900px}
@media (min-width:761px){
    #content:has(> .acc-page > .acc-hero),
    #content:has(> .acc-page > .gate:not([hidden])),
    .acc-page:has(> .acc-hero),
    .acc-page:has(> .gate:not([hidden])){display:flex;flex-direction:column;flex:1 0 auto}
    .acc-page:has(> .acc-hero),
    .acc-page:has(> .gate:not([hidden])){gap:14px;padding-bottom:18px}
    .acc-page > .acc-hero,
    .acc-page > .gate:not([hidden]){margin-top:auto;margin-bottom:auto}
}
.acc-hero__head{grid-area:head;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:32px 32px 0}
.acc-hero__act{grid-area:act;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 32px 32px}
.acc-hero__ic{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;
              background:linear-gradient(135deg,#37bbfe,#1d8fd6);color:#fff;box-shadow:0 12px 30px -12px rgba(42,171,238,.75)}
.acc-hero__ic svg{width:28px;height:28px;transform:translate(-8%,-2%)}
.acc-hero__t{margin:6px 0 0;font-size:26px;line-height:1.2;letter-spacing:-.3px}
.acc-hero__lead{margin:0;max-width:460px;color:var(--muted);font-size:15px;line-height:1.55}
.acc-hero__btn{min-width:260px;margin-bottom:22px;padding:13px 24px;font-size:15px}
.acc-hero__alt{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:auto;padding-top:22px;
               border-top:1px solid var(--border)}
.acc-hero__alt p{margin:0;max-width:460px;color:var(--muted);font-size:14px;line-height:1.5}
.acc-hero__side{grid-area:side;display:flex;flex-direction:column;gap:16px;padding:32px;border-left:1px solid var(--border);
                background:rgba(255,255,255,.015)}
.acc-hero__cap{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.acc-hero .acc-perks{grid-template-columns:minmax(0,1fr);gap:10px;margin:0}
.acc-hero .acc-perks li{grid-template-columns:40px minmax(0,1fr);align-items:center;padding:12px 14px;border:1px solid var(--border);
                        border-radius:14px;background:rgba(255,255,255,.025)}
.acc-hero .acc-perk-ic{width:40px;height:40px}
@media (min-width:900px){
    .acc-hero{grid-template-rows:1fr auto auto 1fr auto;grid-template-areas:"top side" "head side" "btn side" "low side" "alt side"}
    .acc-hero__head{padding:24px 32px 0}
    .acc-hero__act{display:contents}
    .acc-hero__btn{grid-area:btn;justify-self:center;margin:18px 0 24px}
    .acc-hero__alt{grid-area:alt;width:auto;margin:0 32px 32px}
}
@media (max-width:899px){
    .ol-grid{grid-template-columns:minmax(0,1fr);gap:14px}
    .ol-side{position:static;order:-1}
    .ol-search{flex:1 1 100%;margin-left:0}
    .ord-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "top" "chat" "rest";gap:14px}
    .ord-chat{position:relative;top:auto;height:min(64svh,560px);min-height:380px;max-height:none}
    .ord-chat .oc-msgs{overscroll-behavior:auto}
    .pf-grid{grid-template-columns:minmax(0,1fr);gap:14px}
    .pf-side{display:contents}
    .pf-me{order:1}
    .pf-nav{order:2;flex-direction:row;gap:2px;padding:4px;overflow-x:auto;scrollbar-width:none}
    .pf-nav::-webkit-scrollbar{display:none}
    .pf-nav a{flex:none;padding:8px 12px;white-space:nowrap}
    .pf-main{order:3}
    .pf-out{order:4}
    .acc-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "side" "act"}
    .acc-hero__head{padding-bottom:24px}
    .acc-hero__side{border-left:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
    .acc-hero__act{padding-top:24px}
}
@media (max-width:600px){
    .ord-head{padding:14px}
    .ord-title h1{font-size:20px}
    .ord-headrow{flex-direction:column;align-items:stretch}
    .ord-main{justify-content:stretch}
    .ord-main-btn{flex:1 1 auto}
    .ord-box{padding:14px}
    .ord-steps{grid-template-columns:minmax(0,1fr);gap:12px}
    .ord-steps::before,.ord-steps::after{top:8px;left:6px;width:2px;height:auto}
    .ord-steps::before{right:auto;bottom:8px}
    .ord-steps::after{height:calc((100% - 16px) * var(--p, 0))}
    .ord-step,.ord-step:first-child,.ord-step:last-child{padding:0 0 0 26px;flex-direction:row;flex-wrap:wrap;
                                                         align-items:baseline;gap:2px 8px;text-align:left}
    .ord-dot,.ord-step:first-child .ord-dot,.ord-step:last-child .ord-dot{top:3px;left:0;right:auto;margin-left:0}
    .ord-good{grid-template-columns:48px minmax(0,1fr)}
    .ord-good-img{width:48px;height:48px}
    .ord-good-p{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}
    .ol-card{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:10px 12px}
    .ol-img{width:48px;height:48px}
    .ol-badge{left:46px}
    .ol-acts{padding:0 12px 10px 70px}
    .ol-filters{flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
    .ol-filters::-webkit-scrollbar{display:none}
    .ol-filters .chip{flex:none}
    .pf-rc{grid-template-columns:44px minmax(0,1fr)}
    .pf-rc .ol-img{width:44px;height:44px}
    .pf-rc-a{grid-column:2}
    .pf-order{grid-template-columns:40px minmax(0,1fr) auto}
    .pf-order .ol-img{width:40px;height:40px}
    .pf-order .op-badge{grid-column:3}
    .gate{grid-template-columns:minmax(0,1fr);border-radius:16px}
    .gate-card{padding:20px}
    .gate-card + .gate-card{border-left:0;border-top:1px solid var(--border)}
    .gate-or{top:0;left:50%;transform:translate(-50%,-50%)}
    .acc-hero{border-radius:16px}
    .acc-hero__head{padding:20px 20px 20px}
    .acc-hero__side{padding:20px}
    .acc-hero__act{padding:20px}
    .acc-hero__t{font-size:22px}
    .acc-hero__btn{width:100%;min-width:0}
}
.ow-hint{margin:0;color:var(--dim);font-size:12.5px;line-height:1.5}
.pf-nav a[hidden]{display:none}
@supports (-webkit-touch-callout:none){
    @media (pointer:coarse){
        .ol-search input{font-size:16px}
    }
}