/* gerado por build.mjs a partir de ../public/index.html — não editar */
.legacy{
  /* cor */
  /* áreas seguras do aparelho (notch, Dynamic Island, indicador de início); 0 fora delas */
  --sat:env(safe-area-inset-top,0px); --sab:env(safe-area-inset-bottom,0px); --sal:env(safe-area-inset-left,0px); --sar:env(safe-area-inset-right,0px);
  --primary:#E50914; --primary-700:#B8070F; --primary-rgb:229,9,20; --primary-hi:#FF2A36; --primary-soft:rgba(var(--primary-rgb),.14); --live:#E50914; --live-rgb:229,9,20; --on-primary:#fff;
  --bg:#091B30; --surface:#132B44; --surface-2:#17334C; --surface-3:#1E3D59;
  --text:#FFFFFF; --text-2:#A9BED0; --text-3:#7F97AD; --border:#34516A; --border-soft:rgba(52,81,106,.55);
  --marine:#23B5A9; --marine-soft:rgba(35,181,169,.16);
  --warning:#F5A524; --warning-soft:rgba(245,165,36,.16);
  --good:#38D28A; --good-soft:rgba(56,210,138,.16);
  --danger:#FF4D5A; --danger-soft:rgba(255,77,90,.14);
  /* forma e ritmo (escala 4/8) */
  --r-sm:12px; --r:14px; --r-lg:16px; --pad:16px; --gap:8px;
  --t-fast:150ms; --t:200ms; --t-slow:250ms; --ease:cubic-bezier(.2,.7,.2,1);
  --shadow:0 1px 2px rgba(0,0,0,.25);
  /* compat com nomes antigos usados no app.js */
  --ocean:var(--bg); --sea:var(--surface); --sea-2:var(--surface-2); --foam:var(--text); --foam-60:var(--text-2); --foam-30:var(--text-3);
  --red:var(--primary); --green:var(--good); --sand:var(--marine); --amber:var(--warning); --line:var(--border-soft);
}
.legacy *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
.legacy{height:100%;background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;touch-action:manipulation}
.legacy{height:100%;min-height:100dvh;background:var(--bg);color:var(--text);font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;overscroll-behavior:none;font-size:15px;line-height:1.4;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.legacy input,.legacy textarea,.legacy select,.legacy [contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.legacy img,.legacy svg{-webkit-user-drag:none;user-drag:none}
.legacy input,.legacy select,.legacy textarea{font-size:16px!important}
.legacy #app{padding-left:var(--sal);padding-right:var(--sar);width:100%;overflow-x:clip;overflow-y:visible}
.legacy,.legacy{width:100%}
.legacy .topbar>*{min-width:0}
.legacy .brand-home{flex:0 1 auto;overflow:hidden}
.legacy .topbar .brand span{white-space:nowrap}
.legacy button,.legacy input,.legacy select,.legacy textarea{font:inherit;color:inherit}
.legacy button{background:none;border:0;cursor:pointer;transition:background-color var(--t) var(--ease),color var(--t) var(--ease),transform var(--t-fast) var(--ease),opacity var(--t) var(--ease)}
.legacy button:active{transform:scale(.985)}
.legacy a{color:inherit}
.legacy :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}
.legacy ::selection{background:var(--primary);color:var(--on-primary)}
.legacy #app{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;background:var(--bg)}

@media (min-width:520px){.legacy #app{box-shadow:0 0 0 1px var(--border-soft),0 30px 80px rgba(0,0,0,.45)}
}.legacy .screen{display:none;min-height:100dvh}
.legacy .screen.on{display:block}
.legacy .hidden{display:none!important}
.legacy .brand{display:inline-flex;align-items:center;gap:.28em;font-family:Nunito,"Plus Jakarta Sans",sans-serif;font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1}
.legacy .brand img{height:1.15em;width:auto}
.legacy .brand i{font-style:normal;color:var(--primary)}
.legacy .splashing,.legacy .splashing[data-theme]{background:#183944 var(--splash-img,url(img/splash-v2.webp)) center/cover no-repeat}
.legacy .splashing body,.legacy .splashing #app,.legacy .splashing[data-theme] body,.legacy .splashing[data-theme] #app{background:transparent}
.legacy .splashing #app>:not(#splash){visibility:hidden}
.legacy #splash{position:fixed;inset:0;z-index:50;display:grid;place-items:center;overflow:hidden;background:transparent}
.legacy #splash .bg{position:absolute;inset:0;background:var(--splash-img,url(img/splash-v2.webp)) center/cover no-repeat;display:none}
.legacy #splash.leaving .bg{display:block}
.legacy #splash .center{position:relative;z-index:2;text-align:center;padding:0 12px;align-self:start;margin-top:calc(10dvh + var(--sat))}
.legacy #splash .brand{filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}
.legacy .brand-home{background:none;border:0;cursor:pointer;padding:4px 6px 4px 0;margin:-4px 0;border-radius:10px;transition:opacity .15s var(--ease),transform .14s var(--ease)}
.legacy .brand-home:active{transform:scale(.96);opacity:.75}
.legacy #splash #splashTag{margin:12px auto 0;max-width:min(330px,86vw);color:#fff;font-family:Sora,"Plus Jakarta Sans",sans-serif;font-weight:600;white-space:normal;text-align:center;font-size:clamp(13.5px,3.9vw,16px);line-height:1.3;letter-spacing:0;text-wrap:balance}
.legacy #splash .enter{position:absolute;left:0;right:0;bottom:calc(36px + var(--sab));z-index:2;display:flex;justify-content:center}
.legacy #splash .pulse{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;animation:pulse 1.8s ease-in-out infinite}
.legacy .splashbrand .mark{position:relative;width:132px;height:132px;display:grid;place-items:center;animation:rise .9s var(--ease) both}
.legacy .splashbrand .mark img{width:124px;height:124px;position:relative;z-index:2;animation:float 3.2s ease-in-out 1s infinite}
.legacy .splashbrand .shine{position:absolute;inset:4px;z-index:3;pointer-events:none;-webkit-mask:url(img/symbol_white.webp) center/contain no-repeat;mask:url(img/symbol_white.webp) center/contain no-repeat;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%);background-size:260% 100%;animation:shine 3.2s ease-in-out 1.2s infinite}
.legacy .splashbrand .word{animation:rise .9s var(--ease) .25s both}
.legacy #splash p{animation:rise .9s var(--ease) .4s both}

@keyframes rise{from{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-2deg)}}
@keyframes shine{0%{background-position:120% 0}60%,100%{background-position:-120% 0}}
@keyframes pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.legacy .splashbrand *,.legacy .pulse{animation:none!important}
}.legacy .field{margin-bottom:12px}
.legacy .field label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:6px}
.legacy .field input,.legacy .field select,.legacy .field textarea,.legacy .search input{width:100%;height:48px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);padding:0 14px;outline:none;color:var(--text);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.legacy .field textarea{height:auto;padding:12px 14px}
.legacy .field input::placeholder,.legacy .search input::placeholder{color:var(--text-3)}
.legacy .field input:hover,.legacy .field select:hover,.legacy .search input:hover{border-color:#4A6A86}
.legacy .field input:focus,.legacy .field select:focus,.legacy .field textarea:focus,.legacy .search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.legacy .field input:disabled{opacity:.5}
.legacy .field input[aria-invalid="true"]{border-color:var(--danger)}
.legacy .btn{height:50px;border-radius:var(--r);background:var(--primary);color:var(--on-primary);font-weight:600;font-size:15px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.legacy .btn:hover{background:var(--primary-700)}
.legacy .btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border-soft)}
.legacy .btn.ghost:hover{background:var(--surface-3)}
.legacy .btn.small{height:38px;font-size:14px;width:auto;padding:0 14px;border-radius:var(--r-sm)}
.legacy .btn.danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(255,77,90,.3)}
.legacy .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.legacy .link{color:var(--text-2);font-size:14px;text-decoration:underline;text-underline-offset:3px}
.legacy .link:hover{color:var(--text)}
.legacy .msg{font-size:14px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border-soft);margin-bottom:12px;display:flex;gap:8px;align-items:flex-start}
.legacy .msg::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-2);flex:none;margin-top:6px}
.legacy .msg.err{border-color:rgba(255,77,90,.35);color:#FFC2C7}
.legacy .msg.err::before{background:var(--danger)}
.legacy .msg.ok{border-color:rgba(56,210,138,.35);color:#B9F2D4}
.legacy .msg.ok::before{background:var(--good)}
.legacy #auth.on{display:flex}
.legacy #auth{padding:calc(56px + var(--sat)) var(--pad) 40px;flex-direction:column;align-items:center;text-align:center;min-height:100dvh;background:var(--bg)}
.legacy #auth>div{width:100%;max-width:400px}
.legacy #auth .field{text-align:left}
.legacy #auth h2{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.legacy #auth .sub{color:var(--text-2);margin:8px 0 24px;font-size:15px}
.legacy .auth-switch{margin-top:auto;text-align:center;padding-top:24px;color:var(--text-2);font-size:14px}
.legacy #main{padding-bottom:calc(84px + var(--sab))}
.legacy .topbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + var(--sat)) var(--pad) 4px}
.legacy .top-right{display:flex;align-items:center;gap:9px;min-width:0}
.legacy .top-av{position:relative;width:36px;height:36px;border-radius:11px;flex:none;padding:0;transition:transform .14s var(--ease),box-shadow .2s var(--ease)}
.legacy .top-av .av-img,.legacy .top-av .av-ini{width:36px;height:36px;border-radius:11px;display:block;object-fit:cover}
.legacy .top-av .av-ini{display:grid;place-items:center;color:#fff;font-weight:700}
.legacy .top-av::after{content:"";position:absolute;inset:0;border-radius:11px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18)}
.legacy .top-av:active{transform:scale(.92)}
.legacy .top-av.on{box-shadow:0 0 0 2px var(--primary),0 0 0 4px rgba(var(--primary-rgb),.25)}
.legacy .top-av.guest{width:auto;padding:0 12px;border-radius:11px;background:var(--primary);color:var(--on-primary);font-weight:700;font-size:13px}
.legacy .top-av.guest::after{display:none}
.legacy .pro-offers{display:grid;gap:8px;margin:14px 0 4px}
.legacy .pro-cp{border:1.5px dashed #38D28A;border-radius:14px;padding:12px 14px;margin:10px 0;background:rgba(56,210,138,.08)}
.legacy .pro-cp b{display:block;font-size:15px}
.legacy .pro-cp span{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px}
.legacy .linkbtn{background:none;border:0;padding:4px 0;text-decoration:underline;cursor:pointer;font:inherit}
.legacy .pro-offer{position:relative;border:1px solid var(--border-soft);border-radius:14px;padding:12px 14px;background:var(--surface-2)}
.legacy .pro-offer.best{border-color:var(--primary);background:linear-gradient(135deg,rgba(var(--primary-rgb),.14),rgba(var(--primary-rgb),.03))}
.legacy .pro-offer .po-tag{position:absolute;top:-9px;right:12px;background:var(--primary);color:var(--on-primary);font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px}
.legacy .pro-offer .po-name{font-weight:700;font-size:14px}
.legacy .pro-offer .po-save{font-size:11px;font-weight:700;color:#38D28A;margin-left:6px}
.legacy .pro-offer .po-price{margin-top:2px}
.legacy .pro-offer .po-price b{font-size:22px}
.legacy .pro-offer .po-price span{font-size:13px;color:var(--text-2);margin-left:2px}
.legacy .pro-offer .po-billed{font-size:12px;color:var(--text-2)}
.legacy .auth-back{display:block;margin:18px auto 0}
.legacy .legal-links{display:block;margin-top:6px;font-size:12px;color:var(--text-3)}
.legacy .legal-links a{color:inherit;text-decoration:none}
.legacy .legal-links a:hover{text-decoration:underline}
.legacy .langfoot{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.legacy .langfoot .lp-flag{width:22px;height:15px;border-radius:3px}
.legacy .acct-menu{position:absolute;top:calc(100% + 6px);right:var(--pad);width:248px;max-width:calc(100% - 2*var(--pad));background:rgba(19,43,68,.98);backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.5);padding:7px;opacity:0;transform:translateY(-8px) scale(.96);transform-origin:top right;pointer-events:none;transition:opacity .2s var(--ease),transform .24s cubic-bezier(.3,1.3,.4,1);z-index:40}
.legacy .acct-menu.on{opacity:1;transform:none;pointer-events:auto}
.legacy .acct-head{display:flex;align-items:center;gap:11px;padding:10px 10px 11px;border-radius:12px;width:100%;text-align:left;transition:background .15s var(--ease)}
.legacy .acct-head:active{background:var(--surface-2)}
.legacy .acct-head .av-img,.legacy .acct-head .av-ini{width:42px;height:42px;border-radius:13px;flex:none;object-fit:cover}
.legacy .acct-head .av-ini{display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px}
.legacy .acct-head .ah-tx{min-width:0;flex:1}
.legacy .acct-head .ah-tx b{display:block;font-size:14.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .acct-head .ah-tx span{display:block;font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .acct-head .ah-ch{flex:none;width:17px;height:17px;fill:none;stroke:var(--text-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.legacy .acct-sep{height:1px;background:rgba(255,255,255,.08);margin:5px 8px}
.legacy .acct-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:11px;font-size:14.5px;font-weight:550;color:var(--text);text-align:left;transition:background .15s var(--ease)}
.legacy .acct-item:active{background:var(--surface-2)}
.legacy .acct-item svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--text-2);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.legacy .acct-item.danger{color:#FF8A8A}
.legacy .acct-item.danger svg{stroke:#FF8A8A}
.legacy .spot-pick{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px 0 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft);font-weight:600;font-size:14px;max-width:min(170px,42vw);min-width:0;transition:background .15s var(--ease),transform .14s var(--ease)}
.legacy .spot-pick:hover{background:var(--surface-2)}
.legacy .spot-pick:active{transform:scale(.97)}
.legacy .spot-pick svg{flex:none;filter:none}
.legacy .spot-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legacy .tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;pointer-events:none}
.legacy .tabs nav{position:relative;pointer-events:auto;width:min(480px,100%);display:grid;grid-template-columns:repeat(var(--n,4),1fr);background:rgba(9,27,48,.94);backdrop-filter:blur(14px);border-top:1px solid var(--border-soft);padding:6px 6px calc(6px + var(--sab))}
.legacy .tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--text-3);padding:7px 4px 6px;border-radius:14px;position:relative;z-index:1;transition:color .2s var(--ease),background .22s var(--ease)}
.legacy .tabs button.on{color:var(--primary);font-weight:650;background:linear-gradient(180deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.1));box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.26)}
.legacy .tabs .ic-wrap{position:relative;width:26px;height:26px;display:grid;place-items:center}
.legacy .tabs .ico{position:absolute;width:23px;height:23px;transition:opacity .2s var(--ease),transform .3s cubic-bezier(.3,1.5,.45,1)}
.legacy .tabs .ico-line{stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:1}
.legacy .tabs .ico-fill{fill:currentColor;opacity:0;transform:scale(.6)}
.legacy .tabs button.on .ico-line{opacity:0;transform:scale(.6)}
.legacy .tabs button.on .ico-fill{opacity:1;transform:scale(1.06)}
.legacy .view{display:none;padding:0 var(--pad)}
.legacy .view.on{display:block}
.legacy h2{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:24px 0 10px}
.legacy h3{font-size:13px;font-weight:600;color:var(--text-2);margin:16px 0 8px}
.legacy .muted{color:var(--text-2)}
.legacy .small{font-size:13px}
.legacy .card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:16px;margin-top:10px}
.legacy .now{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:8px}
.legacy .now .wind,.legacy .now .tide{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:14px;min-height:148px;position:relative;overflow:hidden}
.legacy .now .wind::before{content:attr(data-label);position:absolute;left:14px;top:12px;font-size:12px;font-weight:500;color:var(--text-2)}
.legacy .now .wind{padding-top:34px}
.legacy .now .big{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:.95}
.legacy .now .big small{font-size:16px;font-weight:600;letter-spacing:0;margin-left:3px;color:var(--text-2)}
.legacy .now .gust{margin-top:8px;font-size:13px;color:var(--text-2)}
.legacy .now .arrow{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-soft);display:grid;place-items:center}
.legacy .now .arrow svg{width:22px;height:22px;transition:transform var(--t-slow) var(--ease)}
.legacy .now .dir{position:absolute;right:12px;top:56px;font-size:12px;font-weight:600;color:var(--text-2);width:40px;text-align:center}
.legacy .now .tide{display:flex;flex-direction:column;justify-content:space-between;border-left:3px solid var(--marine)}
.legacy .now .tide .big{font-size:38px}
.legacy .now .tide .state{display:flex;align-items:center;gap:6px;color:var(--marine);font-weight:600;font-size:13px}
.legacy .now .tide .next{font-size:12px;color:var(--text-2);line-height:1.35}
.legacy .verdict{margin-top:var(--gap);border-radius:var(--r);padding:12px 14px;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-soft)}
.legacy .verdict .dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 0 4px var(--surface-2)}
.legacy .verdict b{display:block;font-size:14px;font-weight:600}
.legacy .verdict span{font-size:13px;color:var(--text-2)}
.legacy .verdict.go{border-color:rgba(56,210,138,.35)}
.legacy .verdict.go .dot{background:var(--good);box-shadow:0 0 0 4px var(--good-soft)}
.legacy .verdict.wait{border-color:rgba(245,165,36,.35)}
.legacy .verdict.wait .dot{background:var(--warning);box-shadow:0 0 0 4px var(--warning-soft)}
.legacy .verdict.no .dot{background:var(--text-3)}
.legacy .updline{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--text-2)}
.legacy .updpill{display:inline-flex;align-items:center;gap:6px}
.legacy .updpill i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}
.legacy .updpill.busy i{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft);animation:blink .8s ease-in-out infinite}

@keyframes blink{50%{opacity:.3}}.legacy .days{display:flex;gap:var(--gap);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:4px var(--pad)}
.legacy .days::-webkit-scrollbar{display:none}
.legacy .day{flex:none;width:70px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border-soft);padding:10px 8px;text-align:center}
.legacy .day:hover{background:var(--surface-2)}
.legacy .day.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.legacy .day .d{font-size:11px;font-weight:500;opacity:.75;text-transform:lowercase}
.legacy .day .n{font-size:18px;font-weight:700;margin:2px 0}
.legacy .day .w{font-size:12px;font-weight:600}
.legacy .day .bar{height:3px;border-radius:2px;margin-top:8px;background:linear-gradient(90deg,var(--c1,#777),var(--c2,#777))}
.legacy .day.on .bar{opacity:.9}
.legacy .hours{position:relative;margin:8px calc(-1*var(--pad)) 0;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}
.legacy .hours::-webkit-scrollbar{display:none}
.legacy .hours table{border-collapse:collapse;min-width:100%}
.legacy .hours th{position:sticky;left:0;z-index:3;background:var(--bg);text-align:left;font-weight:500;color:var(--text-2);font-size:12px;padding:0 10px 0 var(--pad);height:34px;white-space:nowrap;box-shadow:1px 0 0 var(--border-soft)}
.legacy .hours td{text-align:center;min-width:44px;height:34px;font-size:13px;font-weight:600;padding:0 2px}
.legacy .hours tr.icon td{height:28px;font-size:14px}
.legacy .hours td.kt{color:#091B30;font-weight:700}
.legacy .hours td.g{font-size:12px;color:#091B30;font-weight:600}
.legacy .hours td.dir{height:44px;line-height:1}
.legacy .hours td .arr{display:inline-block;width:20px;height:20px;transform:rotate(var(--a));transition:transform var(--t) var(--ease)}
.legacy .hours td .arr svg{width:20px;height:20px;fill:#5FB3FF}
.legacy .hours td.dir small{display:block;font-size:10px;font-weight:500;color:var(--text-2);margin-top:1px}
.legacy .rowline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 10px}
.legacy .modelsel{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}
.legacy .modelsel select{height:30px;border-radius:8px;border:1px solid var(--border-soft);background:var(--surface);color:var(--text);font-size:12px;padding:0 6px;max-width:150px}
.legacy .hours tr.hour td{color:var(--text-2);font-weight:500;font-size:12px}
.legacy .hours tr.hour td{vertical-align:middle}
.legacy .hours tr.hour td span{display:inline-block;min-width:32px;line-height:22px;border-radius:999px;white-space:nowrap;transition:background .2s var(--ease)}
.legacy .hours td.hnow{min-width:54px}
.legacy .hours tr.hour td.hnow span{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:0 8px;line-height:20px;background:var(--primary);color:var(--on-primary);font-weight:700;font-size:11px;letter-spacing:.1px;box-shadow:0 2px 8px rgba(var(--primary-rgb),.4)}
.legacy .hours tr.hour td.hnow span b{font-weight:700;font-variant-numeric:tabular-nums}
.legacy .hours td.nowcol{position:relative;box-shadow:inset 1px 0 0 rgba(255,255,255,.22),inset -1px 0 0 rgba(255,255,255,.22)}
.legacy .hours tr:first-child td.nowcol{box-shadow:inset 1px 0 0 rgba(255,255,255,.22),inset -1px 0 0 rgba(255,255,255,.22),inset 0 2px 0 var(--primary)}
.legacy .hours tr:last-child td.nowcol{box-shadow:inset 1px 0 0 rgba(255,255,255,.22),inset -1px 0 0 rgba(255,255,255,.22),inset 0 -2px 0 var(--primary)}
.legacy .hours td.nowcol:not(.kt):not(.g){background:rgba(255,255,255,.05)}
.legacy .livedot{width:5px;height:5px;border-radius:50%;background:#fff;flex:none;animation:livePulse 2s var(--ease) infinite}

@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.35}}.legacy .hours tr.temp td{color:var(--text);font-weight:500}
.legacy .hours tr.kite td{height:10px;padding:0}
.legacy .hours tr.kite td i{display:block;height:4px;margin:0 3px;border-radius:2px}
.legacy .livelist{display:grid;gap:12px}
.legacy .livecard{border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--border-soft)}
.legacy .lv-poster{position:relative;aspect-ratio:16/9;background:#0B1F33 center/cover no-repeat;cursor:pointer}
.legacy .lv-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,.1),rgba(9,27,48,.55))}
.legacy .live-head{display:flex;align-items:center;margin:22px 0 10px}
.legacy .live-tag{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--live);color:#fff;font-size:13px;font-weight:800;letter-spacing:.1em;box-shadow:0 4px 18px rgba(var(--live-rgb),.45);animation:liveGlow 2.4s ease-in-out infinite}
.legacy .live-tag i{width:8px;height:8px;border-radius:50%;background:#fff;animation:livePulse 1.6s ease-in-out infinite}

@keyframes liveGlow{0%,100%{box-shadow:0 4px 18px rgba(var(--live-rgb),.45)}50%{box-shadow:0 4px 26px rgba(var(--live-rgb),.8)}}.legacy .lv-badge{position:absolute;left:12px;top:12px;z-index:2;pointer-events:none;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--live);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;box-shadow:0 2px 10px rgba(var(--live-rgb),.5)}
.legacy .lv-badge i{width:7px;height:7px;border-radius:50%;background:#fff;animation:livePulse 1.6s ease-in-out infinite}
.legacy .lv-play{position:absolute;left:50%;top:50%;z-index:2;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.35);display:grid;place-items:center;transition:transform .15s var(--ease),background .15s}
.legacy .lv-play svg{width:30px;height:30px;fill:#fff;margin-left:3px}
.legacy .lv-poster:hover .lv-play{background:var(--primary);border-color:var(--primary);transform:scale(1.06)}
.legacy a.lv-poster{display:block;color:inherit}
.legacy .wc-km{background:rgba(9,27,48,.75);box-shadow:none}
.legacy .lv-frame{position:relative;aspect-ratio:16/9;background:#000}
.legacy .lv-frame iframe,.legacy .lv-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.legacy .lv-wait{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.legacy .lv-err{display:grid;place-items:center;align-content:center;gap:8px;color:var(--text-2);font-size:13px;text-align:center;padding:0 16px}
.legacy .lv-err a{color:var(--marine)}
.legacy .lv-meta{padding:10px 14px 12px}
.legacy .lv-meta b{display:block;font-size:14px;font-weight:650}
.legacy .lv-meta span{display:block;font-size:12px;color:var(--text-2);margin-top:2px}
.legacy .lv-meta a{color:var(--marine);text-decoration:none}
.legacy .tidechart{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:14px 10px 8px;margin-top:8px}
.legacy .tidechart svg{width:100%;height:190px;display:block;overflow:visible}
.legacy .tidechart .lab{font-size:11px;fill:var(--text-2)}
.legacy .tidechart .ext{font-size:12px;font-weight:600;fill:var(--text)}
.legacy .tide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:var(--gap);margin-top:var(--gap)}
.legacy .tide-list > div{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:10px;text-align:center}
.legacy .tide-list .t{font-size:16px;font-weight:700}
.legacy .tide-list .h{font-size:12px;color:var(--text-2)}
.legacy .tide-list .k{font-size:11px;color:var(--marine);font-weight:600;margin-bottom:2px}
.legacy .src{font-size:11px;color:var(--text-3);margin-top:12px;line-height:1.5}
.legacy .ts{margin-top:8px}
.legacy .ts-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--border-soft);border-left:3px solid var(--marine);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:12px 14px 10px}
.legacy .ts-state{font-size:13px;font-weight:600;color:var(--marine)}
.legacy .ts-big{font-size:40px;font-weight:700;letter-spacing:-.04em;line-height:1;margin:2px 0 4px;display:flex;align-items:baseline}
.legacy .ts-big small{font-size:16px;font-weight:600;color:var(--text-2);margin-left:4px}
.legacy .ts-arrow{font-size:24px;color:var(--marine);margin-left:6px;transition:transform var(--t) var(--ease)}
.legacy .ts-next{font-size:13px;color:var(--text-2)}
.legacy .ts-right{text-align:right;position:relative;min-width:84px}
.legacy .ts-time{font-size:20px;font-weight:700;letter-spacing:-.02em}
.legacy .ts-day{font-size:12px;color:var(--text-2);margin-top:2px}
.legacy .ts-x{position:absolute;left:-42px;top:2px;width:32px;height:32px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;padding:0;line-height:0;opacity:0;transform:scale(.7);pointer-events:none;transition:opacity var(--t) var(--ease),transform var(--t) var(--ease)}
.legacy .ts-x svg{width:18px;height:18px;display:block}
.legacy .ts-x:hover{background:var(--primary);border-color:var(--primary)}
.legacy .ts-x.on{opacity:1;transform:none;pointer-events:auto}
.legacy .ts-wrap{position:relative;background:var(--surface);border:1px solid var(--border-soft);border-top:0;border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden}
.legacy .ts-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab}
.legacy .ts-scroll::-webkit-scrollbar{display:none}
.legacy .ts-scroll svg{display:block}
.legacy .ts-cursor{position:absolute;left:50%;top:24px;bottom:12px;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.9) 85%,transparent);pointer-events:none;border-radius:2px}
.legacy .ts-cursor::after{content:"";position:absolute;left:50%;top:-6px;width:0;height:0;transform:translateX(-50%);border:5px solid transparent;border-top:7px solid #fff}
.legacy .ts .lab{font-size:10px;fill:var(--text-3)}
.legacy .ts .dlab{font-size:11px;font-weight:600;fill:var(--text-2)}
.legacy .ts .ext{font-size:11px;font-weight:600;fill:var(--text)}
.legacy .ts-line{stroke-dasharray:9000;stroke-dashoffset:9000;animation:tsdraw 2.2s var(--ease) forwards}

@keyframes tsdraw{to{stroke-dashoffset:0}}.legacy .pulse-dot{animation:tspulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}

@keyframes tspulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
@media (prefers-reduced-motion:reduce){.legacy .ts-line{animation:none;stroke-dashoffset:0}
.legacy .pulse-dot{animation:none}
}.legacy .row .ic.ph{background-size:cover;background-position:center;border-color:transparent}
.legacy .spotbanner{min-height:112px;border-radius:var(--r-lg);background-size:cover;background-position:center;position:relative;overflow:hidden;margin-top:8px;border:1px solid var(--border-soft);display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:10px 12px}
.legacy .spotbanner.nophoto{background:linear-gradient(160deg,var(--surface-3),var(--surface))}
.legacy .spotbanner::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,0) 20%,rgba(9,27,48,.72) 100%)}
.legacy .sb-name{position:relative;flex:1;min-width:0}
.legacy .langbtn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:12px;background:var(--ocean);border:1px solid var(--border);color:var(--text);font-size:15px;font-weight:600;text-align:left;height:46px}
.legacy .langbtn .lp-flag{flex:none;width:26px;height:18px;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.14)}
.legacy .langbtn .chev{margin-left:auto;width:18px;height:18px;fill:none;stroke:var(--text-3);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.legacy #langPick{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#091B30;color:#fff;opacity:0;transition:opacity .34s var(--ease)}
.legacy .lpick,.legacy .lpick[data-theme]{background:#091B30!important}
.legacy #langPick .brand{color:#fff}
.legacy #langPick.in{opacity:1}
.legacy #langPick .lp-bg{position:absolute;inset:-6%;background:url(img/splash-v2.webp) center/cover no-repeat;filter:blur(30px) saturate(.7);opacity:.38}
.legacy #langPick .lp-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#091B30 0,#091B30 calc(var(--sat) + 6px),rgba(9,27,48,.86) calc(var(--sat) + 140px),rgba(9,27,48,.9) 42%,#091B30 78%)}
.legacy .lp-head{position:relative;padding:calc(26px + var(--sat)) 22px 10px;text-align:center;flex:none}
.legacy .lp-head h1{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:26px 0 7px;font-weight:800}
.legacy .lp-sublead{color:#A9BED0;font-size:15px;margin:0;line-height:1.45}
.legacy .lp-scrollers{position:relative;flex:1;min-height:0;overflow-y:auto;padding:10px 18px 8px;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:safe center}
.legacy .lp-inner{flex:none}
.legacy .lp-cap{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#7F97AD;font-weight:600;margin:16px 0 7px 14px}
.legacy .lp-cap:first-child{margin-top:4px}
.legacy .lp-group{background:rgba(23,51,76,.52);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.34)}
.legacy .lp-item{display:flex;align-items:center;gap:13px;width:100%;min-height:58px;padding:11px 14px;background:none;border:0;border-top:1px solid rgba(255,255,255,.07);color:#fff;text-align:left;transition:background .18s var(--ease);animation:lpIn .46s var(--ease) both;animation-delay:calc(var(--i) * 40ms)}
.legacy .lp-item:first-child{border-top:0}
.legacy .lp-item:active{background:rgba(255,255,255,.1)}
.legacy .lp-item.on{background:rgba(255,255,255,.07)}
.legacy .lp-item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
.legacy .lp-item .lp-flag{flex:none;width:34px;height:23px;border-radius:5px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.16)}
.legacy .lp-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.legacy .lp-tx b{font-size:16.5px;font-weight:650;letter-spacing:-.2px}
.legacy .lp-tx .lp-sub{font-size:12.5px;color:var(--text-3)}
.legacy .lp-ck{margin-left:auto;flex:none;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:1.6px solid rgba(255,255,255,.22);transition:background .2s var(--ease),border-color .2s var(--ease),transform .25s cubic-bezier(.3,1.5,.5,1)}
.legacy .lp-ck svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .16s}
.legacy .lp-item.on .lp-ck{background:var(--primary);border-color:var(--primary);transform:scale(1.08)}
.legacy .lp-item.on .lp-ck svg{opacity:1}
.legacy .lp-note{color:#7F97AD;font-size:12.5px;text-align:center;margin:14px 6px 0;line-height:1.5}
.legacy .lp-foot{position:relative;flex:none;padding:10px 18px calc(16px + var(--sab));background:linear-gradient(180deg,rgba(9,27,48,0),#091B30 26%)}
.legacy .lp-prev{margin-bottom:12px}
.legacy .lp-prev-l{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);margin:0 0 6px 2px;font-weight:600}
.legacy .lp-prev-card{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:14px;background:rgba(23,51,76,.6);border:1px solid rgba(255,255,255,.08)}
.legacy .lp-prev-card .dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--good);margin-top:5px}
.legacy .lp-prev-card b{display:block;font-size:14px;font-weight:650}
.legacy .lp-prev-card span{display:block;font-size:12px;color:var(--text-2);margin-top:1px}
.legacy .lp-prev-card.flash{animation:lpFlash .34s var(--ease)}

@keyframes lpIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes lpFlash{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}.legacy .favcard>.fc-x{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(9,27,48,.5);color:rgba(255,255,255,.85);z-index:3}
.legacy .fc-x svg{width:14px;height:14px}
.legacy .favcard .fc-top{padding-right:34px}
.legacy .fc-cam{position:relative;display:inline-block;width:30px;height:24px;margin-left:9px;vertical-align:3px;font-style:normal;text-shadow:none}
.legacy .fc-cam-in{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;border-radius:9px;color:#fff;background:linear-gradient(135deg,#FF4D5A 0%,var(--live) 55%,#B0060F 100%);box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.3);overflow:hidden}
.legacy .fc-cam-in::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);animation:camShine 6s ease-in-out infinite}
.legacy .fc-cam svg{width:17px;height:17px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.legacy .fc-cam-in em{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:#fff;animation:camRec 2.4s ease-in-out infinite}

@keyframes camRec{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes camShine{0%,55%{left:-60%}85%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){.legacy .fc-cam-in,.legacy .fc-cam-in::after,.legacy .fc-cam-in em{animation:none}
}.legacy .favcard>.fc-star svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.legacy .favcard>.fc-star.on{color:#F5C842}
.legacy .favcard>.fc-star.on svg{fill:currentColor}
.legacy .favlist{display:flex;flex-direction:column;gap:12px}
.legacy .favcard{position:relative;height:118px;border-radius:20px;overflow:hidden;background:#17334C center/cover no-repeat;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .15s}
.legacy .favcard:active{transform:scale(.98)}
.legacy .favcard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,.15) 0%,rgba(9,27,48,.35) 55%,rgba(9,27,48,.82) 100%)}
.legacy .favcard.nophoto{background:linear-gradient(135deg,#17334C,#0E2540)}
.legacy .favcard>*{position:relative}
.legacy .fc-top{display:flex;justify-content:space-between;align-items:flex-start}
.legacy .fc-top b{font-family:"Sora",var(--font);font-size:22px;font-weight:700;letter-spacing:-.3px;display:block;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.legacy .fc-top span{font-size:12px;color:rgba(255,255,255,.82);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.legacy .fc-kt{font-size:44px;font-weight:800;line-height:1;letter-spacing:-1.5px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.legacy .fc-kt i{font-style:normal;font-size:15px;font-weight:600;margin-left:3px;letter-spacing:0;opacity:.85}
.legacy .fc-bot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.7)}
.legacy .fc-v{font-weight:700;font-size:13px}
.legacy .fc-v.go{color:#4ADE80}
.legacy .fc-v.wait{color:#F5A524}
.legacy .fc-v.no{color:#FF8A8A}
.legacy .sb-star{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.75);background:rgba(9,27,48,.35);z-index:2}
.legacy .sb-star svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.legacy .sb-star.on{color:#F5C842}
.legacy .sb-star.on svg{fill:currentColor}
.legacy .sb-h1{font:inherit;margin:0}
.legacy .spa-a{color:inherit;text-decoration:none;-webkit-touch-callout:none}
.legacy .sb-name b{display:block;font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6),0 4px 18px rgba(0,0,0,.55);-webkit-text-stroke:.3px rgba(0,0,0,.25)}
.legacy .sb-name span{display:block;margin-top:4px;font-size:11px;font-weight:600;color:#F5C842;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.legacy .verdict.onphoto{position:relative;margin-top:0;flex:0 1 58%;padding:0;gap:8px;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;align-items:flex-start;text-align:left}
.legacy .verdict.onphoto b{font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.8),0 3px 12px rgba(0,0,0,.6)}
.legacy .verdict.onphoto span{font-size:11px;line-height:1.3;color:rgba(255,255,255,.95);text-shadow:0 1px 3px rgba(0,0,0,.8),0 3px 12px rgba(0,0,0,.6)}
.legacy .verdict.onphoto .dot{width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 3px rgba(0,0,0,.25)}
.legacy .refbox{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:10px 12px;margin:2px 0 12px;font-size:13px;line-height:1.45}
.legacy .pf-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 0 4px}
.legacy .pf-avatar{position:relative;width:84px;height:84px;border-radius:24px;cursor:pointer;flex:none;transition:transform .15s var(--ease)}
.legacy .pf-avatar:active{transform:scale(.95)}
.legacy .pf-avatar .av-img,.legacy .pf-avatar .av-ini{display:block;border-radius:24px;object-fit:cover}
.legacy .av-ini{display:grid;place-items:center;color:#fff;font-weight:700;letter-spacing:-.02em}
.legacy .pf-avatar::after{content:"";position:absolute;inset:-3px;border-radius:27px;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 10px 26px rgba(0,0,0,.4);pointer-events:none}
.legacy .pf-cam{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;background:var(--primary);display:grid;place-items:center;box-shadow:0 2px 8px rgba(var(--primary-rgb),.5),0 0 0 3px var(--bg);transition:transform .15s var(--ease)}
.legacy .pf-cam svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.legacy .pf-avatar.busy .pf-cam{animation:spin 1s linear infinite}
.legacy .pf-avatar.busy .pf-cam svg{opacity:0}
.legacy .pf-avatar.busy .pf-cam::after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite}
.legacy .pf-name{font-size:21px;font-weight:700;letter-spacing:-.02em;margin:14px 0 3px}
.legacy .pf-meta{font-size:13px;color:var(--text-2);margin:0;display:flex;align-items:center;gap:6px;justify-content:center}
.legacy .refbox b{display:block;font-size:13px;margin-bottom:2px}
.legacy .refbox span{color:var(--text-2)}
.legacy .refbox span b{display:inline;color:var(--text)}
.legacy .search{display:flex;gap:10px;margin-top:8px;align-items:center}
.legacy .search .sfield{position:relative;flex:1}
.legacy .search .sfield svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;fill:none;stroke:var(--text-3);stroke-width:2.1;stroke-linecap:round;pointer-events:none}
.legacy .search input{width:100%;height:46px;padding-left:38px;border-radius:14px}
.legacy .btn-near{flex:none;display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 14px;border-radius:14px;font-size:13.5px;font-weight:700;letter-spacing:-.1px;color:var(--on-primary);
  background:linear-gradient(145deg,var(--primary-hi) 0%,var(--primary) 46%,var(--primary-700) 100%);
  box-shadow:0 6px 18px rgba(var(--primary-rgb),.38),inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .14s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease)}
.legacy .btn-near:active{transform:scale(.96);box-shadow:0 3px 10px rgba(var(--primary-rgb),.34),inset 0 1px 0 rgba(255,255,255,.2)}
.legacy .btn-near svg{width:17px;height:17px;fill:currentColor;transition:transform .3s var(--ease)}
.legacy .btn-near .ping{position:absolute;inset:0;border-radius:14px;border:1.5px solid var(--primary);opacity:0;pointer-events:none}
.legacy .btn-near{position:relative;overflow:visible}
.legacy .btn-near.busy{filter:saturate(.9)}
.legacy .btn-near.busy svg{animation:nearspin 1.1s linear infinite}
.legacy .btn-near.busy .ping{animation:nearping 1.4s var(--ease) infinite}
.legacy .btn-near.on{background:linear-gradient(145deg,#1FD3C3 0%,var(--marine) 55%,#149A90 100%);box-shadow:0 6px 18px rgba(35,181,169,.38),inset 0 1px 0 rgba(255,255,255,.22)}

@keyframes nearspin{to{transform:rotate(360deg)}}
@keyframes nearping{0%{opacity:.75;transform:scale(1)}70%{opacity:0;transform:scale(1.18)}100%{opacity:0}}
@media (max-width:360px){.legacy .btn-near span{display:none}
.legacy .btn-near{padding:0 14px}
}.legacy .list{display:flex;flex-direction:column;gap:var(--gap);margin-top:12px}
.legacy .row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);padding:10px 12px;text-align:left;width:100%}
.legacy .row:hover{background:var(--surface-2)}
.legacy .row .ic{width:38px;height:38px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border-soft);display:grid;place-items:center;flex:none;font-weight:700;font-size:12px;color:var(--text-2)}
.legacy .row .tx{flex:1;min-width:0}
.legacy .row .tx b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .row .tx span{font-size:12px;color:var(--text-2)}
.legacy .row .star{width:34px;height:34px;display:grid;place-items:center;color:var(--text-3);border-radius:9px}
.legacy .row .star:hover{background:var(--surface-3)}
.legacy .row .star.on{color:var(--warning)}
.legacy .row .star svg{width:20px;height:20px;fill:currentColor}
.legacy .empty{padding:30px 10px;text-align:center;color:var(--text-2);font-size:14px;line-height:1.5}
.legacy .kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-soft);font-size:14px}
.legacy .kv:last-child{border-bottom:0}
.legacy .kv span:last-child{color:var(--text-2)}
.legacy .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:10px}
.legacy .stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:12px}
.legacy .stat b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em}
.legacy .stat span{font-size:12px;color:var(--text-2)}
.legacy .subtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0 6px}
.legacy .subtabs button{height:36px;padding:0 6px;border-radius:10px;background:var(--surface);border:1px solid var(--border-soft);font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.legacy .subtabs button.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}
.legacy .tbl{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.legacy .tbl th{text-align:left;color:var(--text-2);font-weight:500;padding:8px 6px;border-bottom:1px solid var(--border)}
.legacy .tbl td{padding:9px 6px;border-bottom:1px solid var(--border-soft);vertical-align:middle}
.legacy .tbl td.act{white-space:nowrap;text-align:right}
.legacy .chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--surface-2);border:1px solid var(--border-soft)}
.legacy .chip.admin{background:var(--primary-soft);color:#FFB3B8;border-color:rgba(var(--primary-rgb),.35)}
.legacy .chip.active{background:var(--good-soft);color:#B9F2D4;border-color:rgba(56,210,138,.35)}
.legacy .chip.blocked{background:var(--danger-soft);color:#FFC2C7;border-color:rgba(255,77,90,.35)}
.legacy .dash{display:grid;gap:12px;margin-top:10px}
.legacy .dhead{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.legacy .dhead b{display:block;font-size:17px;font-weight:700}
.legacy .dhead span{font-size:12px;color:var(--text-3)}
.legacy .dranges{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;padding:3px}
.legacy .dranges button{height:28px;padding:0 10px;border-radius:7px;font-size:12px;color:var(--text-2);font-weight:600}
.legacy .dranges button.on{background:var(--primary);color:var(--on-primary)}
.legacy .kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

@media (max-width:360px){.legacy .kpis{grid-template-columns:1fr}
}.legacy .kpi{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--border-soft);border-radius:16px;padding:12px 12px 8px;min-width:0}
.legacy .kpi::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--c),transparent)}
.legacy .kpi .kt{font-size:12px;color:var(--text-2);display:block}
.legacy .kpi .kv2{display:flex;align-items:baseline;gap:7px;margin-top:3px;flex-wrap:wrap}
.legacy .kpi .kv2 b{font-size:24px;font-weight:750;letter-spacing:-.02em;line-height:1.1}
.legacy .kd{font-size:11px;font-weight:700;font-style:normal;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--text-2)}
.legacy .kd.up{color:var(--good);background:var(--good-soft)}
.legacy .kd.down{color:#FF7B85;background:var(--primary-soft)}
.legacy .kpi .ks{display:block;font-size:11px;color:var(--text-3);margin-top:2px}
.legacy .kpi .spark{display:block;width:100%;height:34px;margin-top:6px}
.legacy .dcard{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:12px 12px 10px;min-width:0}
.legacy .dtitle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.legacy .dtitle b{font-size:14px;font-weight:650}
.legacy .dtitle>span{font-size:11px;color:var(--text-3)}
.legacy .dleg{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-2);flex-wrap:wrap}
.legacy .dleg i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-left:6px}
.legacy .dleg i:first-child{margin-left:0}
.legacy .chart{display:block;width:100%;height:auto}
.legacy .chart .dl{stroke-dasharray:2000;stroke-dashoffset:2000;animation:dline 1.2s ease-out forwards}

@keyframes dline{to{stroke-dashoffset:0}}.legacy .dgrid{display:grid;grid-template-columns:1fr;gap:12px}
.legacy .hb{display:grid;gap:8px}
.legacy .hbr{display:grid;grid-template-columns:minmax(0,1fr) clamp(80px,28%,130px) 48px;gap:10px;align-items:center;font-size:14px}
.legacy .hbl{display:flex;align-items:baseline;gap:7px;min-width:0}
.legacy .hbl b{flex:1}
.legacy .hbl i{width:18px;height:18px;border-radius:6px;background:var(--surface-3);font-size:10px;font-style:normal;font-weight:700;display:grid;place-items:center;color:var(--text-2);flex:none}
.legacy .hbl b{font-weight:600;min-width:0;overflow-wrap:anywhere}
.legacy .hbl span{font-size:11px;color:var(--text-3);flex:none}
.legacy .hbt{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.legacy .hbf{height:100%;border-radius:999px;transition:width .8s var(--ease)}
.legacy .hbr strong{font-size:14px;font-weight:700;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.legacy .donut{display:flex;align-items:center;gap:16px;min-width:0}
.legacy .donut svg{flex:none}
.legacy .dlegend{display:grid;gap:5px;flex:1;min-width:0}
.legacy .lg{display:grid;grid-template-columns:10px minmax(0,1fr) auto 38px;gap:8px;align-items:center;font-size:13px}
.legacy .lg i{width:10px;height:10px;border-radius:3px}
.legacy .lg span{min-width:0;overflow-wrap:anywhere}
.legacy .lg b{font-weight:700}
.legacy .lg em{font-style:normal;color:var(--text-3);font-size:12px;text-align:right}
.legacy .heat{display:grid;gap:3px}
.legacy .hmr{display:grid;grid-template-columns:14px repeat(24,minmax(0,1fr));gap:2px;align-items:center}
.legacy .hmr span{font-size:10px;color:var(--text-3)}
.legacy .hmr i{display:block;aspect-ratio:1;border-radius:3px;background:var(--marine)}
.legacy .hmr.hma i{background:none;aspect-ratio:auto;font-size:9px;color:var(--text-3);font-style:normal;text-align:center;height:12px;line-height:12px}
.legacy .hlist{display:grid;gap:7px}
.legacy .hrow{display:flex;align-items:center;gap:10px;font-size:14px}
.legacy .hrow span{flex:1;color:var(--text-2)}
.legacy .hrow b{font-weight:650;white-space:nowrap}
.legacy .hrow i{width:8px;height:8px;border-radius:50%;flex:none}
.legacy .hrow i.ok{background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}
.legacy .hrow i.warn{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}
.legacy .hrow i.off{background:var(--text-3)}
.legacy .ulist,.legacy .feed{display:grid;gap:9px}
.legacy .urow,.legacy .frow{display:flex;align-items:center;gap:10px;font-size:13px;min-width:0}
.legacy .urow>div,.legacy .frow>div{flex:1;min-width:0}
.legacy .urow b,.legacy .frow b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legacy .urow span,.legacy .frow span{display:block;font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legacy .urow strong{font-weight:700}
.legacy .frow em{font-style:normal;font-size:11px;color:var(--text-3);flex:none}
.legacy .frow i{width:9px;height:9px;border-radius:50%;flex:none}
.legacy .dempty{font-size:12px;color:var(--text-3);padding:8px 0}
.legacy .alist{display:grid;gap:10px;margin-top:10px}
.legacy .arow{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:9px;min-width:0}
.legacy .arow .ah{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.legacy .arow .ah>div{min-width:0;flex:1}
.legacy .arow .ah b{display:block;font-size:15px;font-weight:650}
.legacy .arow .ah .muted{display:block;font-size:13px;overflow-wrap:anywhere;margin-top:2px}
.legacy .arow .ah .muted.inl{display:inline;font-weight:400}
.legacy .arow .chips{display:flex;flex-wrap:wrap;gap:6px}
.legacy .arow .acts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
.legacy .arow .acts .abtn{justify-content:center;padding:0 6px;gap:5px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy #v-admin .search input{padding-left:14px}
.legacy .abtn{height:36px;padding:0 12px;min-width:0;border-radius:10px;background:var(--surface-2);border:1px solid var(--border-soft);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;color:var(--text)}
.legacy .abtn:active{transform:scale(.97)}
.legacy .abtn svg{flex:none;width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.legacy .abtn.danger{color:#FFB3B8}
.legacy .nowrap{white-space:nowrap}
.legacy #v-admin .tbl{table-layout:fixed}
.legacy #v-admin .tbl td{overflow-wrap:anywhere}
.legacy .icbtn{width:32px;height:32px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border-soft);display:inline-grid;place-items:center;margin-left:4px}
.legacy .icbtn:hover{background:var(--surface-3)}
.legacy .icbtn svg{width:16px;height:16px;stroke:var(--text);fill:none;stroke-width:2;stroke-linecap:round}
.legacy .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.legacy .sw-row{display:flex;gap:8px}
.legacy .sw-row input{flex:1}
.legacy .sw-row .btn{width:auto;flex:none}
.legacy .sw-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.legacy .sw-item{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}
.legacy .sw-item b{font-size:14px}
.legacy .sw-item span{font-size:12px;color:var(--text-3)}
.legacy .sw-item:hover{border-color:var(--primary)}
.legacy .sw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.legacy .sw-ph{position:relative;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--surface-2);cursor:pointer;aspect-ratio:16/10}
.legacy .sw-ph img{width:100%;height:100%;object-fit:cover;display:block}
.legacy .sw-ph span{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:10px;line-height:1.2;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .sw-ph.on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}
.legacy .sheet{position:fixed;inset:0;z-index:40;background:rgba(3,10,20,.7);display:none;align-items:flex-end;justify-content:center}
.legacy .sheet.on{display:flex}
.legacy .sheet .box{width:min(480px,100%);max-height:88dvh;overflow:auto;background:var(--bg);border:1px solid var(--border-soft);border-bottom:0;border-radius:20px 20px 0 0;padding:18px var(--pad) calc(24px + var(--sab));animation:sheetIn var(--t-slow) var(--ease)}
.legacy .sheet .box::before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--border);margin:-6px auto 12px}
.legacy .sheet.center{align-items:center;padding:16px}
.legacy .sheet.center .box{border-radius:20px;border-bottom:1px solid var(--border-soft);max-height:84dvh;padding-bottom:24px;box-shadow:0 30px 80px rgba(0,0,0,.45);animation:pop var(--t,.2s) ease-out}
.legacy .sheet.center .box::before{display:none}

@keyframes pop{from{transform:scale(.96);opacity:0}}
@keyframes sheetIn{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.legacy .sheet h2{margin-top:4px}
.legacy .toast{position:fixed;left:50%;bottom:calc(96px + var(--sab));transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:var(--r-sm);font-size:14px;font-weight:600;z-index:60;opacity:0;pointer-events:none;transition:opacity var(--t) var(--ease)}
.legacy .toast.on{opacity:1}
.legacy .loader{min-height:62dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-2);font-size:14px}
.legacy .loader-mark{position:relative;width:88px;height:88px;animation:float 3.2s ease-in-out infinite}
.legacy .loader-mark img{width:88px;height:88px;display:block}
.legacy .loader-shine{position:absolute;inset:2px;pointer-events:none;-webkit-mask:url(img/symbol_white.webp) center/contain no-repeat;mask:url(img/symbol_white.webp) center/contain no-repeat;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%);background-size:260% 100%;animation:shine 2.2s ease-in-out infinite}
.legacy .surf-track{position:relative;width:252px;height:72px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#0A2A3A 0%,#06465A 60%,#05303F 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 10px 26px rgba(0,0,0,.3)}
.legacy .surf-capsule{position:relative;width:min(100%,300px);aspect-ratio:960/112;overflow:hidden;border-radius:999px;background:#082238;box-shadow:0 3px 12px rgba(4,204,215,.18),inset 0 0 0 1px rgba(255,255,255,.08)}
.legacy .surf-still{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;transition:opacity .3s}
.legacy .surf-fx{position:absolute;inset:0;pointer-events:none}
.legacy @media (hover:hover) and (pointer:fine){.hours,.days,.ts-scroll,.subtabs{cursor:grab}body.dragging,body.dragging *{cursor:grabbing!important;user-select:none!important}}
.legacy .surf-sheen{position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-130%);animation:surfSheen 3.6s ease-in-out infinite}

@keyframes surfScroll{from{transform:translateX(0)}to{transform:translateX(-20%)}}
@keyframes surfSheen{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
@keyframes wavebar{0%,100%{height:6px;opacity:.5}50%{height:18px;opacity:1}}
@media (prefers-reduced-motion:reduce){.legacy .loader-mark,.legacy .loader-shine{animation:none}
}.legacy .loading{padding:40px;text-align:center;color:var(--text-2);font-size:14px}
.legacy .spin{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto 10px;animation:spin .8s linear infinite}

@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.legacy *{transition:none!important;animation:none!important}
}.legacy .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 10px}
.legacy .hd h2{margin:0;font-size:22px;letter-spacing:-.02em}
.legacy .hd-act{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft);font-size:13px;font-weight:600;color:var(--text)}
.legacy .hd-act:active{transform:scale(.96)}
.legacy .hd-dot{width:8px;height:8px;border-radius:50%;background:var(--warning)}
.legacy .hd-dot.ok{background:var(--good)}
.legacy .hd-tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;padding:3px}
.legacy .hd-tabs button{width:38px;height:32px;border-radius:999px;display:grid;place-items:center;color:var(--text-3)}
.legacy .hd-tabs button svg{width:18px;height:18px}
.legacy .hd-tabs button.on{background:var(--primary);color:var(--on-primary)}
.legacy .sbar{display:flex;gap:8px;align-items:center}
.legacy .sbar .sfield{position:relative;flex:1}
.legacy .sbar .sfield svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;fill:none;stroke:var(--text-3);stroke-width:2.1;stroke-linecap:round;pointer-events:none}
.legacy .sbar input{width:100%;height:42px;padding:0 12px 0 36px;border-radius:13px;border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none;font-size:15px!important}
.legacy .selpill{position:relative;flex:none;height:42px;border-radius:13px;border:1px solid var(--border);background:var(--surface);color:var(--text);min-width:120px;max-width:46vw}
.legacy .selpill select{appearance:none;-webkit-appearance:none;width:100%;height:100%;padding:0 32px 0 12px;background:none;border:0;color:inherit;font-size:14px!important;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none}
.legacy .selpill svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:var(--text-3);stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.legacy .selpill.on{border-color:var(--primary);background:var(--primary-soft)}
.legacy .selpill.on svg{stroke:#fff}
.legacy .sbar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.legacy .fbtn{position:relative;flex:none;width:42px;height:42px;border-radius:13px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-2)}
.legacy .fbtn svg{width:20px;height:20px}
.legacy .fbtn.on{border-color:var(--primary);color:var(--text);background:var(--primary-soft)}
.legacy .fbtn b{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg)}
.legacy .chips{display:flex;gap:6px;margin:10px calc(-1*var(--pad)) 0;padding:0 var(--pad);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.legacy .chips::-webkit-scrollbar{display:none}
.legacy .chips button{flex:none;height:32px;padding:0 13px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft);font-size:13px;font-weight:500;color:var(--text-2);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.legacy .chips button.on{background:#fff;border-color:#fff;color:var(--bg);font-weight:650}
.legacy .chips button.rm{background:var(--primary-soft);border-color:rgba(var(--primary-rgb),.5);color:var(--text)}
.legacy .chips button.rm i{font-style:normal;opacity:.8;font-size:15px;line-height:1}
.legacy .chips button.dim{opacity:.55}
.legacy .chips.wrap{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding:0}
.legacy .chips.wrap button{height:36px;font-size:13.5px}
.legacy .fs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.legacy .fs-head h2{margin:0}
.legacy .fs-group{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden}
.legacy .fs-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:0 14px;border-top:1px solid var(--border-soft);font-size:15px}
.legacy .fs-row:first-child{border-top:0}
.legacy .fs-row>span:first-child{color:var(--text);font-weight:500}
.legacy .fs-val{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--text-2);max-width:60%}
.legacy .fs-val b{font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .fs-val svg{flex:none;width:16px;height:16px;fill:none;stroke:var(--text-3);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.legacy .fs-val select{position:absolute;inset:0;width:100%;height:100%;opacity:0;-webkit-appearance:none;appearance:none;font-size:16px!important}
.legacy .fs-row .switch i{position:relative}
.legacy .fs-sub{font-size:12.5px;color:var(--text-2);margin:10px 0 6px}
.legacy .fs-lab{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin:16px 0 8px}
.legacy .seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:3px}
.legacy .seg3 button{height:36px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--text-2)}
.legacy .seg3 button.on{background:#fff;color:var(--bg)}
.legacy .favseg{margin-top:4px}
.legacy .favseg button{height:38px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.legacy .favseg em{font-style:normal;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.1)}
.legacy .favseg button.on em{background:var(--primary);color:var(--on-primary)}
.legacy .chip-date{position:relative;display:inline-flex}
.legacy .chip-date input{position:absolute;inset:0;width:100%;height:100%;opacity:0;-webkit-appearance:none;appearance:none;font-size:16px!important;cursor:pointer}
.legacy .fs-in{position:relative}
.legacy .fs-in span{position:absolute;left:12px;top:7px;font-size:10.5px;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase}
.legacy .fs-in input{width:100%;height:50px;padding:16px 12px 0;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;outline:none}
.legacy .fs-in input:focus{border-color:var(--primary)}
.legacy .sbar.sticky{position:sticky;top:0;z-index:12;padding:8px 0 6px;margin:0;background:linear-gradient(180deg,var(--bg) 85%,rgba(9,27,48,0))}
.legacy .btn.ghost.fs-none{opacity:.6}
.legacy .switch{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14.5px;padding:12px 2px 0;margin-top:14px;border-top:1px solid var(--border-soft)}
.legacy .switch input{position:absolute;opacity:0;width:0;height:0}
.legacy .switch i{position:relative;flex:none;width:46px;height:28px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);transition:background .2s}
.legacy .switch i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s var(--ease);box-shadow:0 1px 3px rgba(0,0,0,.4)}
.legacy .switch input:checked+i{background:var(--good);border-color:var(--good)}
.legacy .switch input:checked+i::after{transform:translateX(18px)}
.legacy .sc-list{margin-top:12px}
.legacy .small-empty{padding:14px 10px;text-align:left;font-size:13.5px}
.legacy .small-empty .link{font-size:13.5px}
.legacy .sc-card .mk-fav{right:12px;top:12px;width:34px;height:34px}
.legacy .mk-grid{margin-top:12px}
.legacy .bell{position:relative;width:36px;height:36px;border-radius:11px;background:var(--surface);border:1px solid var(--border-soft);display:grid;place-items:center;color:var(--text);flex:none}
.legacy .bell svg{width:19px;height:19px}
.legacy .bell.on{background:var(--surface-3)}
.legacy .bell em{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:10.5px;font-weight:700;font-style:normal;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg)}
.legacy .nt-panel{position:absolute;top:calc(100% + 6px);right:var(--pad);width:min(360px,calc(100% - 2*var(--pad)));max-height:70vh;display:flex;flex-direction:column;background:rgba(19,43,68,.98);backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.5);opacity:0;transform:translateY(-8px) scale(.96);transform-origin:top right;pointer-events:none;transition:opacity .2s var(--ease),transform .24s cubic-bezier(.3,1.3,.4,1);z-index:40}
.legacy .nt-panel.on{opacity:1;transform:none;pointer-events:auto}
.legacy .nt-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.legacy .nt-head b{font-size:15px}
.legacy .nt-list{overflow-y:auto;padding:6px}
.legacy .nt-item{display:flex;gap:11px;width:100%;text-align:left;padding:10px;border-radius:12px;align-items:flex-start}
.legacy .nt-item:active{background:var(--surface-2)}
.legacy .nt-item>div{min-width:0;flex:1}
.legacy .nt-item b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.legacy .nt-item span{display:block;font-size:12.5px;color:var(--text-2);margin-top:2px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.legacy .nt-item small{display:block;font-size:11px;color:var(--text-3);margin-top:4px}
.legacy .nt-item.unread{background:rgba(var(--primary-rgb),.08)}
.legacy .nt-item.unread b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);margin-left:6px;vertical-align:middle}
.legacy .nt-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--text-2)}
.legacy .nt-ic svg{width:17px;height:17px}
.legacy .nt-ic.message,.legacy .nt-ic.interest{background:var(--marine-soft);color:var(--marine)}
.legacy .nt-ic.reservation,.legacy .nt-ic.kyc{background:var(--good-soft);color:var(--good)}
.legacy .nt-ic.bid,.legacy .nt-ic.outbid{background:var(--warning-soft);color:var(--warning)}
.legacy .nt-ic.review,.legacy .nt-ic.school_review{background:rgba(245,200,66,.16);color:#F5C842}
.legacy .nt-ic.school,.legacy .nt-ic.admin{background:var(--primary-soft);color:#FF8A8A}
.legacy .tab-dot{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:10px;font-weight:700;font-style:normal;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg)}
.legacy .hd-tabs button{position:relative}
.legacy .tab-dot.inl{position:static;display:inline-grid;vertical-align:middle;margin-left:4px;box-shadow:none}
.legacy .row.unread b{font-weight:700}
.legacy .mk-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:3px}
.legacy .mk-seg button{height:34px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-2)}
.legacy .mk-seg button.on{background:var(--primary);color:var(--on-primary)}
.legacy .mk-new{margin-top:12px;height:46px}
.legacy .mk-chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.legacy .mk-chips.mk-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1*var(--pad));margin-right:calc(-1*var(--pad));padding:0 var(--pad)}
.legacy .mk-chips.mk-scroll::-webkit-scrollbar{display:none}
.legacy .mk-chips button{flex:none;height:32px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft);font-size:13px;color:var(--text-2);white-space:nowrap}
.legacy .mk-chips button.on{background:var(--primary-soft);border-color:rgba(var(--primary-rgb),.45);color:var(--text);font-weight:600}
.legacy .mk-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.legacy .mk-filters select,.legacy .mk-filters input{height:40px;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface);color:var(--text);padding:0 10px;font-size:14px!important;min-width:0}
.legacy .mk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.legacy .mk-card{display:flex;flex-direction:column;text-align:left;background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;overflow:hidden;padding:0;min-width:0}
.legacy .mk-card:active{transform:scale(.98)}
.legacy .mk-ph{position:relative;aspect-ratio:1;background:var(--surface-2) center/cover no-repeat}
.legacy .mk-kind{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:rgba(9,27,48,.85);color:#fff}
.legacy .mk-kind.rent{background:var(--marine)}
.legacy .mk-kind.sale{background:var(--primary)}
.legacy .mk-st{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:700;background:rgba(9,27,48,.85);color:#fff}
.legacy .mk-st.reserved{background:var(--warning);color:#091B30}
.legacy .mk-st.rented{background:var(--marine)}
.legacy .mk-st.suspended,.legacy .mk-st.sold{background:var(--text-3)}
.legacy .mk-fav{position:absolute;right:6px;top:6px;width:30px;height:30px;border-radius:50%;background:rgba(9,27,48,.55);display:grid;place-items:center;color:#fff}
.legacy .mk-fav svg,.legacy .mk-fav-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.legacy .mk-fav.on,.legacy .mk-fav-btn.on{color:var(--primary)}
.legacy .mk-fav.on svg,.legacy .mk-fav-btn.on svg{fill:currentColor}
.legacy .mk-body{padding:9px 10px 11px;display:flex;flex-direction:column;gap:2px;min-width:0}
.legacy .mk-body b{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .mk-sub{font-size:11.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .mk-price{font-size:15px;font-weight:700;margin-top:3px}
.legacy .mk-price i{display:block;font-style:normal;font-size:11px;font-weight:500;color:var(--text-3)}
.legacy .mk-price small{font-size:11px;font-weight:500;color:var(--text-2)}
.legacy .mk-where{font-size:11.5px;color:var(--marine);font-weight:600;margin-top:3px}
.legacy .mk-back{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.legacy .mk-gal{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:12px calc(-1*var(--pad)) 0;padding:0 var(--pad)}
.legacy .mk-gal::-webkit-scrollbar{display:none}
.legacy .mk-gal img,.legacy .mk-gal video{flex:none;width:calc(100% - 24px);aspect-ratio:4/3;object-fit:cover;border-radius:16px;scroll-snap-align:center;background:var(--surface-2)}
.legacy .mk-nophoto{width:100%;aspect-ratio:4/3;border-radius:16px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-3)}
.legacy .mk-head{margin-top:14px}
.legacy .mk-pricecard .mk-pr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.legacy .mk-pricecard .mk-pr b{font-size:26px;font-weight:750;letter-spacing:-.02em}
.legacy .mk-pricecard .mk-pr i{display:block;font-style:normal;font-size:13px;color:var(--text-2)}
.legacy .mk-route{display:flex;flex-direction:column;gap:10px}
.legacy .mk-stop{display:flex;gap:12px;align-items:flex-start}
.legacy .mk-stop i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--marine);margin-top:5px;box-shadow:0 0 0 3px var(--marine-soft)}
.legacy .mk-stop.past{opacity:.45}
.legacy .mk-stop.past i{background:var(--text-3);box-shadow:none}
.legacy .mk-stop b{display:block;font-size:14.5px}
.legacy .mk-stop span{font-size:12.5px;color:var(--text-2)}
.legacy .mk-seller{display:flex;gap:12px;align-items:center}
.legacy .mk-seller b{display:block;font-size:14.5px}
.legacy .mk-seller .av-img,.legacy .mk-seller .av-ini{border-radius:12px}
.legacy .mk-actions{display:grid;gap:8px;margin-top:16px}
.legacy .mk-ul{margin:10px 0 14px 18px;font-size:14px;line-height:1.7;color:var(--text-2)}
.legacy .mk-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.legacy .mk-checks label{display:flex;align-items:center;gap:8px;font-size:13.5px;padding:9px 10px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px}
.legacy .mk-checks input{width:18px;height:18px;accent-color:var(--primary);flex:none}
.legacy .mk-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.legacy .mk-th{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--surface-2)}
.legacy .mk-th img,.legacy .mk-th video{width:100%;height:100%;object-fit:cover}
.legacy .mk-th button{position:absolute;right:3px;top:3px;width:22px;height:22px;border-radius:50%;background:rgba(9,27,48,.8);color:#fff;font-size:15px;line-height:1}
.legacy .mk-stoprow{padding:10px 0;border-top:1px solid var(--border-soft)}
.legacy .mk-stoprow:first-child{border-top:0;padding-top:0}
.legacy .mk-stoprow select,.legacy .mk-stoprow input{width:100%;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 12px}
.legacy .mk-stoprow .link{margin-top:6px}
.legacy .mk-peer{display:flex;align-items:center;gap:10px;margin:12px 0 8px}
.legacy .mk-peer>span{flex:1;font-size:14px}
.legacy .mk-peer .av-img,.legacy .mk-peer .av-ini{border-radius:9px}
.legacy .mk-msgs{display:flex;flex-direction:column;gap:6px;min-height:40vh;max-height:52vh;overflow-y:auto;padding:12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:16px}
.legacy .mk-m{max-width:82%;align-self:flex-start;background:var(--surface-2);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:14px;line-height:1.4}
.legacy .mk-m.me{align-self:flex-end;background:var(--primary);color:var(--on-primary);border-radius:14px 14px 4px 14px}
.legacy .mk-m span{white-space:pre-wrap;overflow-wrap:anywhere}
.legacy .mk-m i{display:block;font-style:normal;font-size:10px;opacity:.6;margin-top:3px;text-align:right}
.legacy .mk-compose{display:flex;gap:8px;margin-top:8px}
.legacy .mk-compose input{flex:1;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);padding:0 14px;color:var(--text)}
.legacy .mk-stars{display:flex;gap:4px;justify-content:center;margin:10px 0}
.legacy .mk-stars button{font-size:34px;color:var(--text-3);line-height:1}
.legacy .mk-stars button.on{color:#F5C842}
.legacy .mk-upl{aspect-ratio:4/3;border-radius:12px;border:1.5px dashed var(--border);background:var(--surface-2);color:var(--text-2);font-size:13px;display:grid;place-items:center;overflow:hidden;position:relative}
.legacy .mk-upl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.legacy .st-list{display:flex;flex-direction:column;gap:12px}
.legacy .st{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:var(--surface-2);cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.legacy .st:active{transform:scale(.99)}
.legacy .st img,.legacy .st video{display:block;width:100%;height:100%;object-fit:cover}
.legacy .st figcaption{position:absolute;left:0;right:0;bottom:0;padding:90px 18px 18px;background:linear-gradient(180deg,rgba(9,27,48,0) 0%,rgba(9,27,48,.25) 40%,rgba(9,27,48,.9) 100%);color:#fff}
.legacy .st figcaption b{display:block;font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:22px;line-height:1.15;letter-spacing:-.3px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.55);max-width:92%}
.legacy .st figcaption span{display:inline-block;margin-top:10px;font-size:12px;color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
.legacy .st-more{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:10px 14px 10px 10px;border-radius:18px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text);font-size:14.5px;font-weight:600;text-align:left}
.legacy .st-more svg{margin-left:auto;width:18px;height:18px;fill:none;stroke:var(--text-3);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.legacy .st-thumbs{display:flex}
.legacy .st-thumbs img,.legacy .st-thumbs i{width:36px;height:36px;border-radius:10px;object-fit:cover;background:var(--surface-3);border:2px solid var(--surface);margin-left:-10px}
.legacy .st-thumbs img:first-child,.legacy .st-thumbs i:first-child{margin-left:0}
.legacy .ed-rate .ed-badge{margin-left:8px}
.legacy .ed-cover{position:relative;height:240px;margin:0 calc(-1*var(--pad));background:#17334C center/cover no-repeat}
.legacy .ed-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,.5) 0%,rgba(9,27,48,0) 40%,rgba(9,27,48,0) 70%,rgba(9,27,48,.35) 100%)}
.legacy .ed-cover .ed-top{position:relative}
.legacy .ed-card{position:relative;margin-top:-34px;background:var(--surface);border:1px solid var(--border-soft);border-radius:22px;padding:14px 14px 12px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.legacy .ed-id{display:flex;gap:14px;align-items:center}
.legacy .ed-id>div{min-width:0;flex:1}
.legacy .ed-logo{flex:none;width:64px;height:64px;border-radius:16px;object-fit:cover;background:#fff;box-shadow:0 0 0 3px var(--surface),0 4px 14px rgba(0,0,0,.35);margin-top:-30px}
.legacy .ed-logo-ini{display:grid;place-items:center;font-weight:800;font-size:26px;color:#091B30}
.legacy .ed-id h1{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:22px;line-height:1.1;letter-spacing:-.3px;margin:0}
.legacy .ed-id p{font-size:13.5px;color:var(--text-2);margin:4px 0 0;line-height:1.35}
.legacy .ed-meta{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft);flex-wrap:wrap}
.legacy .ed-score{display:inline-flex;align-items:center;gap:6px}
.legacy .ed-score b{font-size:18px;font-weight:800;letter-spacing:-.02em}
.legacy .ed-count{font-size:13px;color:var(--text-2)}
.legacy .ed-badge{margin-left:auto;padding:5px 10px;border-radius:999px;background:#F5C842;color:#091B30;font-size:11.5px;font-weight:800}
.legacy .ed-hero{position:relative;min-height:440px;margin:0 calc(-1*var(--pad));background:#17334C center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;color:#fff;border-radius:0 0 28px 28px;overflow:hidden}
.legacy .ed-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,.55) 0%,rgba(9,27,48,0) 28%,rgba(9,27,48,.15) 55%,rgba(9,27,48,.92) 100%)}
.legacy .ed-hero>*{position:relative}
.legacy .ed-top{display:flex;justify-content:space-between;align-items:center;padding:calc(10px + var(--sat)) var(--pad) 0}
.legacy .glass{height:38px;border-radius:999px;background:rgba(9,27,48,.42);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.16);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600}
.legacy .glass.ic{width:38px;padding:0}
.legacy .glass svg{width:18px;height:18px}
.legacy .glass.mk-fav-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.legacy .glass.mk-fav-btn.on{color:var(--primary);background:rgba(255,255,255,.92)}
.legacy .ed-title{padding:0 var(--pad) 22px}
.legacy .ed-title h1{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:30px;line-height:1.05;letter-spacing:-.5px;margin:10px 0 6px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.legacy .ed-title p{font-size:15px;color:rgba(255,255,255,.9);margin:0 0 8px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.legacy .ed-feat{position:static;display:inline-block;margin-left:10px;vertical-align:top;margin-top:22px}
.legacy .ed-rate{font-size:13px;color:#F5C842;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.legacy .ed-contacts{display:grid;gap:8px;margin-top:14px}
.legacy .ed-ct{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:16px;background:var(--surface);border:1px solid var(--border-soft);text-decoration:none;color:var(--text);font-size:12px;font-weight:600;transition:transform .14s}
.legacy .ed-ct:active{transform:scale(.96)}
.legacy .ed-ct i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2)}
.legacy .ed-ct i svg{width:20px;height:20px}
.legacy .ed-ct.wa i{background:#25D366;color:#fff}
.legacy .ed-ct.ig i{background:linear-gradient(45deg,#f58529,#dd2a7b 50%,#8134af);color:#fff}
.legacy .ed-ct.web i{background:var(--marine);color:#fff}
.legacy .ed-ct.mail i{background:var(--surface-3);color:#fff}
.legacy .ed-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.legacy .ed-tile{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);min-width:0}
.legacy .ed-tile i{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--marine-soft);color:var(--marine)}
.legacy .ed-tile i svg{width:16px;height:16px}
.legacy .ed-tile>div{min-width:0}
.legacy .ed-tile span{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-weight:600}
.legacy .ed-tile b{display:block;font-size:13.5px;font-weight:600;line-height:1.3;margin-top:2px;overflow-wrap:anywhere}
.legacy .ed-title .sc-logo-ini{display:inline-grid;place-items:center;text-align:center;line-height:1;padding:0}
.legacy .ed-lab{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:700;margin:22px 0 10px}
.legacy .ed-book{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.legacy .ed-book figure{position:relative;margin:0;border-radius:18px;overflow:hidden;aspect-ratio:1;background:var(--surface-2)}
.legacy .ed-book figure.big{grid-column:1/-1;aspect-ratio:4/3}
.legacy .ed-book img,.legacy .ed-book video{display:block;width:100%;height:100%;object-fit:cover}
.legacy .ed-book figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(180deg,rgba(9,27,48,0),rgba(9,27,48,.85));color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.legacy .ed-book figure:not(.big) figcaption{font-size:11.5px;padding:22px 10px 9px}
.legacy .ed-text{font-size:15px;line-height:1.6;color:var(--text);white-space:pre-wrap}
.legacy .ed-rating{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;padding:14px 16px}
.legacy .ed-big{display:flex;flex-direction:column;align-items:center;gap:2px}
.legacy .ed-big b{font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1}
.legacy .ed-big span{font-size:11.5px;color:var(--text-3)}
.legacy .ed-dist>div{display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:center;font-size:11px;color:var(--text-3);padding:2px 0}
.legacy .ed-dist i{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.legacy .ed-dist b{display:block;height:100%;background:#F5C842;border-radius:999px}
.legacy .ed-reviews{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.legacy .ed-rev{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:14px}
.legacy .ed-rev p{margin-top:10px;font-size:14.5px;line-height:1.55;white-space:pre-wrap}
.legacy .ed-rev.hid{opacity:.45}
.legacy .ed-adm{display:block;width:100%;text-align:left;padding:0 14px;min-height:48px;border-top:1px solid var(--border-soft);font-size:15px;color:var(--text)}
.legacy .ed-adm:first-child{border-top:0}
.legacy .ed-adm.danger{color:#FF8A8A}
.legacy #feed{margin-top:22px;padding-top:16px;border-top:1px solid var(--border-soft)}
.legacy .fd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.legacy .fd-head h2{margin:0;font-size:19px}
.legacy .fd-group{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft);font-size:12.5px;font-weight:600;color:var(--text)}
.legacy .fd-group svg{width:15px;height:15px}
.legacy .fd-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.legacy .fd-act{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:5px 10px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text);font-size:12.5px;font-weight:600}
.legacy .fd-act svg{width:17px;height:17px;flex:none}
.legacy .fd-act span{min-width:0;text-align:left;line-height:1.15;text-wrap:balance}
.legacy .fd-act.on,.legacy .fd-act:first-child.on{background:#5EDBA0;border-color:#5EDBA0;color:#0b4a2f}
.legacy .fd-act:first-child{background:var(--primary);border-color:transparent;color:var(--on-primary)}
.legacy .fd-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;margin-bottom:10px}
.legacy .fd-pres{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;line-height:1.3}
.legacy .fd-pres>div{flex:1;min-width:0}
.legacy .fd-avs{display:flex;flex:none}
.legacy .fd-avs .av-img,.legacy .fd-avs .av-ini{border-radius:50%;border:2px solid var(--surface);margin-left:-8px}
.legacy .fd-avs>*:first-child{margin-left:0}
.legacy .fd-avs i{width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:10px;font-weight:700;font-style:normal;margin-left:-8px;border:2px solid var(--surface)}
.legacy .fd-pres .chip{flex:none}
.legacy .fd-pres .chip.on{background:#5EDBA0;color:#0b4a2f;border-color:#5EDBA0}
.legacy .fd-list{display:flex;flex-direction:column}
.legacy .fd-post{overflow:hidden}
.legacy .fd-top{display:flex;align-items:center;gap:10px;padding:10px 10px 8px 12px}
.legacy .fd-av{cursor:pointer;flex:none}
.legacy .fd-av .av-img,.legacy .fd-av .av-ini{border-radius:50%}
.legacy .fd-who{flex:1;min-width:0}
.legacy .fd-who b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .fd-who span{font-size:11.5px;color:var(--text-3)}
.legacy .fd-media{position:relative;background:var(--surface-2);aspect-ratio:4/3;max-height:260px;overflow:hidden;margin:0 10px 2px;border-radius:14px}
.legacy .fd-media img,.legacy .fd-media video{display:block;width:100%;height:100%;object-fit:cover}
.legacy .fd-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.legacy .fd-track::-webkit-scrollbar{display:none}
.legacy .fd-track img{flex:none;width:100%;scroll-snap-align:start}
.legacy .fd-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.legacy .fd-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45);transition:all .25s}
.legacy .fd-dots i.on{background:#fff;width:16px;border-radius:3px}
.legacy .fd-thumbs{display:flex;gap:8px;margin:-4px 0 12px}
.legacy .fd-thumbs button{width:56px;height:56px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:var(--surface-2);padding:0}
.legacy .fd-thumbs button.on{border-color:var(--primary)}
.legacy .fd-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.legacy .fd-thumbs .fd-th-add{display:grid;place-items:center;border:1.5px dashed var(--border);color:var(--text-2);font-size:20px;line-height:1}
.legacy .fd-thumbs .fd-th-add small{font-size:10px}
.legacy .fd-upl{aspect-ratio:auto;height:120px;min-height:0}
.legacy .fd-crop{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;margin-bottom:8px;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.legacy .fd-crop[hidden]{display:none}
.legacy #fdCrops{position:relative}
.legacy .fd-crop.off{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}
.legacy .fd-crop img{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none;will-change:transform;pointer-events:none}
.legacy .fd-crop-hint{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:rgba(9,27,48,.7);color:#fff;font-size:11px;white-space:nowrap;pointer-events:none}
.legacy .fd-zoom{display:flex;align-items:center;gap:8px;margin:8px 0 12px;color:var(--text-2);font-size:16px}
.legacy .fd-zoom[hidden]{display:none}
.legacy .fd-zoom input{flex:1;accent-color:var(--primary)}
.legacy .fd-zoom .link{font-size:12.5px;margin-left:4px}
.legacy .fd-upl img{height:100%;object-fit:cover}
.legacy .fd-tag{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(9,27,48,.6);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600}
.legacy .fd-body{margin:0;padding:10px 12px 4px;font-size:14px;line-height:1.45;white-space:pre-wrap}
.legacy .fd-chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 0}
.legacy .fd-foot{display:flex;align-items:center;gap:6px;padding:8px 10px 10px 12px}
.legacy .fd-re{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:999px;background:var(--surface-2);color:var(--text);font-size:13px}
.legacy .fd-re svg{width:15px;height:15px}
.legacy .fd-re.on{background:rgba(245,200,66,.2);color:#F5C842}
.legacy .fd-post.wanted{border-color:rgba(245,200,66,.4)}
.legacy .fd-post.notice{border-color:rgba(79,179,255,.35)}
.legacy .fd-listing{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}
.legacy .fd-limg{flex:none;width:52px;height:52px;border-radius:12px;background:var(--surface-2) center/cover no-repeat}
.legacy .fd-ltx{flex:1;min-width:0}
.legacy .fd-ltx b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .fd-ltx span:last-child{font-size:12px;color:var(--text-2)}
.legacy .fd-lab{display:block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
.legacy .fd-lab.gold{color:#F5C842}
.legacy .chip.red{background:var(--primary);color:var(--on-primary);border-color:transparent}
.legacy .fd-more{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 6px}
.legacy .fd-cmts{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow-y:auto;margin:6px 0 10px}
.legacy .fd-cmt{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.35}
.legacy .fd-cmt .av-img,.legacy .fd-cmt .av-ini{border-radius:50%;flex:none}
.legacy .fd-cmt small{display:block;color:var(--text-3);font-size:11px;margin-top:2px}
.legacy .ch-gav{width:50px;height:50px;border-radius:16px;background:var(--marine-soft);color:var(--marine);display:grid;place-items:center}
.legacy .ch-gav svg{width:24px;height:24px}
.legacy .ch-head-av .ch-gav{width:38px;height:38px;border-radius:12px}
.legacy .ch-head-av .ch-gav svg{width:20px;height:20px}
.legacy .ch-who{display:block;font-size:11px;font-weight:700;color:#4FB3FF;margin-bottom:2px;cursor:pointer}
.legacy .loading.small{padding:14px 0}
.legacy .so-hero{position:relative;margin:0 calc(-1*var(--pad));padding:0 var(--pad) 14px;background:linear-gradient(180deg,#1b6ca8 0%,#0f3d63 55%,var(--bg) 100%);border-radius:0 0 26px 26px}
.legacy .so-head{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;margin-top:14px}
.legacy .so-av{position:relative;width:64px;height:64px}
.legacy .so-av .av-img,.legacy .so-av .av-ini{border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.legacy .so-dot{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;border-radius:50%;background:#5EDBA0;border:3px solid var(--bg)}
.legacy .so-headtx{min-width:0}
.legacy .so-headtx h1{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:23px;line-height:1.1;letter-spacing:-.4px;margin:0;color:#fff}
.legacy .so-headtx p{margin:4px 0 0;font-size:13.5px;color:rgba(255,255,255,.85)}
.legacy .so-live{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:#5EDBA0}
.legacy .so-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;text-align:center}
.legacy .so-stats b{display:block;font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:17px;color:#fff}
.legacy .so-stats b.gold{color:#F5C842}
.legacy .so-stats span{font-size:10.5px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.04em}
.legacy .so-acts{display:flex;align-items:center;gap:6px;margin-top:14px}
.legacy .so-acts .ed-msg{flex:1.3;justify-content:center}
.legacy .so-follow{flex:1;height:34px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;transition:background .15s}
.legacy .so-follow.on{background:#fff;color:#091B30;border-color:#fff}
.legacy .so-follow svg{width:14px;height:14px}
.legacy .so-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.legacy .so-badge{padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(255,255,255,.1);color:#fff}
.legacy .so-badge.ver{background:rgba(79,179,255,.18);color:#4FB3FF}
.legacy .so-badge.gold{background:rgba(245,200,66,.18);color:#F5C842}
.legacy .so-seg{margin:12px 0 4px}
.legacy .so-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.legacy .so-card{text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;overflow:hidden;padding:0 0 10px}
.legacy .so-img{display:block;position:relative;aspect-ratio:1;background:var(--surface-2) center/cover no-repeat}
.legacy .so-img em{position:absolute;left:8px;top:8px;font-style:normal;padding:4px 8px;border-radius:999px;background:#F5C842;color:#091B30;font-size:10.5px;font-weight:800}
.legacy .so-card b{display:block;padding:8px 10px 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .so-card span:last-child{display:block;padding:2px 10px 0;font-size:12px;color:var(--text-2)}
.legacy .ed-follow-host{display:inline-flex}
.legacy .ed-social .so-follow{flex:none;height:34px}
.legacy .top-right .fav-pick{flex:none;max-width:none;padding:0 12px 0 10px;gap:6px;font-size:13px}

@media (max-width:479px){.legacy .topbar .brand span{display:none}
.legacy .top-right .spot-pick:not(.fav-pick){max-width:30vw;font-size:13px}
}.legacy #app{container-type:inline-size}
.legacy @container (max-width:479px){.topbar .brand span{display:none}.top-right .spot-pick:not(.fav-pick){max-width:30cqw;font-size:13px}}
.legacy @container (max-width:359px){.top-right .fav-pick span{display:none}.top-right .fav-pick{width:38px;padding:0;justify-content:center}}

@media (max-width:359px){.legacy .top-right .fav-pick span{display:none}
.legacy .top-right .fav-pick{width:38px;padding:0;justify-content:center}
}.legacy .ch-ib[hidden],.legacy .ch-recbar[hidden]{display:none}
.legacy .ed-msg{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:12.5px;font-weight:700;border:0}
.legacy .ed-msg svg{width:15px;height:15px}
.legacy .ch-seg{margin:4px 0 10px}
.legacy .ch-list{display:flex;flex-direction:column}
.legacy .ch-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border-soft);text-align:left;width:100%;color:var(--text)}
.legacy .ch-av{position:relative;flex:none;width:50px;height:50px}
.legacy .ch-av img,.legacy .ch-av .av-img,.legacy .ch-av .av-ini{width:50px;height:50px;border-radius:16px;object-fit:cover;display:block}
.legacy .ch-kind{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;border-radius:7px;background:var(--marine);border:2px solid var(--bg);display:grid;place-items:center;color:#fff}
.legacy .ch-kind svg{width:12px;height:12px}
.legacy .ch-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.legacy .ch-l1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.legacy .ch-l1 b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .ch-l1 em{font-style:normal;font-size:11px;color:var(--text-3);flex:none}
.legacy .ch-l2{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .ch-l3{font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .ch-l3 i{font-style:normal;color:var(--text-3)}
.legacy .ch-row.unread .ch-l3{color:var(--text);font-weight:600}
.legacy .ch-badge{flex:none;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:700;display:grid;place-items:center}
.legacy .ch-muted{flex:none;font-size:14px;opacity:.6}
.legacy .ch-head{display:flex;align-items:center;gap:10px;padding:6px 0 8px;border-bottom:1px solid var(--border-soft)}
.legacy .ch-head-av .av-img,.legacy .ch-head-av .av-ini{border-radius:12px}
.legacy .ch-head-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.legacy .ch-head-tx b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .ch-head-tx span{font-size:11.5px;color:var(--text-3)}
.legacy .ch-ver{font-style:normal;color:#4FB3FF;font-size:12px}
.legacy .ch-ctx{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:8px 10px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);text-align:left;color:var(--text)}
.legacy .ch-ctx-img{flex:none;width:44px;height:44px;border-radius:10px;background:var(--surface-2) center/cover no-repeat}
.legacy .ch-ctx-tx{flex:1;min-width:0}
.legacy .ch-ctx-tx b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .ch-ctx-tx span{font-size:12px;color:var(--text-2)}
.legacy .ch-st{flex:none;font-style:normal;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:800;background:rgba(255,255,255,.08);color:var(--text-2)}
.legacy .ch-st.reserved{background:#F5C842;color:#091B30}
.legacy .ch-st.sold{background:#5EDBA0;color:#0b4a2f}
.legacy .ch-st.available{display:none}
.legacy #v-msgs.chatmode{display:flex;flex-direction:column;height:calc(100dvh - 150px);overflow:hidden}
.legacy #v-msgs.chatmode .ch-head,.legacy #v-msgs.chatmode .ch-ctx,.legacy #v-msgs.chatmode .ch-bottom{flex:none}
.legacy .ch-msgs{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;padding:12px 2px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.legacy .ch-bottom{background:var(--bg);padding-top:2px}
.legacy .ch-day{align-self:center;margin:6px 0 2px}
.legacy .ch-day span{font-size:11px;color:var(--text-3);background:var(--surface);padding:4px 10px;border-radius:999px}
.legacy .ch-sys{align-self:center;max-width:88%;text-align:center;font-size:12px;color:var(--text-2);background:rgba(94,219,160,.12);padding:6px 12px;border-radius:999px;margin:2px 0}
.legacy .ch-b{position:relative;max-width:80%;padding:9px 12px 18px;border-radius:18px;font-size:14.5px;line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere}
.legacy .ch-b.them{align-self:flex-start;background:var(--surface-2);border-bottom-left-radius:4px}
.legacy .ch-b.me{align-self:flex-end;background:var(--primary);color:var(--on-primary);border-bottom-right-radius:4px}
.legacy .ch-meta{position:absolute;right:10px;bottom:4px;font-size:10px;font-style:normal;opacity:.7;white-space:nowrap}
.legacy .ch-b.media{padding:4px 4px 18px;max-width:72%}
.legacy .ch-b.media img,.legacy .ch-b.media video{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:14px}
.legacy .ch-b.audio{display:flex;align-items:center;gap:8px;width:240px;max-width:80%;padding:8px 10px 18px}
.legacy .ch-play{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;color:inherit}
.legacy .ch-play svg{width:16px;height:16px}
.legacy .ch-b.them .ch-play{background:rgba(255,255,255,.1)}
.legacy .ch-wave{flex:1;display:flex;align-items:center;gap:2px;height:20px}
.legacy .ch-wave i{flex:1;background:currentColor;opacity:.65;border-radius:2px}
.legacy .ch-b.playing .ch-wave i{animation:chw 1s ease-in-out infinite alternate}
@keyframes chw{to{opacity:.25}}.legacy .ch-dur{font-size:11px;font-weight:600;opacity:.9}
.legacy .ch-b.card{width:272px;max-width:85%;padding:10px 12px 20px}
.legacy .ch-b.them.card{border:1px solid rgba(245,200,66,.45)}
.legacy .ch-card-h{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.9}
.legacy .ch-card-h svg{width:14px;height:14px}
.legacy .ch-amount{display:block;font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:24px;font-weight:700;margin:6px 0 2px;letter-spacing:-.02em}
.legacy .ch-amount.small{font-size:16px}
.legacy .ch-card-sub{display:block;font-size:12px;opacity:.85}
.legacy .ch-card-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;margin-top:10px}
.legacy .ch-card-acts button{height:36px;border-radius:10px;background:rgba(255,255,255,.14);color:inherit;font-size:12.5px;font-weight:700}
.legacy .ch-b.them .ch-card-acts button:first-child{background:#5EDBA0;color:#0b4a2f}
.legacy .ch-card-acts button.danger{color:#FF8A8A}
.legacy .ch-b.card.accepted{outline:2px solid #5EDBA0;outline-offset:-2px}
.legacy .ch-b.card.declined,.legacy .ch-b.card.countered{opacity:.6}
.legacy .ch-b.typing{display:flex;gap:4px;padding:12px 14px}
.legacy .ch-b.typing i{width:7px;height:7px;border-radius:50%;background:var(--text-3);animation:cht 1s infinite}
.legacy .ch-b.typing i:nth-child(2){animation-delay:.15s}
.legacy .ch-b.typing i:nth-child(3){animation-delay:.3s}
@keyframes cht{0%,100%{opacity:.3}50%{opacity:1}}.legacy .ch-quick{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 4px}
.legacy .ch-compose{display:flex;align-items:center;gap:8px;padding:6px 0 10px}
.legacy .ch-ib{flex:none;width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--border-soft);display:grid;place-items:center;color:var(--text);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.legacy .ch-ib svg{width:19px;height:19px}
.legacy .ch-ib.red{background:var(--primary);border-color:transparent;color:var(--on-primary)}
.legacy .ch-ib.rec{transform:scale(1.15);box-shadow:0 0 0 8px rgba(var(--primary-rgb),.25)}
.legacy .ch-in{flex:1;min-width:0}
.legacy .ch-in input{width:100%;height:42px;border-radius:21px;border:1px solid var(--border-soft);background:var(--surface);padding:0 14px;color:var(--text);font-size:14.5px}
.legacy .ch-bottom{position:relative}
.legacy .ch-compose.recording .ch-in,.legacy .ch-compose.recording #chPhoto{visibility:hidden}
.legacy .ch-recbar{position:absolute;left:0;right:56px;bottom:10px;height:42px;display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:21px;background:var(--surface);border:1px solid var(--border-soft);font-size:13px;color:var(--text-2);overflow:hidden;z-index:2}
.legacy .ch-recbar[hidden]{display:none}
.legacy .ch-rdot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--live);animation:cht .9s infinite}
.legacy .ch-recbar #chRecT{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;min-width:38px}
.legacy .ch-rwave{flex:1;display:flex;align-items:center;gap:2px;height:24px;overflow:hidden}
.legacy .ch-rwave b{flex:1;height:4px;border-radius:2px;background:var(--text-3);transition:height .12s}
.legacy .ch-rslide{flex:none;font-style:normal;white-space:nowrap;color:var(--text-2);transition:opacity .1s}
.legacy .ch-rcancel,.legacy .ch-rsend{display:none}
.legacy .ch-recbar.locked .ch-rslide{display:none}
.legacy .ch-recbar.locked .ch-rcancel{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;color:#FF8A8A;font-weight:700;font-size:12.5px}
.legacy .ch-recbar.locked .ch-rsend{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--on-primary);flex:none}
.legacy .ch-rsend svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.legacy .ch-recbar.cancel{animation:chcancel .4s forwards}
@keyframes chcancel{to{transform:translateX(-30px);opacity:0}}.legacy .ch-recbar.cancel .ch-rdot{background:var(--text-3)}
.legacy .ch-ib.rec{transform:scale(1.4);box-shadow:0 0 0 10px rgba(var(--primary-rgb),.22);animation:chpulse 1s infinite}

@keyframes chpulse{0%,100%{box-shadow:0 0 0 10px rgba(var(--primary-rgb),.22)}50%{box-shadow:0 0 0 16px rgba(var(--primary-rgb),.08)}}.legacy .ch-lock{position:absolute;right:4px;bottom:66px;width:34px;height:62px;border-radius:17px;background:var(--surface);border:1px solid var(--border-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-2);z-index:2;animation:chlockin .25s}
.legacy .ch-lock[hidden]{display:none}
.legacy .ch-lock svg{width:16px;height:16px}
.legacy .ch-lock i{font-style:normal;font-size:10px;animation:chup 1s infinite}
.legacy .ch-lock.on{background:var(--primary);border-color:transparent;color:var(--on-primary)}
.legacy .ch-lock.on i{display:none}

@keyframes chup{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes chlockin{from{opacity:0;transform:translateY(8px)}}.legacy .ch-presets{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 12px}
.legacy .ed-hero2{position:relative;margin:0 calc(-1*var(--pad));padding:0 var(--pad) 14px;background:#17334C center top/cover no-repeat;border-radius:0 0 26px 26px;overflow:hidden;isolation:isolate}
.legacy .ed-hero2::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(9,27,48,.4) 0%,rgba(9,27,48,.1) 25%,rgba(9,27,48,.18) 62%,rgba(9,27,48,.55) 84%,rgba(9,27,48,.85) 100%)}
.legacy .ed-cover2{position:relative;height:150px}
.legacy .ed-cover2 .ed-top{position:relative}
.legacy .ed-head{position:relative;z-index:1;display:grid;grid-template-columns:64px 1fr;column-gap:14px;align-items:start;margin-top:0}
.legacy .ed-logo2{width:64px;height:64px;border-radius:16px;object-fit:cover;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.4);display:grid;place-items:center;font-weight:800;font-size:26px;color:#091B30;margin-top:4px}
.legacy .ed-headtx{min-width:0;padding-top:8px}
.legacy .ed-headtx h1{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:24px;line-height:1.1;letter-spacing:-.4px;margin:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.legacy .ed-headtx p{font-size:13.5px;color:rgba(255,255,255,.9);margin:6px 0 0;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.legacy .ed-rate{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:#fff;flex-wrap:wrap;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.legacy .ed-rate .ed-star{color:#F5C842;font-style:normal;font-size:15px}
.legacy .ed-rate b{font-size:14px;font-weight:800}
.legacy .ed-rate em{color:var(--text-3);font-style:normal}
.legacy .ed-rate>span:not(.ed-badge){color:rgba(255,255,255,.8)}
.legacy .ed-rate .ed-badge{margin-left:4px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;font-size:11px}
.legacy .ed-badge svg{width:12px;height:12px}
.legacy .ed-social{display:flex;align-items:center;gap:6px;margin-top:10px;margin-left:-78px}
.legacy .ed-contacts2{margin-top:8px;flex-wrap:wrap}
.legacy .ed-followers{display:inline-flex;align-items:center;gap:4px;color:rgba(255,255,255,.8)}
.legacy .ed-followers[hidden]{display:none}
.legacy .ed-followers b{color:#fff}
.legacy .ed-sp{flex:1}
.legacy .ed-so{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 5px;border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:var(--text);text-decoration:none;font-size:12px;font-weight:600;transition:transform .14s}
.legacy .ed-so:active{transform:scale(.95)}
.legacy .ed-so i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff}
.legacy .ed-so i svg{width:13px;height:13px}
.legacy .ed-so.wa i{background:#25D366}
.legacy .ed-so.ig i{background:linear-gradient(45deg,#f58529,#dd2a7b 50%,#8134af)}
.legacy .ed-so.web i{background:var(--marine)}
.legacy .ed-rbtn{width:34px;height:34px;flex:none;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:var(--text);transition:transform .14s}
.legacy .ed-rbtn:active{transform:scale(.92)}
.legacy .ed-rbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.legacy .ed-rbtn.mk-fav-btn.on svg{fill:#FF2A36;stroke:#FF2A36}
.legacy .ed-tabs{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0 2px;padding:6px 0;background:var(--bg);transition:padding-top .15s}
.legacy .ed-tabs.stuck{padding-top:calc(6px + var(--sat))}
.legacy .ed-sentinel{height:1px;margin-top:-1px}
.legacy .ed-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:5px 2px;border-radius:13px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-2);font-size:11px;font-weight:600;min-width:0;transition:background .15s,color .15s}
.legacy .ed-tabs button i{display:grid;flex:none}
.legacy .ed-tabs button i svg{width:15px;height:15px}
.legacy .ed-tabs button span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .ed-tabs button.on{background:var(--marine);border-color:var(--marine);color:#fff}
.legacy .ed-tabs button i svg{width:16px;height:16px}
.legacy .ed-reviews[hidden]{display:none}
.legacy .ed-sec{padding-top:14px;scroll-margin-top:calc(70px + var(--sat))}
.legacy .ed-sech{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.legacy .ed-sech h2{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:18px;letter-spacing:-.2px;margin:0;line-height:1.1}
.legacy .ed-sech p{margin:2px 0 0;font-size:12.5px;color:var(--text-3)}
.legacy .ed-all{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text);font-size:12.5px;font-weight:600;margin-top:2px}
.legacy .ed-all svg{width:14px;height:14px}
.legacy .ed-h3{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:19px;letter-spacing:-.2px;margin:0 0 8px;line-height:1.2}
.legacy .ed-courses{display:flex;flex-direction:column;gap:8px}
.legacy .ed-course{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:16px;background:var(--surface);border:1px solid var(--border-soft)}
.legacy .ed-course>i{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--marine-soft);color:var(--marine)}
.legacy .ed-course>i svg{width:18px;height:18px}
.legacy .ed-course>div{flex:1;min-width:0}
.legacy .ed-course b{display:block;font-size:14.5px;font-weight:600;line-height:1.25}
.legacy .ed-course span{display:block;font-size:12px;color:var(--text-3);margin-top:2px}
.legacy .ed-lvl{flex:none;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;font-style:normal;background:rgba(255,255,255,.08);color:var(--text-2)}
.legacy .ed-lvl.beginner{background:#B9F2D4;color:#0b4a2f}
.legacy .ed-lvl.intermediate{background:#F5C842;color:#4a3700}
.legacy .ed-lvl.advanced{background:#FF8A8A;color:#5a0a0a}
.legacy .ed-course .icbtn{flex:none}
.legacy .ed-list{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;overflow:hidden}
.legacy .ed-row{display:flex;align-items:center;gap:10px;min-height:46px;padding:7px 12px 7px 14px;border-top:1px solid var(--border-soft)}
.legacy .ed-row:first-child{border-top:0}
.legacy .ed-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--text-3)}
.legacy .ed-dot.beginner{background:#5EDBA0}
.legacy .ed-dot.intermediate{background:#F5C842}
.legacy .ed-dot.advanced{background:#FF6B6B}
.legacy .ed-row b{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.25}
.legacy .ed-row .ed-lvl{padding:3px 8px;font-size:10.5px}
.legacy .ed-row span{flex:none;font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums;min-width:30px;text-align:right}
.legacy .ed-chips{display:flex;flex-wrap:wrap;gap:7px}
.legacy .ed-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft);font-size:12.5px;font-weight:600;color:var(--text);line-height:1}
.legacy .ed-chip i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--marine-soft);color:var(--marine)}
.legacy .ed-chip i svg{width:13px;height:13px}
.legacy .ed-amen{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.legacy .ed-am{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);min-width:0}
.legacy .ed-am i{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--marine-soft);color:var(--marine)}
.legacy .ed-am i svg{width:17px;height:17px}
.legacy .ed-am span{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.25}
.legacy .ed-am b{flex:none;width:20px;height:20px;border-radius:50%;background:#B9F2D4;color:#0b4a2f;display:grid;place-items:center}
.legacy .ed-am b svg{width:12px;height:12px}
.legacy .lb-feat,.legacy .lb-card{position:relative;margin:0;border-radius:20px;overflow:hidden;background:var(--surface-2);cursor:pointer;transition:transform .15s var(--ease)}
.legacy .lb-feat:active,.legacy .lb-card:active{transform:scale(.985)}
.legacy .lb-feat{aspect-ratio:1.3;margin-bottom:8px}
.legacy .lb-feat img,.legacy .lb-feat video,.legacy .lb-card img,.legacy .lb-card video{display:block;width:100%;height:100%;object-fit:cover}
.legacy .lb-feat::after,.legacy .lb-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,.18) 0%,rgba(9,27,48,0) 35%,rgba(9,27,48,0) 55%,rgba(9,27,48,.85) 100%);pointer-events:none}
.legacy .lb-feat figcaption{position:absolute;left:14px;right:120px;bottom:12px;z-index:1;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.legacy .lb-feat figcaption b{display:block;font-size:17px;font-weight:700;line-height:1.2}
.legacy .lb-feat figcaption span{display:block;font-size:12.5px;color:rgba(255,255,255,.85);margin-top:2px}
.legacy .lb-chip{position:absolute;left:10px;top:10px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:rgba(9,27,48,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:11.5px;font-weight:600;border:1px solid rgba(255,255,255,.14)}
.legacy .lb-chip svg{width:13px;height:13px}
.legacy .lb-feat .lb-expand{z-index:1;width:32px;height:32px;right:10px;top:10px}
.legacy .lb-pager{position:absolute;right:10px;bottom:12px;z-index:1;display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:rgba(9,27,48,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#fff}
.legacy .lb-pager button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff}
.legacy .lb-pager button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.legacy .lb-pager button:last-child svg{transform:scaleX(-1)}
.legacy .lb-pager b{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;padding:0 4px}
.legacy .lb-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.legacy .lb-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.legacy .lb-row3 .lb-card{aspect-ratio:.9}
.legacy .lb-row2 .lb-card{aspect-ratio:1.45}
.legacy .lb-card .lb-chip{padding:5px 8px;font-size:10.5px;left:8px;top:8px}
.legacy .lb-card .lb-chip svg{width:11px;height:11px}
.legacy .lb-card figcaption{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;color:#fff;font-size:12px;font-weight:600;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.legacy .lb-row2 .lb-card figcaption{font-size:13px}
.legacy .ed-rating2{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;padding:14px 12px 14px 16px}
.legacy .ed-rating2 .ed-big{padding-right:14px;border-right:1px solid var(--border-soft)}
.legacy .ed-last{min-width:0}
.legacy .ed-last p{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.legacy .ed-more{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--text-2);background:var(--surface-2)}
.legacy .ed-more svg{width:16px;height:16px}
.legacy .ed-toggle{display:block;margin:10px auto 0;font-size:13.5px;font-weight:600}
.legacy .sc-th-cat{position:absolute;left:0;right:0;bottom:0;padding:3px 4px;background:rgba(9,27,48,.75);color:#fff;font-size:9.5px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .sc-th-prev{border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:var(--surface-2);margin-bottom:12px}
.legacy .sc-th-prev img,.legacy .sc-th-prev video{width:100%;height:100%;object-fit:cover;display:block}
.legacy .lb-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:150px;grid-auto-flow:dense;gap:8px}
.legacy .lb-grid figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:var(--surface-2);cursor:pointer;transition:transform .15s var(--ease)}
.legacy .lb-grid figure:active{transform:scale(.985)}
.legacy .lb-grid figure.wide{grid-column:1/-1;grid-row:span 2}
.legacy .lb-grid figure.tall{grid-row:span 2}
.legacy .lb-grid img,.legacy .lb-grid video{display:block;width:100%;height:100%;object-fit:cover}
.legacy .lb-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 11px;background:linear-gradient(180deg,rgba(9,27,48,0),rgba(9,27,48,.78));color:#fff;font-size:12.5px;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.legacy .lb-grid figure.wide figcaption{font-size:14px;padding:44px 14px 13px}
.legacy .lb-expand{position:absolute;right:8px;top:8px;width:28px;height:28px;border-radius:50%;background:rgba(9,27,48,.45);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;opacity:.85}
.legacy .lb-expand svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.legacy .lb-play{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.4);display:grid;place-items:center;color:#fff}
.legacy .lb-play svg{width:22px;height:22px;fill:currentColor;margin-left:3px}
.legacy #lb{--lbA:.32;position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .22s var(--ease),background-color .2s;
  background:rgba(9,27,48,var(--lbA));-webkit-backdrop-filter:blur(9px) saturate(1.1);backdrop-filter:blur(9px) saturate(1.1)}
.legacy #lb.on{opacity:1;pointer-events:auto}
.legacy #lb.drag{--lbA:.16}
.legacy .lb-top{display:flex;align-items:center;gap:10px;padding:calc(10px + var(--sat)) 14px 8px;color:#fff;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.legacy .lb-top span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.legacy .lb-top b{font-weight:600;color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums}
.legacy .lb-x{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.legacy .lb-x svg{width:18px;height:18px}
.legacy .lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 14px;overflow:hidden;touch-action:none}
.legacy .lb-media{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;will-change:transform}
.legacy .lb-media img,.legacy .lb-media video{display:block;max-width:100%;max-height:calc(100dvh - 230px - var(--sat) - var(--sab));object-fit:contain;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.legacy .lb-cap{margin:0;padding:8px 18px 0;color:#fff;font-size:14px;line-height:1.4;text-align:center;min-height:22px;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.legacy .lb-nav{position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2}
.legacy .lb-nav svg{width:20px;height:20px}
.legacy .lb-nav.prev{left:10px}
.legacy .lb-nav.next{right:10px}
.legacy #lb.drag .lb-nav,.legacy #lb.drag .lb-top,.legacy #lb.drag .lb-thumbs,.legacy #lb.drag .lb-cap{opacity:.35;transition:opacity .15s}
.legacy .lb-thumbs{display:flex;gap:6px;justify-content:safe center;overflow-x:auto;scrollbar-width:none;padding:12px 16px calc(14px + var(--sab));min-height:20px}
.legacy .lb-thumbs::-webkit-scrollbar{display:none}
.legacy .lb-th{flex:none;width:44px;height:58px;border-radius:9px;overflow:hidden;padding:0;border:2px solid transparent;opacity:.6;transform:scale(.9);transition:all .18s var(--ease);background:rgba(255,255,255,.1)}
.legacy .lb-th img,.legacy .lb-th video{width:100%;height:100%;object-fit:cover;display:block}
.legacy .lb-th.on{opacity:1;transform:scale(1);border-color:#fff;width:52px}

@media (min-width:700px) and (hover:hover) and (pointer:fine){.legacy #lb{position:absolute}
}.legacy .fab{position:fixed;right:calc(16px + var(--sar));bottom:calc(96px + var(--sab));z-index:25;height:52px;padding:0 20px 0 16px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(145deg,var(--primary-hi),var(--primary) 50%,var(--primary-700));color:var(--on-primary);font-weight:700;font-size:14.5px;box-shadow:0 10px 28px rgba(var(--primary-rgb),.45),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .15s var(--ease),box-shadow .2s}
.legacy .fab:active{transform:scale(.95)}

@media (min-width:520px) and (hover:hover) and (pointer:fine){.legacy .fab{right:calc(50% - 240px + 16px)}
}.legacy .sc-cta .btn{margin-top:12px;height:46px;gap:8px}
.legacy .sc-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.legacy .sc-card{position:relative;display:block;width:100%;text-align:left;height:200px;border-radius:20px;overflow:hidden;background:#17334C center/cover no-repeat;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.28);padding:0}
.legacy .sc-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,.05) 0%,rgba(9,27,48,.2) 45%,rgba(9,27,48,.9) 100%)}
.legacy .sc-card.feat{box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 2px #F5C842}
.legacy .sc-card:active{transform:scale(.985)}
.legacy .sc-feat{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:#F5C842;color:#091B30;font-size:11px;font-weight:800}
.legacy .sc-card .mk-st{left:12px;top:12px}
.legacy .sc-cbody{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px;align-items:flex-end;padding:14px}
.legacy .sc-cbody>div{min-width:0;flex:1}
.legacy .sc-cbody b{display:block;font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:21px;font-weight:700;letter-spacing:-.3px;text-shadow:0 1px 8px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .sc-cbody span{display:block;font-size:12.5px;color:rgba(255,255,255,.85);text-shadow:0 1px 6px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .sc-logo{flex:none;width:52px;height:52px;border-radius:14px;object-fit:cover;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.legacy .sc-logo.lg{width:72px;height:72px;border-radius:18px}
.legacy .sc-logo-ini{display:grid;place-items:center;font-weight:800;font-size:22px;color:#091B30;background:#fff}
.legacy .sc-cbody .sc-logo-ini{display:grid;color:#091B30;text-shadow:none;font-size:22px;overflow:visible}
.legacy .sc-rate{font-size:12px!important;color:#F5C842!important;font-weight:600;margin-top:3px}
.legacy .sc-stars i{font-style:normal;color:rgba(255,255,255,.25)}
.legacy .sc-stars i.on{color:#F5C842}
.legacy .sc-hero{position:relative;min-height:300px;margin:0 calc(-1*var(--pad));background:#17334C center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.legacy .sc-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,.5) 0%,rgba(9,27,48,0) 30%,rgba(9,27,48,.25) 60%,var(--bg) 100%)}
.legacy .sc-hero>*{position:relative}
.legacy .sc-hero-b{display:flex;gap:14px;align-items:flex-end;padding:14px var(--pad) 8px}
.legacy .sc-hero-b h2{font-family:Sora,"Plus Jakarta Sans",sans-serif;font-size:26px;letter-spacing:-.4px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.legacy .sc-tag{font-size:14px;color:rgba(255,255,255,.9);margin:3px 0 4px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.legacy .sc-contact{display:grid;gap:8px;margin-top:12px}
.legacy .sc-contact .btn{text-decoration:none}
.legacy .sc-book{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.legacy .sc-book figure{margin:0 calc(-1*var(--pad));border-radius:0}
.legacy .sc-book img,.legacy .sc-book video{display:block;width:100%;max-height:70vh;object-fit:cover;background:var(--surface-2)}
.legacy .sc-book figcaption{padding:8px var(--pad) 0;font-size:13px;color:var(--text-2);font-style:italic}
.legacy .sc-dist>div{display:grid;grid-template-columns:34px 1fr 24px;gap:10px;align-items:center;font-size:12.5px;color:var(--text-2);padding:3px 0}
.legacy .sc-dist i{display:block;height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.legacy .sc-dist b{display:block;height:100%;background:#F5C842;border-radius:999px}
.legacy .sc-dist span:last-child{text-align:right}
.legacy .sc-reviews{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.legacy .sc-rev p{margin-top:10px;font-size:14.5px;line-height:1.5;white-space:pre-wrap}
.legacy .sc-rev.hid{opacity:.45}
.legacy .sc-revh{display:flex;gap:10px;align-items:center}
.legacy .sc-revh>div{flex:1;min-width:0}
.legacy .sc-revh b{display:block;font-size:14px}
.legacy .sc-revh .av-img,.legacy .sc-revh .av-ini{border-radius:10px}
.legacy .sc-spots{max-height:260px;overflow-y:auto}
.legacy @media (min-width:700px) and (hover:hover) and (pointer:fine){
  html,body{height:100%;overflow:hidden}
  body{display:flex;align-items:center;justify-content:center;padding:28px;background:#05101f}
  /* fundo: a própria imagem, desfocada e escurecida (nitidez fica na moldura) */
  body::before{content:"";position:fixed;inset:0;z-index:0;background:url(img/splash-v2.webp) center/cover no-repeat;filter:blur(46px) saturate(.8) brightness(.5);transform:scale(1.18)}
  body::after{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(120% 90% at 50% 30%,rgba(9,27,48,.25),rgba(3,9,18,.9))}
  /* a moldura do "celular" */
  #app{position:relative;z-index:1;width:min(430px,100%);height:min(924px,96vh);min-height:0;
       border-radius:38px;overflow:hidden;transform:translateZ(0);isolation:isolate;
       box-shadow:0 44px 100px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06),inset 0 0 0 1px rgba(255,255,255,.03)}
  /* telas rolam por dentro da moldura; a barra fica colada no rodapé da moldura */
  #auth,#main{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
  .screen{min-height:100%}
  #auth{min-height:100%;padding-top:44px;padding-bottom:36px;justify-content:center}
  #main{padding-bottom:calc(88px)}
  .loader{min-height:420px}
  /* tudo que é fixo (splash, abas, picker, sheet, toast) agora se ancora na moldura */
  #splash,.sheet,.tabs,#langPick,.fab{position:absolute}
  .fab{right:16px;bottom:96px}
  .toast{bottom:104px}
  /* esconde a barra de rolagem, mantendo o scroll */
  #auth::-webkit-scrollbar,#main::-webkit-scrollbar{width:0;height:0}
  #auth,#main{scrollbar-width:none}
}

@media (min-width:700px) and (max-height:760px) and (hover:hover) and (pointer:fine){.legacy #app{height:94vh}

}.legacy .pa-card{margin-top:12px}
.legacy .pa-card h3{margin:0 0 10px;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.legacy .pa-reach{font-size:12px;font-weight:500;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:999px;padding:3px 10px;white-space:nowrap}
.legacy .pa-reach b{color:var(--text)}
.legacy .pa-emo{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 12px}
.legacy .pa-emo button{width:36px;height:32px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border-soft);font-size:17px}
.legacy .pa-seg{display:flex;flex-wrap:wrap;gap:6px}
.legacy .pa-seg button{flex:1 1 auto;min-width:0;height:34px;padding:0 10px;border-radius:9px;background:var(--surface);border:1px solid var(--border-soft);font-size:13px;color:var(--text-2);white-space:nowrap}
.legacy .pa-seg button.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}
.legacy .pa-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.legacy .pa-chips button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-soft);font-size:13px;color:var(--text)}
.legacy .pa-chips button em{font-style:normal;font-size:11px;font-weight:600;color:var(--text-2);background:rgba(255,255,255,.08);border-radius:999px;padding:1px 6px}
.legacy .pa-chips button.on{background:var(--primary-soft);border-color:rgba(var(--primary-rgb),.5);color:var(--text)}
.legacy .pa-chips button.on em{background:var(--primary);color:var(--on-primary)}
.legacy .pa-chips button[hidden]{display:none}
.legacy .pa-chips .pa-more{background:transparent;border-style:dashed;color:var(--text-2)}
.legacy .pa-chips.sm{margin-top:0}
.legacy .pa-chips.sm button{height:30px;font-size:12.5px}
.legacy .pa-adv{margin-top:12px;border-top:1px solid var(--border-soft);padding-top:10px}
.legacy .pa-adv summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:10px}
.legacy .pa-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.legacy .pa-img{position:relative}
.legacy .pa-img img{display:block;width:100%;max-height:160px;object-fit:cover;border-radius:12px}
.legacy .field .pa-add{display:grid;place-items:center;height:64px;margin:0;border:1.5px dashed var(--border);border-radius:12px;color:var(--text-2);font-size:14px;cursor:pointer}
.legacy .pa-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:0}
.legacy .pa-preview{margin-top:6px}
.legacy .pa-pv{display:flex;align-items:center;gap:10px;background:#1C2B3F;border:1px solid var(--border-soft);border-radius:14px;padding:10px 12px}
.legacy .pa-pv img{width:36px;height:36px;border-radius:9px;flex:none}
.legacy .pa-pv>div{min-width:0;flex:1}
.legacy .pa-pv b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legacy .pa-pv span{display:block;font-size:13px;color:var(--text-2);line-height:1.3}
.legacy .pa-pv small{font-size:11px;color:var(--text-3);align-self:flex-start}
.legacy .pa-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px}
.legacy .pa-stats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--text-2)}
.legacy .pa-stats b{color:var(--text)}
.legacy .pa-row{display:flex;align-items:center;gap:8px}
.legacy .chip.sched{background:rgba(95,179,255,.15);color:#BFE0FF;border-color:rgba(95,179,255,.35)}
.legacy .hv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.legacy .hv-head h3{margin:0;min-width:0}
.legacy .hv-seg{flex:none;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft)}
.legacy .hv-seg button{height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--text-2);white-space:nowrap}
.legacy .hv-seg button.on{background:var(--primary);color:var(--on-primary)}
.legacy .wchart{position:relative;padding:6px 0 8px}
.legacy .wc-top{display:grid;grid-template-columns:repeat(24,46px);height:30px;align-items:center;text-align:center;font-size:17px}
.legacy .wc-top span.on{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0 -10px;height:26px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:12px}
.legacy .wc-top span.on b{font-weight:700}
.legacy .wc-svg{display:block}
.legacy .wc-yax{position:sticky;left:0;height:0;width:0;z-index:2}
.legacy .wc-yax span{position:absolute;left:4px;font-size:10.5px;font-weight:600;color:rgba(242,245,243,.6);padding:0 4px;border-radius:6px;background:rgba(9,27,48,.55)}
.legacy .wc-grid line{stroke:rgba(191,211,224,.12);stroke-width:1}
.legacy .wc-wind{fill:none;stroke:#F2F5F3;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.legacy .wc-gust{fill:none;stroke:rgba(242,245,243,.75);stroke-width:1.6;stroke-dasharray:4 4}
.legacy .wc-now{stroke:var(--primary);stroke-width:2}
.legacy .wc-arr{fill:#0B1F33;stroke:rgba(242,245,243,.85);stroke-width:.8}
.legacy .wc-kt{fill:#F2F5F3;font-size:12.5px;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:#0B1F33;stroke-width:3px}
.legacy .wc-g{fill:rgba(242,245,243,.75);font-size:10.5px;font-weight:600;text-anchor:middle;paint-order:stroke;stroke:#0B1F33;stroke-width:3px}
.legacy .wc-h{fill:var(--text-2,#9fb6c8);font-size:11.5px;text-anchor:middle}
.legacy .wc-kite{display:grid;grid-template-columns:repeat(24,46px);gap:0;height:8px}
.legacy .wc-kite i{display:block;height:6px;margin:0 4px;border-radius:3px}
.legacy .wc-leg{position:sticky;left:0;display:flex;gap:14px;padding:8px var(--pad,16px) 0;font-size:11.5px;color:var(--text-2);width:max-content}
.legacy .wc-leg span{display:inline-flex;align-items:center;gap:6px}
.legacy .wc-leg i{display:inline-block;width:16px;height:0;border-top:2.6px solid #F2F5F3}
.legacy .wc-leg i.l2{border-top:1.6px dashed rgba(242,245,243,.75)}
.legacy .wc-leg i.l3{height:6px;border:0;border-radius:3px;background:#F5C842}
.legacy .site{display:block;padding:0;height:auto;overflow:auto;background:var(--bg)}
.legacy .site,.legacy :has(body.site){height:auto!important;overflow:auto!important;overflow-y:auto!important}
.legacy .site{overflow:visible!important;height:auto!important}
.legacy .site::before,.legacy .site::after{display:none}
.legacy .site #app{width:100%;max-width:none;height:auto;min-height:100vh;border-radius:0;overflow:visible;box-shadow:none;transform:none}
.legacy .site #auth,.legacy .site #main{height:auto;overflow:visible}
.legacy .site #main{padding-bottom:40px}
.legacy .site #auth.on{display:flex;flex-direction:column;justify-content:center;max-width:440px;margin:0 auto;min-height:100vh}
.legacy .site .sheet{position:fixed;align-items:center}
.legacy .site .sheet .box{border-radius:20px;border-bottom:1px solid var(--border-soft);max-width:520px}
.legacy .site .sheet .box::before{display:none}
.legacy .site .toast{position:fixed;bottom:32px}
.legacy .site .fab{position:fixed;right:32px;bottom:32px}
.legacy .site #splash{display:none}
.legacy .site #lb{position:fixed}
.legacy .site #langPick{position:fixed}
.legacy .site .topbar{position:sticky;top:0;z-index:30;max-width:none;padding:10px max(24px,calc((100vw - 1280px)/2));background:rgba(9,27,48,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}
.legacy .site .top-right{gap:12px}
.legacy .site .tabs{position:static;display:block;pointer-events:auto;order:-1}
.legacy .site .tabs nav{width:auto;display:flex;gap:2px;background:none;backdrop-filter:none;border:0;padding:0}
.legacy .site .tabs button{flex-direction:row;gap:7px;font-size:14px;font-weight:600;color:var(--text-2);padding:8px 12px;border-radius:10px}
.legacy .site .tabs button:hover{background:var(--surface);color:var(--text)}
.legacy .site .tabs button.on{color:var(--text);background:var(--primary-soft);box-shadow:none}
.legacy .site .tabs .ic-wrap{width:18px;height:18px}
.legacy .site .tabs .ico{width:18px;height:18px}
.legacy .site .spot-pick{max-width:240px}
.legacy .site .view{max-width:1328px;margin:0 auto;padding:0 24px}
.legacy .site #v-spots .favlist,.legacy .site #v-favs .favlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}
.legacy @media (min-width:1100px){
  body.site #v-spots .favlist,body.site #v-favs .favlist,body.site .sc-list,body.site .mk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  body.site .mk-grid .mk-ph{aspect-ratio:4/3}
}
.legacy .site .favcard::before{background:linear-gradient(180deg,rgba(9,27,48,.42) 0%,rgba(9,27,48,.22) 45%,rgba(9,27,48,.18) 60%,rgba(9,27,48,.74) 100%)}
.legacy .site .ad-cards{grid-auto-columns:220px}
.legacy .dk-head{display:flex;align-items:flex-end;gap:24px;margin:22px 0 14px}
.legacy .dk-head h1{font-size:34px;letter-spacing:-.02em;line-height:1.05}
.legacy .dk-head .sub{color:var(--text-2);font-size:14px;margin-top:4px}
.legacy .dk-head .verdict{margin-left:auto;max-width:420px}
.legacy .dk-head .sb-star{position:static}
.legacy .dk-ads{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;margin:4px 0 18px}
.legacy .dk-ads .ad-row{margin:0}
.legacy .dk-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.legacy .dk-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:76px}
.legacy .dk-side .now{margin:0}
.legacy .dk-side .lw{margin:0}
.legacy .dk-side h2{margin:6px 0 0;font-size:17px}
.legacy .dk-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:14px 16px}
.legacy .dk-sec{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 10px}
.legacy .dk-sec h2{margin:0;font-size:20px}
.legacy .fcw{overflow-x:auto;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface);scrollbar-width:thin}
.legacy .fcw table{border-collapse:separate;border-spacing:0;font-size:12.5px}
.legacy .fcw th{position:sticky;left:0;z-index:2;background:var(--surface);text-align:left;font-weight:600;color:var(--text-2);padding:0 12px;white-space:nowrap;height:30px;border-right:1px solid var(--border-soft)}
.legacy .fcw td{min-width:34px;height:30px;text-align:center;padding:0 2px;white-space:nowrap}
.legacy .fcw td.d0{border-left:1px solid var(--border)}
.legacy .fcw tr.day td{font-weight:700;font-size:12px;color:var(--text);text-align:left;padding-left:8px;border-left:1px solid var(--border);background:var(--surface-2)}
.legacy .fcw tr.day th{background:var(--surface-2)}
.legacy .fcw tr.hr td{color:var(--text-2);font-size:11.5px}
.legacy .fcw td.kt,.legacy .fcw td.g{color:#0A1A2B;font-weight:700}
.legacy .fcw td.cnow{box-shadow:inset 2px 0 0 var(--primary),inset -2px 0 0 var(--primary)}
.legacy .fcw tr.hr td.cnow{color:var(--on-primary);background:var(--primary);border-radius:6px 6px 0 0}
.legacy .fcw .arr{display:inline-block;width:16px;height:16px;transform:rotate(var(--a))}
.legacy .fcw .arr svg{width:100%;height:100%;fill:#5FB3FF}
.legacy .fcw td.kite i{display:inline-block;width:22px;height:6px;border-radius:3px}
.legacy .fcw td.rain{color:#7cc4ff;font-size:11.5px}
.legacy .fcw .wx svg{width:20px;height:20px}
.legacy .fcw-leg{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;font-size:11px;color:var(--text-3);align-items:center}
.legacy .fcw-leg span{padding:2px 7px;border-radius:5px;color:#0A1A2B;font-weight:700}
.legacy .av-img,.legacy .av-ini{border-radius:50%!important}
.legacy .av-svg{display:block;flex:none}
.legacy .top-av,.legacy .top-av::after{border-radius:50%}
.legacy .pf-avatar,.legacy .pf-avatar::after{border-radius:50%}
.legacy .ch-av img{border-radius:50%}
.legacy .ch-gav{border-radius:50%!important;background:#2E4256!important;color:#B9CCDD!important}
.legacy .ch-kind{border-radius:50%!important;width:20px!important;height:20px!important;right:-2px!important;bottom:-2px!important}
.legacy .av-prev{display:grid;place-items:center;margin:6px 0 18px}
.legacy .av-acts{display:grid;gap:8px}
.legacy .av-del{color:#ff7b7b}
.legacy .av-crop{position:relative;width:min(280px,78vw);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:18px;background:#000;touch-action:none;cursor:grab;user-select:none}
.legacy .av-crop:active{cursor:grabbing}
.legacy .av-crop img{position:absolute;max-width:none;pointer-events:none;-webkit-user-drag:none}
.legacy .av-crop::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.58);border:2px solid rgba(255,255,255,.9);pointer-events:none}
.legacy .av-zoom{display:flex;align-items:center;gap:12px;margin:14px 4px 16px;color:var(--text-2)}
.legacy .av-zoom input{flex:1}
.legacy .av-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 16px;justify-items:center}
.legacy .av-grid button{padding:3px;border-radius:50%;border:2.5px solid transparent;line-height:0}
.legacy .av-grid button.on{border-color:var(--text)}
.legacy .av-colors{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.legacy .av-colors button{width:34px;height:34px;border-radius:50%;border:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,.18)}
.legacy .av-colors button.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}
.legacy .ch-older{align-self:center;margin:4px 0 8px;padding:6px 14px;border-radius:999px;background:var(--surface);color:var(--text-2);font-size:12px}
.legacy .ch-b.media .ch-who,.legacy .ch-b.audio .ch-who{padding:4px 6px 2px}
.legacy .onb{display:flex;flex-direction:column;gap:8px}
.legacy .onb-step{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--line,rgba(255,255,255,.12));background:transparent;color:inherit;font:inherit;cursor:pointer}
.legacy .onb-step i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;background:var(--accent,#2D6FD2);color:#fff}
.legacy .onb-step span{display:flex;flex-direction:column;gap:2px}
.legacy .onb-step em{font-style:normal;font-size:13px;opacity:.7}
.legacy .onb-step.done{opacity:.55;cursor:default}
.legacy .onb-step.done i{background:#2E9E68}
.legacy .so-hero.has-cover,.legacy .pf-hero.has-cover{background-size:cover;background-position:center top}
.legacy .pf-hero{position:relative;border-radius:0 0 22px 22px}
.legacy .pf-hero.has-cover{margin:0 calc(-1*var(--pad));padding:56px var(--pad) 6px}
.legacy .pf-cover{position:absolute;top:8px;right:0;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.35);color:#fff;border:1px solid rgba(255,255,255,.18)}
.legacy .pf-hero.has-cover .pf-cover{right:var(--pad)}
.legacy .pf-handle{margin:2px 0 0;font-size:13px;color:var(--text-2)}
.legacy .pf-at{display:flex;align-items:center;gap:0;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);padding-left:12px}
.legacy .pf-at span{color:var(--text-3);font-weight:700}
.legacy .pf-at input{border:0!important;background:transparent!important;flex:1;min-width:0}
.legacy .so-asbar{margin:0 0 8px;padding:8px 12px;border-radius:12px;background:rgba(245,200,66,.14);color:#F5C842;font-size:12.5px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.legacy .so-bio{margin:12px 0 0;color:rgba(255,255,255,.88);font-size:13.5px;line-height:1.45;white-space:pre-wrap}
.legacy .so-stats>button,.legacy .so-stats>div{background:none;border:0;color:inherit;padding:0;font:inherit}
.legacy .so-lock{font-style:normal;font-size:14px}
.legacy .so-follow.pend{background:transparent;color:rgba(255,255,255,.8)}
.legacy .so-follow.small{flex:none;height:30px;padding:0 14px;width:100%;margin-top:6px;background:var(--primary,#2D6FD2);border-color:transparent}
.legacy .so-follow.small.on{background:var(--surface);color:var(--text-2)}
.legacy .so-seg.scrollx{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.legacy .so-seg.scrollx::-webkit-scrollbar{display:none}
.legacy .so-seg.scrollx button{flex:none;height:34px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-2);font-size:13px;font-weight:600}
.legacy .so-seg.scrollx button.on{background:#fff;color:var(--bg);border-color:#fff}
.legacy .so-locked{text-align:center;padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:6px}
.legacy .so-locked i{font-style:normal;font-size:34px}
.legacy .so-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--border-soft);cursor:pointer}
.legacy .so-row:first-child{border-top:0}
.legacy .so-row .av-img{border-radius:50%;flex:none}
.legacy .so-rtx{flex:1;min-width:0;display:flex;flex-direction:column}
.legacy .so-rtx b{font-size:14px}
.legacy .so-rtx em{font-style:normal;font-size:12px;color:var(--text-3)}
.legacy .so-rbtns{display:flex;gap:6px}
.legacy .so-sugg{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px}
.legacy .so-sugg::-webkit-scrollbar{display:none}
.legacy .so-sc{flex:none;width:128px;padding:12px 10px;border-radius:16px;background:var(--surface);border:1px solid var(--border-soft);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;cursor:pointer}
.legacy .so-sc .av-img{border-radius:50%}
.legacy .so-sc b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.legacy .so-sc em{font-style:normal;font-size:11px;color:var(--text-3);min-height:14px}
.legacy .so-switch{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft)}
.legacy .so-switch span{display:flex;flex-direction:column;gap:3px}
.legacy .so-switch em{font-style:normal;font-size:12px;color:var(--text-3)}
.legacy .so-switch input{width:22px;height:22px;flex:none}
.legacy .so-vis{display:flex;flex-direction:column}
.legacy .so-visrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--border-soft)}
.legacy .so-visrow:first-child{border-top:0}
.legacy .so-visrow select{max-width:150px}
.legacy .so-mine{padding:4px 14px}
.legacy .so-line{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 0;border-top:1px solid var(--border-soft);color:var(--text)}
.legacy .so-line:first-child{border-top:0}
.legacy .so-line span{flex:1;display:flex;flex-direction:column;gap:2px}
.legacy .so-line b{font-size:14.5px}
.legacy .so-line em{font-style:normal;font-size:12px;color:var(--text-3)}
.legacy .so-line i{font-style:normal;color:var(--text-3);font-size:20px}
.legacy .so-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.legacy .so-sum>div{padding:10px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);text-align:center}
.legacy .so-sum b{display:block;font-size:18px}
.legacy .so-sum span{font-size:11px;color:var(--text-3)}
.legacy .fd-seg{grid-template-columns:1fr 1fr;margin:0 0 12px}
.legacy .fd-replying{font-size:12px;color:var(--text-2);margin:0 0 6px}
.legacy .fd-cmt.reply{margin-left:34px}
.legacy .fd-cacts{display:flex;gap:12px;margin-top:2px}
.legacy .fd-cmt p{margin:2px 0 0}
.legacy #sheetBox .ed-adm.on{color:#fff;font-weight:700}
.legacy .glass.pill{padding:0 14px;font-size:13px;font-weight:700;color:#fff}
.legacy .sc-from{color:#F5C842;font-weight:700}
.legacy .ed-row .ed-price{margin-left:auto;color:#F5C842;font-weight:700;font-size:12.5px;white-space:nowrap}
.legacy .sc-team{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.legacy .sc-team::-webkit-scrollbar{display:none}
.legacy .sc-inst{flex:none;width:96px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:none;border:0;color:inherit}
.legacy .sc-inst .av-img{border-radius:50%}
.legacy .sc-inst b{font-size:12.5px}
.legacy .sc-inst em{font-style:normal;font-size:11px;color:var(--text-3);line-height:1.2}
.legacy .sc-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.legacy .sc-ptile{padding:12px 8px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);text-align:center}
.legacy .sc-ptile b{display:block;font-size:20px}
.legacy .sc-ptile span{font-size:11px;color:var(--text-3)}
.legacy .sc-ptile.warn{border-color:#F5C842}
.legacy .sc-ptile.warn b{color:#F5C842}
.legacy .rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 8px}
.legacy .rp-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.legacy .ch-b.card.lesson.accepted{border-color:#2E9E68}
.legacy .ch-b.card.lesson.declined,.legacy .ch-b.card.lesson.cancelled{opacity:.7}
.legacy .sp-info{display:flex;gap:14px;align-items:center;margin-top:12px}
.legacy .sp-compass{width:96px;height:96px;flex:none}
.legacy .sp-ring{fill:rgba(255,255,255,.04);stroke:var(--border-soft)}
.legacy .sp-good{fill:rgba(46,158,104,.45)}
.legacy .sp-compass text{font-size:8px;fill:var(--text-3);font-weight:700}
.legacy .sp-arrow{fill:#5FB3FF}
.legacy .sp-arrow.off{fill:#FF8A8A}
.legacy .sp-arrow.side{fill:#F5C842}
.legacy .sp-arrow.good{fill:#3DDC97}
.legacy .sp-itx{display:flex;flex-direction:column;gap:4px;min-width:0}
.legacy .sp-itx b{font-size:14px}
.legacy .sp-now{font-size:12.5px;color:var(--text-2)}
.legacy .sp-now.off{color:#FF8A8A}
.legacy .sp-now.side{color:#F5C842}
.legacy .sp-now.good{color:#3DDC97}
.legacy .sp-chips{display:flex;flex-wrap:wrap;gap:4px}
.legacy .sp-chips i{font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border-soft)}
.legacy .sp-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.legacy .sp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.legacy .sp-stat{padding:10px 4px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);text-align:center;color:inherit}
.legacy .sp-stat b{display:block;font-size:18px}
.legacy .sp-stat span{font-size:10.5px;color:var(--text-3)}
.legacy .sp-sch{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:4px}
.legacy .sp-sch::-webkit-scrollbar{display:none}
.legacy .sp-sc{flex:none;width:120px;padding:10px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit;text-align:center}
.legacy .sp-sc img,.legacy .sp-sc .sc-logo{width:44px;height:44px;border-radius:12px;object-fit:cover}
.legacy .sp-sc b{font-size:12.5px;line-height:1.2}
.legacy .sp-sc em{font-style:normal;font-size:11px;color:var(--text-3)}
.legacy .fc-cmp{font-weight:800;font-size:15px}
.legacy .fc-cmp.on{background:#3DDC97;color:#06281A}
.legacy .sp-map{height:62vh;min-height:320px;border-radius:18px;overflow:hidden;border:1px solid var(--border-soft)}
.legacy .sp-pin{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 6px;border-radius:999px;background:#3A4E62;color:#fff;font:700 12px/1 "Plus Jakarta Sans",sans-serif;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.legacy .sp-pin.go{background:#2E9E68}
.legacy .sp-pin.wait{background:#D3963C}
.legacy .sp-pin.no{background:#5B6B7B}
.legacy .sp-cmp{overflow-x:auto}
.legacy .sp-cmp table{width:100%;border-collapse:separate;border-spacing:4px;font-size:12.5px}
.legacy .sp-cmp th{font-weight:700;text-align:center;padding:4px}
.legacy .sp-cmp tbody th{text-align:left;color:var(--text-2)}
.legacy .sp-cmp td{text-align:center;padding:8px 4px;border-radius:12px;background:var(--surface);border:1px solid var(--border-soft)}
.legacy .sp-cmp td b{display:block;font-size:17px}
.legacy .sp-cmp td small{font-size:10px;margin-left:2px}
.legacy .sp-cmp td span,.legacy .sp-cmp td em{display:block;font-size:10.5px;color:var(--text-3);font-style:normal}
.legacy .sp-cmp td.go{border-color:#2E9E68}
.legacy .sp-cmp td.wait{border-color:#D3963C}
.legacy .sp-cmp td.top{box-shadow:0 0 0 2px #3DDC97 inset}
.legacy .ch-trl{display:block;margin-top:4px;padding:0;background:none;border:0;color:inherit;opacity:.65;font-size:11px;text-align:left}
.legacy .sp-bar{display:flex;flex-direction:column;gap:10px;margin:12px calc(-1*var(--pad)) 6px}
.legacy .sp-row{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px var(--pad);scroll-padding:0 var(--pad);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--pad),#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 var(--pad),#000 calc(100% - 28px),transparent)}
.legacy .sp-row::-webkit-scrollbar{display:none}
.legacy .sp-seg{flex:none;display:flex;padding:3px;gap:2px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--border-soft)}
.legacy .sp-seg button{height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-2);transition:background .2s,color .2s}
.legacy .sp-seg button svg{width:16px;height:16px}
.legacy .sp-seg button.on{background:#fff;color:#0A1A2E;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.legacy .sp-div{flex:none;width:1px;height:22px;background:var(--border-soft)}
.legacy .sp-chip{position:relative;flex:none;height:38px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.05);border:1px solid var(--border-soft);color:var(--text-2);font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s,transform .12s}
.legacy .sp-chip:active{transform:scale(.97)}
.legacy .sp-chip svg{width:17px;height:17px;flex:none;opacity:.9}
.legacy .sp-chip.on{background:#fff;border-color:#fff;color:#0A1A2E}
.legacy .sp-chip.sel{padding-right:10px}
.legacy .sp-chip.sel svg:last-of-type{width:15px;height:15px;opacity:.6}
.legacy .sp-chip select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.legacy .sp-live{width:8px;height:8px;border-radius:50%;background:#3DDC97;box-shadow:0 0 0 3px rgba(61,220,151,.22);flex:none}
.legacy .sp-chip.on .sp-live{box-shadow:0 0 0 3px rgba(46,158,104,.25);background:#2E9E68}
.legacy .sp-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#3DDC97;color:#06281A;font-size:11px;display:inline-grid;place-items:center}
.legacy .sp-cmpbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 var(--pad);padding:10px 12px;border-radius:14px;background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.25);font-size:12.5px;color:var(--text-2)}
.legacy .sp-chip.dim{opacity:.55}
.legacy .sp-chip.dim.on{opacity:1}
.legacy .sp-chip.rm{background:rgba(var(--primary-rgb),.14);border-color:rgba(var(--primary-rgb),.45);color:var(--text);padding-right:10px}
.legacy .sp-chip.rm svg{width:14px;height:14px;opacity:.75}
.legacy .sp-chip.ghost{background:transparent;border-style:dashed}
.legacy .sp-bar + .mk-grid,.legacy .sp-bar + .sc-list{margin-top:4px}
.legacy .bell em[hidden],.legacy .tab-dot[hidden]{display:none!important}
.legacy .sp-row.fit{overflow:visible;-webkit-mask-image:none;mask-image:none;gap:6px}
.legacy .sp-row.fit .sp-seg{padding:3px}
.legacy .sp-row.fit .sp-seg button{width:40px;padding:0;justify-content:center}
.legacy .sp-row.fit .sp-seg button span{display:none}
.legacy .sp-row.fit .sp-seg button svg{width:18px;height:18px}
.legacy .sp-row.fit .sp-chip{flex:1 1 0;min-width:0;justify-content:center;padding:0 10px;gap:6px}
.legacy .sp-row.fit .sp-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legacy .sp-row.fit .sp-chip.sel{padding-right:8px}
.legacy .tr-btn{display:inline-flex;align-items:center;gap:4px;margin:6px 0 2px;padding:0;background:none;border:0;color:var(--text-3);font-size:12px;font-weight:600;cursor:pointer}
.legacy .tr-btn:hover{color:var(--text-2)}
.legacy .livecard{position:relative}
.legacy .lv-pro{position:absolute;top:10px;left:10px;z-index:2;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#F5C842,#E8A317);color:#1A1200;font-size:11.5px;font-weight:800;letter-spacing:.02em;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.legacy .kp-row{display:flex;gap:8px;align-items:flex-start}
.legacy .kp-row input{flex:1;min-width:0}
.legacy .kp-map{height:220px;border-radius:12px;overflow:hidden;border:1px solid var(--border-soft);background:var(--surface-2)}
.legacy .kp-ck{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-soft);font-size:14px}
.legacy .kp-ck input{width:auto;height:auto}
.legacy .cm-seg.kp-seg{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
.legacy .chip.warn{background:var(--warning-soft);color:var(--warning);border-color:transparent}
.legacy .kp-h{margin-top:18px}
.legacy .kp-strip{display:flex;gap:10px;padding-bottom:4px}
.legacy .kp-strip.scrollx{overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 4px}
.legacy .kp-strip.scrollx::-webkit-scrollbar{display:none}
.legacy .kp-card{flex:none;width:min(300px,82%);display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border-soft);color:var(--text);text-align:left}
.legacy .kp-strip.one .kp-card{width:100%}
.legacy .kp-logo{flex:none;width:46px;height:46px;border-radius:12px;overflow:hidden;background:var(--surface-3);display:grid;place-items:center;font-weight:800;font-size:18px}
.legacy .kp-logo img{width:100%;height:100%;object-fit:cover}
.legacy .kp-ct{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.legacy .kp-ct b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .kp-sub{font-size:12px}
.legacy .kp-ver{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:10px;font-style:normal;vertical-align:1px}
.legacy .kp-open{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2)}
.legacy .kp-open i{width:7px;height:7px;border-radius:50%;background:var(--danger)}
.legacy .kp-open.on{color:var(--good)}
.legacy .kp-open.on i{background:var(--good)}
.legacy .kp-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.legacy .kp-wind{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:9px;background:var(--c);color:#0A1A2B;font-weight:800;font-size:15px}
.legacy .kp-wind small{font-size:10px;font-weight:700}
.legacy .kp-wind svg{width:12px;height:12px;fill:#0A1A2B}
.legacy .kp-wind.big{font-size:26px;padding:6px 12px;border-radius:12px}
.legacy .kp-wind.big svg{width:20px;height:20px}
.legacy .kp-src{font-size:10.5px;color:var(--text-3);display:inline-flex;align-items:center;gap:4px}
.legacy .kp-src i{width:6px;height:6px;border-radius:50%;background:var(--text-3)}
.legacy .kp-src i.on{background:var(--good)}
.legacy .kp-cam{width:20px;height:20px;color:var(--live)}
.legacy .kp-cam svg{width:20px;height:20px}
.legacy .kp-page h3{margin:18px 0 8px;font-size:15px}
.legacy .kp-hero{height:150px;margin:-8px calc(-1 * var(--pad)) 0;background:var(--surface-3) center/cover no-repeat;position:relative;border-radius:16px 16px 0 0}
.legacy .kp-hl{position:absolute;left:var(--pad);bottom:-30px;width:72px;height:72px;border-radius:18px;overflow:hidden;background:var(--surface);border:3px solid var(--surface);display:grid;place-items:center;font-size:28px;font-weight:800;box-shadow:var(--shadow)}
.legacy .kp-hl img{width:100%;height:100%;object-fit:cover}
.legacy .kp-head{padding-top:38px}
.legacy .kp-head h2{margin:0 0 4px}
.legacy .kp-tag{margin:6px 0 0;color:var(--text-2)}
.legacy .kp-stars{color:#E8A317;letter-spacing:1px}
.legacy .kp-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.legacy .kp-acts .btn{width:auto;flex:1 1 auto;height:40px;margin:0}
.legacy .kp-wa{background:#25D366;color:#fff;text-decoration:none}
.legacy .kp-notes{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.legacy .kp-notes p{margin:0;padding:9px 12px;border-radius:12px;background:var(--warning-soft);font-size:14px}
.legacy .kp-now{display:flex;align-items:center;gap:12px}
.legacy .kp-cams{margin-top:10px}
.legacy .kp-hours{margin-top:8px;border-radius:12px;border:1px solid var(--border-soft);overflow:hidden}
.legacy .kp-hours div{display:flex;justify-content:space-between;padding:8px 12px;font-size:14px;border-top:1px solid var(--border-soft)}
.legacy .kp-hours div:first-child{border-top:0}
.legacy .kp-hours span{color:var(--text-2)}
.legacy .kp-hours .today{background:var(--primary-soft);font-weight:700}
.legacy .kp-hours .today span{color:var(--text)}
.legacy .kp-svc{display:flex;flex-wrap:wrap;gap:6px}
.legacy .kp-svc span,.legacy .kp-svc.pick label{padding:6px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-soft);font-size:13px}
.legacy .kp-svc.pick label{display:flex;gap:6px;align-items:center}
.legacy .kp-svc.pick input{width:auto;height:auto}
.legacy .kp-desc{white-space:pre-line;line-height:1.5;margin:0}
.legacy .kp-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.legacy .kp-gal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.legacy .kp-gal.edit div{position:relative}
.legacy .kp-gal.edit button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff}
.legacy .kp-links{display:flex;flex-wrap:wrap;gap:8px}
.legacy .kp-links a{text-decoration:none}
.legacy .kp-rh{display:flex;justify-content:space-between;align-items:baseline}
.legacy .kp-revs{display:flex;flex-direction:column;gap:8px}
.legacy .kp-rev{padding:10px 12px;border-radius:12px;background:var(--surface-2)}
.legacy .kp-rev p{margin:4px 0 0;font-size:14px}
.legacy .kp-rate{display:flex;gap:6px;margin:10px 0}
.legacy .kp-rate button{font-size:32px;background:none;border:0;color:var(--border)}
.legacy .kp-rate button.on{color:#E8A317}
.legacy .kp-pin{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;overflow:hidden;background:#fff;color:#0A1A2B;font-weight:800;border:2px solid var(--primary);box-shadow:0 2px 6px rgba(0,0,0,.35)}
.legacy .kp-pin img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.legacy .kp-imgs{display:flex;gap:10px;margin-bottom:12px}
.legacy .kp-up{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-2)}
.legacy .kp-up.wide{flex:1}
.legacy .kp-upv{width:84px;height:84px;border-radius:14px;border:1.5px dashed var(--border);display:grid;place-items:center;overflow:hidden;font-size:24px;color:var(--text-3)}
.legacy .kp-up.wide .kp-upv{width:100%}
.legacy .kp-upv img{width:100%;height:100%;object-fit:cover}
.legacy .kp-hrs{display:flex;flex-direction:column;gap:6px}
.legacy .kp-hr{display:grid;grid-template-columns:72px repeat(4,minmax(0,1fr));gap:4px;align-items:center}
.legacy .kp-hr span{font-size:12.5px;color:var(--text-2)}
.legacy .kp-hr input{height:36px;padding:0 4px;font-size:13px;min-width:0}
.legacy .kp-row2{display:flex;gap:8px}
.legacy .kp-row2 .field{flex:1;min-width:0}
.legacy [data-theme="turquesa"]{--primary:#12B5D6;--primary-700:#0B8FAD;--primary-rgb:18,181,214;--primary-hi:#4FD6EF;--on-primary:#04212B}
.legacy [data-theme="praia"]{color-scheme:light;
  --primary:#067C99;--primary-700:#056A83;--primary-rgb:6,124,153;--primary-hi:#14A6C8;--on-primary:#fff;
  --bg:#EDF2F5;--surface:#FFFFFF;--surface-2:#F5F8FA;--surface-3:#E3EBF1;
  --text:#0A1A2E;--text-2:#3B5165;--text-3:#5E7387;--border:#C2CFDA;--border-soft:rgba(10,26,46,.12);
  --marine:#0C8379;--marine-soft:rgba(12,131,121,.12);--warning:#A85F00;--warning-soft:rgba(168,95,0,.12);
  --good:#13804B;--good-soft:rgba(19,128,75,.12);--danger:#CC2536;--danger-soft:rgba(204,37,54,.1);
  --shadow:0 1px 3px rgba(10,26,46,.12);--gold:#A87400;--blue:#1A66C9}
.legacy [data-theme="praia"] body{background:var(--bg);color:var(--text)}
.legacy [data-theme="praia"] .tabs nav{background:rgba(255,255,255,.95);box-shadow:0 -4px 18px rgba(10,26,46,.06)}
.legacy [data-theme="praia"] body.site .topbar{background:rgba(255,255,255,.92)}
.legacy [data-theme="praia"] body.site .tabs button.on,.legacy [data-theme="praia"] .fbtn.on{color:var(--primary)}
.legacy [data-theme="praia"] .acct-menu,.legacy [data-theme="praia"] .nt-panel{background:rgba(255,255,255,.98);border-color:var(--border-soft);box-shadow:0 12px 34px rgba(10,26,46,.16)}
.legacy [data-theme="praia"] .acct-sep{background:var(--border-soft)}
.legacy [data-theme="praia"] .nt-head{border-bottom-color:var(--border-soft)}
.legacy [data-theme="praia"] .acct-item.danger,.legacy [data-theme="praia"] .abtn.danger,.legacy [data-theme="praia"] .chip.blocked,.legacy [data-theme="praia"] .ed-adm.danger,.legacy [data-theme="praia"] .ch-card-acts button.danger,.legacy [data-theme="praia"] .ch-recbar.locked .ch-rcancel,.legacy [data-theme="praia"] .nt-ic.school,.legacy [data-theme="praia"] .nt-ic.admin,.legacy [data-theme="praia"] .msg.err{color:var(--danger)}
.legacy [data-theme="praia"] .acct-item.danger svg{stroke:var(--danger)}
.legacy [data-theme="praia"] .msg.ok,.legacy [data-theme="praia"] .chip.active{color:var(--good)}
.legacy [data-theme="praia"] .chip.admin{color:var(--primary)}
.legacy [data-theme="praia"] .sbar.sticky{background:linear-gradient(180deg,var(--bg) 85%,rgba(237,242,245,0))}
.legacy [data-theme="praia"] .hours td.nowcol{box-shadow:inset 1px 0 0 rgba(10,26,46,.2),inset -1px 0 0 rgba(10,26,46,.2)}
.legacy [data-theme="praia"] .hours td.nowcol:not(.kt):not(.g){background:rgba(10,26,46,.04)}
.legacy [data-theme="praia"] .hours td .arr svg,.legacy [data-theme="praia"] .fcw .arr svg,.legacy [data-theme="praia"] .sp-arrow{fill:var(--blue)}
.legacy [data-theme="praia"] .kd,.legacy [data-theme="praia"] .hbt,.legacy [data-theme="praia"] .ch-st,.legacy [data-theme="praia"] .ed-lvl,.legacy [data-theme="praia"] .favseg em,.legacy [data-theme="praia"] .pa-chips button em,.legacy [data-theme="praia"] .ed-dist i,.legacy [data-theme="praia"] .sc-dist i,.legacy [data-theme="praia"] .ch-b.them .ch-play,.legacy [data-theme="praia"] .ch-b.them .ch-card-acts button{background:rgba(10,26,46,.06)}
.legacy [data-theme="praia"] .chips button.on,.legacy [data-theme="praia"] .seg3 button.on,.legacy [data-theme="praia"] .so-seg.scrollx button.on,.legacy [data-theme="praia"] .sp-chip.on,.legacy [data-theme="praia"] .sp-seg button.on{background:var(--text);border-color:var(--text);color:#fff}
.legacy [data-theme="praia"] .chips button.rm,.legacy [data-theme="praia"] .mk-chips button.on,.legacy [data-theme="praia"] .pa-chips button.on,.legacy [data-theme="praia"] .sp-chip.rm{color:var(--primary)}
.legacy [data-theme="praia"] #sheetBox .ed-adm.on{color:var(--text)}
.legacy [data-theme="praia"] .sp-seg{background:rgba(10,26,46,.06)}
.legacy [data-theme="praia"] .sp-chip{background:#fff}
.legacy [data-theme="praia"] .sp-ring{fill:rgba(10,26,46,.03)}
.legacy [data-theme="praia"] .sp-arrow.off,.legacy [data-theme="praia"] .sp-now.off{fill:var(--danger);color:var(--danger)}
.legacy [data-theme="praia"] .sp-arrow.side,.legacy [data-theme="praia"] .sp-now.side{fill:var(--gold);color:var(--gold)}
.legacy [data-theme="praia"] .sp-arrow.good,.legacy [data-theme="praia"] .sp-now.good{fill:var(--good);color:var(--good)}
.legacy [data-theme="praia"] .nt-ic.review,.legacy [data-theme="praia"] .nt-ic.school_review,.legacy [data-theme="praia"] .mk-stars button.on,.legacy [data-theme="praia"] .fd-re.on,.legacy [data-theme="praia"] .fd-lab.gold,.legacy [data-theme="praia"] .sc-from,.legacy [data-theme="praia"] .ed-row .ed-price,.legacy [data-theme="praia"] .sc-ptile.warn b,.legacy [data-theme="praia"] .so-asbar{color:var(--gold)}
.legacy [data-theme="praia"] .sc-ptile.warn{border-color:var(--gold)}
.legacy [data-theme="praia"] .ch-who,.legacy [data-theme="praia"] .ch-ver{color:var(--blue)}
.legacy [data-theme="praia"] .so-live{color:var(--good)}
.legacy [data-theme="praia"] .wc-wind{stroke:var(--text)}
.legacy [data-theme="praia"] .wc-gust{stroke:rgba(10,26,46,.55)}
.legacy [data-theme="praia"] .wc-arr{fill:#fff;stroke:rgba(10,26,46,.8)}
.legacy [data-theme="praia"] .wc-kt{fill:var(--text);stroke:#fff}
.legacy [data-theme="praia"] .wc-g{fill:rgba(10,26,46,.65);stroke:#fff}
.legacy [data-theme="praia"] .wc-yax span{color:var(--text-2);background:rgba(255,255,255,.75)}
.legacy [data-theme="praia"] .wc-leg i{border-top-color:var(--text)}
.legacy [data-theme="praia"] .wc-leg i.l2{border-top-color:rgba(10,26,46,.55)}
.legacy [data-theme="praia"] svg:not(.lp-flag) [stroke^="rgba(255,.legacy 255,.legacy 255"]{stroke:rgba(10,26,46,.18)}
.legacy [data-theme="praia"] svg:not(.lp-flag) [fill^="rgba(255,.legacy 255,.legacy 255"]{fill:rgba(10,26,46,.55)}
.legacy [data-theme="praia"] svg:not(.lp-flag) [fill="#091B30"]{fill:#fff}
.legacy [data-theme="praia"] svg:not(.lp-flag) [stroke="#FFFFFF"],.legacy [data-theme="praia"] .lw-chart [stroke="#fff"]{stroke:var(--text)}
.legacy [data-theme="praia"] .pulse-dot,.legacy [data-theme="praia"] .lw-chart [fill="#fff"]{fill:var(--text)}
.legacy [data-theme="praia"] svg [stroke="#132B44"]{stroke:var(--surface)}
.legacy [data-theme="praia"] .brand:not(.splashbrand){color:var(--text);filter:none}
.legacy [data-theme="praia"] .brand:not(.splashbrand) img{filter:brightness(0) saturate(0) opacity(.88)}
.legacy [data-theme="praia"] #langPick .brand{color:#fff}
.legacy [data-theme="praia"] #langPick .brand img{filter:none}
.legacy [data-theme="praia"] .loader-mark{background:var(--text);-webkit-mask:url(img/symbol_white.webp) center/contain no-repeat;mask:url(img/symbol_white.webp) center/contain no-repeat}
.legacy [data-theme="praia"] .loader-mark img{visibility:hidden}
.legacy [data-theme="praia"] .ns-it .ns-v,.legacy [data-theme="praia"] .kp-wind{background:var(--cd,var(--c));color:#fff}
.legacy [data-theme="praia"] .ns-it .ns-v small,.legacy [data-theme="praia"] .kp-wind small{color:rgba(255,255,255,.88)}
.legacy [data-theme="praia"] .ns-it .ns-v svg,.legacy [data-theme="praia"] .kp-wind svg{fill:#fff}
.legacy [data-theme="praia"] .mk-st.reserved{color:#fff}
.legacy [data-theme="praia"] .spotbanner{background-color:#17334C}
.legacy [data-theme="praia"] .ts-cursor{background:linear-gradient(180deg,rgba(10,26,46,.75),rgba(10,26,46,.75) 85%,transparent)}
.legacy [data-theme="praia"] .ts-cursor::after{border-top-color:var(--text)}
.legacy [data-theme="praia"] .hours td.wx,.legacy [data-theme="praia"] .fcw td.wx,.legacy [data-theme="praia"] .wc-top span{filter:drop-shadow(0 0 1.5px rgba(10,26,46,.75))}
.legacy [data-theme="praia"] .wc-top span.on{filter:none}
.legacy .favcard::before{background:linear-gradient(180deg,rgba(9,27,48,.30) 0%,rgba(9,27,48,.45) 50%,rgba(9,27,48,.88) 100%)}
.legacy .spotbanner::before{background:linear-gradient(180deg,rgba(9,27,48,.35) 0%,rgba(9,27,48,.62) 50%,rgba(9,27,48,.72) 100%)}
.legacy .ns-it::before{background:linear-gradient(180deg,rgba(9,27,48,.25) 0%,rgba(9,27,48,.6) 45%,rgba(9,27,48,.92) 100%)}
.legacy .fc-top b,.legacy .fc-kt,.legacy .fc-top span,.legacy .fc-bot,.legacy .sb-name b,.legacy .sb-name span,.legacy .verdict.onphoto b,.legacy .verdict.onphoto span,.legacy .ns-it b,.legacy .ns-it small{text-shadow:none;-webkit-text-stroke:0}
.legacy .fc-top span,.legacy .fc-bot,.legacy .verdict.onphoto span,.legacy .ns-it small{font-weight:700;color:#fff!important}
.legacy .fc-top span,.legacy .fc-bot{font-size:13px}
.legacy .sb-name span{font-size:12.5px;font-weight:700}
.legacy .verdict.onphoto b{font-size:14px;font-weight:800;color:#fff}
.legacy .verdict.onphoto span{font-size:12.5px}
.legacy .ns-it b{font-size:14px;font-weight:800}
.legacy .ns-it small{font-size:12px}
.legacy .fc-v{font-weight:800;font-size:13.5px}
.legacy #splashStage{display:contents}
.legacy #splashStage .ms{display:none}
.legacy .sfsplash.splashing,.legacy .sfsplash.splashing[data-theme]{background:#492723!important;height:auto;min-height:100%;overflow-y:scroll;overscroll-behavior:none}
.legacy .sfsplash.splashing body{min-height:calc(100dvh + 62px);height:auto;display:flow-root}
.legacy .sfsplash.splashing #app{position:absolute;top:0;left:0;right:0}
.legacy .sfsplash.splashing #splashStage{display:block;position:relative;height:100dvh;margin-top:62px;overflow:hidden;z-index:50}
.legacy .sfsplash.splashing #splashStage .ms{display:block;position:relative;height:calc(100dvh + 198px);margin-top:-62px}
.legacy .sfsplash.splashing #splashStage .ms::before,.legacy .sfsplash.splashing #splashStage .ms::after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}
.legacy .sfsplash.splashing #splashStage .ms::before{top:0;height:172px;background:linear-gradient(#492723 62px,rgba(73,39,35,0))}
.legacy .sfsplash.splashing #splashStage .ms::after{bottom:0;height:266px;background:linear-gradient(rgba(73,39,35,0),#492723 130px)}
.legacy .sfsplash.splashing #splashImg{display:block;width:100%;height:100%;object-fit:cover}
.legacy .sfsplash.splashing #splash{position:absolute;inset:0;height:auto}
.legacy .sfsplash.splashing .toast,.legacy .sfsplash.splashing .fab{display:none}
.legacy @media not all and (display-mode: standalone){
  html.splashing:not(.sfsplash){min-height:100lvh}
}

@media (display-mode: standalone){.legacy{min-height:min(100lvh,calc(100% + var(--sat)))}
.legacy #splash{bottom:auto;height:100lvh}
.legacy #app,.legacy .screen,.legacy #auth{min-height:100lvh}

}.legacy .booting #app>*:not(#langPick):not(.sheet),.legacy .booting .tabs{visibility:hidden}
.legacy .revealing #app>*,.legacy .revealing .tabs{animation:appIn .3s var(--ease) both}

@keyframes appIn{from{opacity:0}to{opacity:1}}.legacy .sb-name b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.08}
.legacy .sb-name b.sb-n2{font-size:20px}
.legacy .sb-name b.sb-n3{font-size:16px;letter-spacing:-.03em}
.legacy .sb-name{flex:1 1 46%}
.legacy .spotbanner .verdict.onphoto{flex:0 1 54%}
.legacy .fd-head h2{flex:1;min-width:0}
.legacy .fd-group{flex:none;white-space:nowrap}
.legacy .spotbanner{align-items:center;padding-top:22px;padding-bottom:16px}
.legacy .spotbanner .verdict.onphoto{align-self:center}
.legacy .livedot,.legacy .live-tag,.legacy .live-tag i,.legacy .lv-badge,.legacy .lv-badge i,.legacy .fc-cam-in,.legacy .fc-cam-in::after,.legacy .fc-cam-in em,.legacy .sp-live,.legacy .kp-src i.on,.legacy .lw-tag i,.legacy .cm-dot.on i{animation:none!important;box-shadow:none!important}
.legacy .live-tag,.legacy .lv-badge,.legacy .fc-cam-in{box-shadow:none}
.legacy .fc-cam-in{background:var(--live)}
.legacy .fc-cam-in::after{display:none}
.legacy #splash #splashTag{margin:12px auto 0;max-width:none;padding:0 4vw;white-space:nowrap;font-family:Nunito,"Plus Jakarta Sans",sans-serif;font-weight:800;letter-spacing:0;font-size:min(16.5px,3.8vw)}
.legacy .so-find{margin:4px 0 14px}
.legacy .so-find input{font-size:15px;text-overflow:ellipsis}
.legacy .so-sc{min-height:168px}
.legacy .so-sc .so-follow{margin-top:auto;flex:none;width:100%}
.legacy .sheet .box{overflow-x:hidden;overscroll-behavior:contain}
.legacy .sheet .box:has(#kpMap){touch-action:pan-y}
.legacy .sheet .box:has(#kpMap) .field>*:not(.kp-map){max-width:100%}
.legacy .sheet input[type=date]{display:block;width:100%;min-width:0;-webkit-appearance:none;appearance:none;text-align:left}
.legacy .kp-slug{margin-top:-6px}
.legacy .kp-slug input{margin-top:6px}
.legacy .kp-here{display:inline-flex;align-items:center;gap:6px;margin:2px 0 8px}
.legacy .kp-here svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.legacy input:focus,.legacy select:focus,.legacy textarea:focus{box-shadow:none!important;outline:none}
.legacy .pf-at{transition:border-color .15s}
.legacy .pf-at:focus-within{border-color:var(--primary)}
.legacy .pf-at input,.legacy .pf-at input:focus{border:0!important;box-shadow:none!important;background:transparent!important;padding-left:6px}
.legacy .kp-mgr{margin-top:6px}
.legacy .kp-mgr-card{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:12px;background:var(--surface);border:1px solid var(--border-soft)}
.legacy .kp-mgr-card .av-img,.legacy .kp-mgr-card .av{border-radius:50%;flex:none}
.legacy .kp-mgr-card span{flex:1;min-width:0;display:flex;flex-direction:column}
.legacy .kp-mgr-card b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .kp-mgr-card em{font-style:normal;font-size:12.5px;color:var(--text-3)}
.legacy .kp-mgr-card i{font-style:normal;color:var(--primary);font-weight:800}
.legacy .arow .acts{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
.legacy .arow .acts .abtn{height:40px;font-size:13px;font-weight:600}
.legacy .arow .acts.kp-acts6{grid-template-columns:repeat(6,minmax(0,1fr))}
.legacy .kp-acts6 .abtn{grid-column:span 2}
.legacy .kp-acts6 .abtn:nth-child(-n+2){grid-column:span 3}
.legacy .kp-acts6 .abtn:nth-child(-n+2){background:var(--surface);border-color:var(--border)}
.legacy .abtn.danger{color:var(--danger,#D64545)}
.legacy .kp-choose{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.legacy .kp-choose-h p{margin:4px 0 0}
.legacy .kp-pcard{position:relative;flex:none;width:min(320px,86%);height:104px;display:flex;align-items:flex-end;gap:12px;padding:14px;border-radius:20px;overflow:hidden;border:0;
  background:#17334C center/cover no-repeat;color:#fff;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.22);cursor:pointer}
.legacy .kp-pcard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,.25) 0%,rgba(9,27,48,.45) 45%,rgba(9,27,48,.88) 100%)}
.legacy .kp-pcard>*{position:relative;z-index:1}
.legacy .kp-pcard .kp-logo{width:52px;height:52px;border-radius:14px;background:#fff;color:#091B30;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.legacy .kp-pcard .kp-ct{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.legacy .kp-pcard .kp-ct b{font-size:17px;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.legacy .kp-pcard .kp-sub{font-size:13px;font-weight:700;color:rgba(255,255,255,.92)}
.legacy .kp-pcard .kp-open{display:inline-flex;align-items:center;gap:4px;background:none;padding:0;color:#fff}
.legacy .kp-pcard .kp-open i{width:7px;height:7px;border-radius:50%;background:#C8D2DC}
.legacy .kp-pcard .kp-open.on i{background:#3DDC84}
.legacy .kp-pcard .kp-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;align-self:flex-start}
.legacy .kp-pcard .kp-rt{font-size:13px;font-weight:800;color:#FFD54A}
.legacy .kp-pcard .kp-go{font-size:26px;line-height:1;color:#fff;align-self:center}
.legacy .kp-choose .kp-pcard,.legacy .kp-strip.one .kp-pcard{width:100%}
.legacy .kp-strip .kp-pcard{height:96px}
.legacy .sb-name .sb-logo{display:block;width:44px;height:44px;border-radius:12px;object-fit:cover;background:#fff;margin-bottom:8px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.legacy .kp-top{margin:10px 0 4px}
.legacy .kp-top .kp-tag{margin:0 0 10px;font-weight:600;color:var(--text-2)}
.legacy .kp-top .kp-acts{margin-top:0}
.legacy .kp-info{margin-top:22px}
.legacy .kp-info h2{margin:0 0 10px}
.legacy .kp-info .kp-desc{margin:12px 0 0;line-height:1.55;color:var(--text-2)}
.legacy .kp-info h3{margin:18px 0 8px;font-size:15px}
.legacy .kp-locmap{height:180px;border-radius:16px;overflow:hidden;border:1px solid var(--border-soft);margin-bottom:10px;background:var(--surface-2)}
.legacy .dk-kpcover{height:220px;border-radius:20px;background:#17334C center/cover no-repeat;margin:18px 0 0}
.legacy .dk-head .dk-id{display:flex;align-items:center;gap:16px;min-width:0}
.legacy .dk-head.kp .dk-logo{flex:none;width:64px;height:64px;border-radius:16px;object-fit:cover;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.legacy .kp-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.legacy .kp-navbtn{display:flex;align-items:center;gap:10px;height:64px;padding:0 10px;border-radius:18px;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);
  font-weight:800;font-size:16px;box-shadow:0 6px 18px rgba(9,27,48,.10);transition:transform .12s}
.legacy .kp-navbtn:active{transform:scale(.97)}
.legacy .kp-navlogo{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.legacy .kp-navlogo img{width:26px;height:26px;object-fit:contain}
.legacy .kp-navbtn.gmaps .kp-navlogo{background:#E8F0FE}
.legacy .kp-navbtn.waze .kp-navlogo{background:#33CCFF}
.legacy .kp-navbtn span{display:flex;flex-direction:column;line-height:1.15;min-width:0;white-space:nowrap;font-size:clamp(14px,3.9vw,16px)}
.legacy .kp-navbtn small{font-size:11.5px;font-weight:700;color:var(--text-3)}
.legacy .live-sec{margin-top:20px}
.legacy .lv-meta.lv-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.legacy .lv-meta.lv-row>div{min-width:0}
.legacy .lv-meta.lv-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .lv-meta .live-tag.sm,.legacy .live-tag.sm{box-sizing:border-box!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:5px!important;
  height:24px!important;min-height:0!important;max-height:24px!important;width:auto!important;padding:0 10px!important;margin:0!important;border-radius:999px!important;
  font-size:11px!important;line-height:1!important;font-weight:800!important;letter-spacing:.08em!important;white-space:nowrap!important;color:#fff!important;
  -webkit-text-size-adjust:100%;text-size-adjust:100%}
.legacy .live-tag.sm i{flex:none!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#fff!important}
.legacy .kp-ver,.legacy .kp-ver:is(i){display:inline-block!important;width:.82em!important;height:.82em!important;min-width:14px;min-height:14px;background:none!important;border-radius:0!important;vertical-align:-.08em!important;margin-left:.12em;line-height:0}
.legacy .kp-ver svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.legacy .pe{display:flex;flex-direction:column;gap:12px;padding-bottom:4px}
.legacy .pe-head h2{margin:0}
.legacy .pe-head p{margin:2px 0 0}
.legacy .pe-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;padding:16px}
.legacy .pe-card h3{margin:0 0 12px;font-size:15px;font-weight:800;display:flex;align-items:baseline;gap:6px}
.legacy .pe-card .field{margin-bottom:12px}
.legacy .pe-card .field:last-child{margin-bottom:0}
.legacy .pe-count{display:block;text-align:right;font-size:11.5px;color:var(--text-3);margin-top:4px}
.legacy .pe-media{position:relative;padding:0;overflow:hidden}
.legacy .pe-cover{position:relative;display:block;aspect-ratio:16/7;background:var(--surface-3) center/cover no-repeat;cursor:pointer}
.legacy .pe-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,27,48,0) 50%,rgba(9,27,48,.35))}
.legacy .pe-cover-btn{position:absolute;right:12px;top:12px;z-index:1;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:rgba(9,27,48,.72);color:#fff;font-size:13px}
.legacy .pe-cover-btn svg,.legacy .pe-logo-cam svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.legacy .pe-media{display:flex;flex-wrap:wrap;align-items:flex-end}
.legacy .pe-media .pe-cover{flex:0 0 100%}
.legacy .pe-logo{position:relative;z-index:2;margin:-42px 0 14px 16px;cursor:pointer;flex:none}
.legacy .pe-logo-img{display:grid;place-items:center;width:84px;height:84px;border-radius:20px;overflow:hidden;background:#fff;border:3px solid var(--surface);box-shadow:0 4px 14px rgba(0,0,0,.18);font-size:30px;font-weight:800;color:#091B30}
.legacy .pe-logo-img img{width:100%;height:100%;object-fit:cover}
.legacy .pe-logo-cam{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;border:2px solid var(--surface)}
.legacy .pe-hint{flex:1;min-width:0;margin:0;padding:10px 16px 14px 14px;font-size:12px;color:var(--text-3);line-height:1.4}
.legacy .pe-lbl{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin:0 0 8px}
.legacy .pe-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.legacy .pe-days button{height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:700}
.legacy .pe-days button.on{background:var(--primary);border-color:var(--primary);color:#fff}
.legacy .pe-quick{display:flex;gap:14px;margin:8px 0 14px}
.legacy .pe-time{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px}
.legacy .pe-time span{font-size:14px;color:var(--text-2)}
.legacy .pe-time input{height:46px;text-align:center;font-weight:700;min-width:0}
.legacy .pe-svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.legacy .pe-svc button{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13.5px;font-weight:600;text-align:left}
.legacy .pe-svc button span{font-size:16px}
.legacy .pe-svc button.on{background:var(--primary-soft);border-color:var(--primary);color:var(--text)}
.legacy .pe-in{position:relative;margin-bottom:10px}
.legacy .pe-in:last-child{margin-bottom:0}
.legacy .pe-in svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--text-3);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.legacy .pe-in input,.legacy .pe-time input{width:100%;height:48px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);padding:0 14px 0 44px;outline:none;color:var(--text);font-size:16px;transition:border-color .15s}
.legacy .pe-time input{padding:0 8px}
.legacy .pe-in input::placeholder{color:var(--text-3)}
.legacy .pe-in input:focus,.legacy .pe-time input:focus{border-color:var(--primary)}
.legacy .pe-in:focus-within svg{stroke:var(--primary)}
.legacy .pe-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.legacy .pe-ph{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface-2)}
.legacy .pe-ph img{width:100%;height:100%;object-fit:cover;display:block}
.legacy .pe-ph button{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(9,27,48,.7);color:#fff;font-size:16px;line-height:1}
.legacy .pe-ph.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed var(--border);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer}
.legacy .pe-ph.add svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.legacy .pe-save{position:sticky;bottom:calc(-24px - var(--sab));margin:0 calc(-1 * var(--pad)) calc(-24px - var(--sab));padding:12px var(--pad) calc(14px + var(--sab));background:linear-gradient(180deg,rgba(0,0,0,0),var(--bg) 30%);z-index:3}
.legacy .pe-save .btn{width:100%;margin:0}
.legacy .kp-hsum{display:flex;flex-direction:column;gap:6px}
.legacy .kp-hsum p{margin:0;font-size:15px;font-weight:600}
.legacy .kp-acts2{display:flex;gap:6px}
.legacy .kp-acts2>.kp-act{flex:1 1 auto}
.legacy .kp-act{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;height:40px;padding:0 6px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);
  font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;min-width:0;transition:transform .12s}
.legacy .kp-act:active{transform:scale(.97)}
.legacy .kp-act span{overflow:hidden;text-overflow:ellipsis}
.legacy .kp-act svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.legacy .kp-act.pri{background:var(--primary);border-color:var(--primary);color:#fff}
.legacy .kp-act.on svg{fill:currentColor;color:#E5484D}
.legacy .kp-act.wa{background:#25D366;border-color:#25D366;color:#fff}
.legacy .kp-act.wa svg{fill:currentColor;stroke:none;width:17px;height:17px}
.legacy .kp-act.edit{width:100%;margin-top:8px;height:36px;gap:6px;background:var(--surface-2);font-size:13px}
.legacy .kp-act.edit svg{width:15px;height:15px}
.legacy .kp-soc{display:flex;flex-wrap:wrap;gap:14px}
.legacy .kp-sc{display:block;width:48px;height:48px;border-radius:50%;transition:transform .12s}
.legacy .kp-sc:active{transform:scale(.92)}
.legacy .kp-sc i{display:block;width:48px;height:48px}
.legacy .kp-sc i svg{display:block;width:100%;height:100%}
.legacy @media (max-width:370px){.kp-acts2 .kp-act{font-size:12.5px;gap:4px;padding:0 6px}.kp-acts2 #kpShare{flex:0 0 44px}.kp-acts2 #kpShare span{display:none}}
.legacy .fc-cam-in em{display:none!important}
.legacy .kp-locmap,.legacy .kp-map{position:relative}
.legacy .kp-locmap,.legacy .kp-map,.legacy .leaflet-container{z-index:0;isolation:isolate}
.legacy @media (min-width:600px) and (pointer:coarse){
  #app{max-width:none;box-shadow:none}
  .tabs nav{width:100%}
  /* janelas (escolha de kite point, opções…) no meio da tela, como um diálogo, em vez de coladas no pé */
  .sheet{align-items:center}
  .sheet .box{border-radius:20px;border-bottom:1px solid var(--border-soft);max-width:520px;max-height:84dvh;padding-bottom:24px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
  .sheet .box::before{display:none}
}
.legacy .th-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.legacy .th-opt{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;background:var(--surface-2);border:1.5px solid var(--border-soft);color:var(--text);text-align:left}
.legacy .th-opt.on{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.legacy .th-opt b{font-size:13px}
.legacy .th-opt small{font-size:11px;color:var(--text-3);line-height:1.3}
.legacy .th-prev{height:74px;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.legacy .th-prev i{display:block;height:9px;border-radius:5px}
.legacy .th-prev i.c{height:22px;border-radius:7px}
.legacy .th-prev em{align-self:flex-start;height:12px;width:46%;border-radius:6px}
.legacy .th-live{position:absolute;top:6px;right:6px;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;background:var(--primary);color:var(--on-primary)}