:root{
  --ui-pinktint-100:#fff0f4;
  --ui-pinktint-200:#fadde7;
  --ui-pinktint-300:#fac7dd;
  --ui-pinktint-deep:#f3a7c8;
  --ui-lav:#e7e7f5;
  --ui-lav-x:#d7dbf7;

  --ui-surface:#fffffe;
  --ui-surface-50:#fef3f7;
  --ui-surface-x:#fbe9ef;

  --ui-rose:#ec5095;
  --ui-rose-dark:#e02d7d;
  --ui-salmon:#fb5d73;
  --ui-salmon-x:#fc4962;
  --ui-sun:#f97a3d;
  --ui-sun-x:#f46924;
  --ui-crush:#ff4c5e;
  --ui-blueviolet:#c8ccf4;
  --ui-call-dark:linear-gradient(95deg,var(--ui-sun),var(--ui-salmon) 55%,var(--ui-rose));

  --ui-fg:#2a2631;
  --ui-fg-50:#6b6573;
  --ui-quiet:#9894a0;
  --ui-rule:#f2d7e2;

  --ui-contrast:#fffffe;
  --ui-white:#fffffe;
  --ui-green:#8fc4a9;
  --ui-rule-50:rgba(255,255,254,.92);
  --ui-surface-back:rgba(255,255,254,.94);
  --ui-backdrop:rgba(42,38,49,.5);
  --ui-foot-back:#2a2631;
  --ui-foot:#d8d3db;
  --ui-foot-x:#fffffe;
  --ui-foot-50:#a79db3;
  --ui-foot-border:rgba(255,255,254,.09);

  --ui-radius-sm:14px;
  --ui-radius-md:20px;
  --ui-radius-lg:28px;
  --ui-radius-xl:36px;
  --ui-radius-pill:999px;

  --ui-sd-sm:0 6px 16px -8px rgba(236,80,149,.35);
  --ui-sd-md:0 18px 38px -18px rgba(236,80,149,.4);
  --ui-sd-lg:0 30px 60px -24px rgba(224,45,125,.43);

  --ui-font-display:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --ui-ff:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --ui-shell:1200px;
  --ui-pad:10px;
  --ui-sy:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1200px 700px at 85% -8%, var(--ui-pinktint-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--ui-lav) 0%, transparent 55%),
    linear-gradient(180deg, var(--ui-pinktint-100) 0%, var(--ui-surface-50) 40%, var(--ui-pinktint-100) 100%);font-family:var(--ui-ff);background-attachment:fixed;-webkit-font-smoothing:antialiased;
  margin:0;
  line-height:1.6;color:var(--ui-fg);
}
img{display:block;max-width:100%}
.bar-backdrop{inset:0;visibility:hidden;transition:opacity .3s ease;background:var(--ui-backdrop);position:fixed;opacity:0;z-index:1090}
.bar-backdrop.open{opacity:1;visibility:visible}
.lead{color:var(--ui-fg-50);font-size:1.06rem;margin-top:14px}
figure{margin:0}
.logo,.bar-entry,.drawer-mobile a,.btn,.breadcrumb a,.app-base a,.nearby-menu a,.account-chat{text-decoration:none}
.hl{background:linear-gradient(92deg,var(--ui-rose),var(--ui-salmon) 60%,var(--ui-sun));-webkit-background-clip:text;color:transparent;background-clip:text}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4{margin:0;color:var(--ui-fg);line-height:1.12;font-family:var(--ui-font-display);letter-spacing:-.01em}
svg{display:block}



.accounts-layout{gap:5px;grid-template-columns:repeat(4,1fr);display:grid}
.block{padding-block:var(--ui-sy)}
.block-inv{background:var(--ui-surface-x)}

.tag-chip{box-shadow:var(--ui-sd-sm);font-weight:700;display:inline-flex;padding:8px 16px;background:var(--ui-surface);border:1px solid var(--ui-rule);border-radius:var(--ui-radius-pill);font-size:.82rem;letter-spacing:.06em;gap:8px;color:var(--ui-rose);align-items:center}
.tag-chip svg{width:16px;height:16px;color:var(--ui-salmon)}
.logo{font-family:var(--ui-font-display);align-items:center;display:flex;letter-spacing:-.02em;color:var(--ui-fg);font-weight:800;gap:11px;font-size:1.28rem}
.logo:hover{color:var(--ui-fg)}
.logo-icon{color:var(--ui-contrast);box-shadow:0 8px 18px -8px rgba(236,80,149,.8);border-radius:14px;width:42px;align-items:center;height:42px;background:linear-gradient(135deg,var(--ui-rose),var(--ui-salmon) 55%,var(--ui-sun));display:inline-flex;flex-shrink:0;justify-content:center}
.logo-icon svg{width:22px;height:22px}
p{margin:0}

.container{max-width:var(--ui-shell);padding-inline:var(--ui-pad);margin-inline:auto}
.sym-on svg{fill:currentColor;stroke:none}
.drawer-mobile{transition:right .3s ease;background:var(--ui-surface);overflow-y:auto;height:100vh;z-index:1100;position:fixed;padding:84px 22px 22px;max-width:320px;top:0;height:100dvh;right:-100%;width:80%;box-shadow:-6px 0 30px rgba(42,38,49,.22)}
.drawer-mobile.open{right:0}
.drawer-mobile nav{display:flex;flex-direction:column}
.drawer-mobile a:not(.btn){color:var(--ui-fg);font-weight:600;font-size:15px;border-bottom:1px solid var(--ui-rule);padding:14px 2px}
.drawer-mobile a:not(.btn):hover{color:var(--ui-rose-dark)}
.drawer-mobile a.btn{margin-top:22px}
:focus-visible{outline:3px solid var(--ui-rose);outline-offset:2px;border-radius:6px}
.title-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
.breadcrumb a:hover{color:var(--ui-rose-dark)}
.main-bar{align-items:center;gap:8px;display:flex;margin-left:auto}
::selection{background:rgba(236,80,149,.23)}

.app-header{top:0;border-bottom:1px solid var(--ui-rule);z-index:60;position:sticky;background:var(--ui-surface)}
.app-header-inner{padding-block:12px;align-items:center;justify-content:space-between;display:flex;gap:20px;min-height:74px}

.btn{
  cursor:pointer;border:1.5px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;align-items:center;
  display:inline-flex;text-align:center;padding:14px 26px;font-weight:700;
  border-radius:var(--ui-radius-pill);font-size:1rem;justify-content:center;white-space:nowrap;
  gap:9px;
}
.btn svg{width:18px;height:18px}
.btn-small{font-size:.9rem;padding:10px 18px}
.btn-wide{width:100%}
.btn-primary{background:linear-gradient(95deg,var(--ui-sun),var(--ui-salmon) 55%,var(--ui-rose));color:var(--ui-contrast);box-shadow:0 14px 26px -12px rgba(252,73,98,.76)}
.btn-primary:hover{transform:translateY(-2px);color:var(--ui-contrast);background:var(--ui-call-dark);box-shadow:0 20px 34px -12px rgba(252,73,98,.85)}
.btn-light{color:var(--ui-rose);background:var(--ui-surface);border-color:var(--ui-rule)}
.btn-light:hover{color:var(--ui-rose-dark);transform:translateY(-2px);background:var(--ui-surface-x)}
.btn-plain{color:var(--ui-rose-dark);background:var(--ui-white)}
.btn-plain:hover{transform:translateY(-2px);box-shadow:var(--ui-sd-md);color:var(--ui-rose-dark)}
.section-head{text-align:center;max-width:640px;margin:0 auto 44px}
.section-head .btn{margin-top:24px}
.pretitle{font-weight:800;font-size:.8rem;margin-bottom:10px;color:var(--ui-rose);letter-spacing:.1em;text-transform:uppercase}
button{font-family:inherit}
.account-card{border-radius:var(--ui-radius-lg);background:var(--ui-surface);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;overflow:hidden;border:1px solid var(--ui-rule-50);cursor:pointer;position:relative}
.account-card:hover{box-shadow:var(--ui-sd-lg);transform:translateY(-8px) scale(1.02);z-index:3}
.account-portrait{background:linear-gradient(160deg,var(--ui-pinktint-200),var(--ui-lav-x));position:relative;display:block;aspect-ratio:3/4;overflow:hidden}
.account-portrait img{display:block;height:100%;transition:transform .5s ease,filter .3s ease;width:100%;object-fit:cover}
.account-card:hover .account-portrait img{filter:brightness(.7);transform:scale(1.1)}
.account-tag{display:inline-flex;align-items:center;top:10px;font-weight:800;background:linear-gradient(135deg,#0f2b4a,#091d35);border:1px solid #5b9cda;padding:5px 9px;box-shadow:0 2px 8px rgba(2,0,1,.2);right:10px;position:absolute;font-size:.68rem;z-index:3;gap:6px;letter-spacing:.05em;border-radius:var(--ui-radius-pill);color:#e9f6ff}
.account-tag .led{color:transparent;background:var(--ui-green);height:8px;font-size:0;box-shadow:0 0 6px rgba(143,196,169,.7);position:relative;border-radius:50%;width:8px}
.account-tag .led::after{background:var(--ui-green);border-radius:50%;animation:throb 1.8s ease-out infinite;inset:0;content:"";position:absolute}
.account-inner{background:linear-gradient(to top,rgba(2,0,1,.96),rgba(2,0,1,.7) 55%,rgba(2,0,1,0));transition:opacity .3s ease;position:absolute;left:0;z-index:2;padding:20px 15px 15px;right:0;text-align:left;bottom:0}
.account-card:hover .account-inner{opacity:0}
.account-second{background:rgba(25,45,43,.94);box-shadow:0 2px 8px rgba(2,0,1,.2);font-size:.68rem;display:inline-flex;align-items:center;margin-bottom:8px;gap:5px;color:#f1fcf6;padding:4px 9px;border-radius:var(--ui-radius-pill);border:1px solid rgba(72,119,108,.92);letter-spacing:.02em;font-weight:700}
.account-second svg{width:14px;color:#a6e5cf;height:14px}
.account-heading{font-family:var(--ui-font-display);font-weight:800;font-size:1.32rem;line-height:1.2;color:#fffffe}
.account-heading span{color:rgba(255,255,254,.82);font-weight:600;font-size:.86rem}
.account-place{display:flex;font-size:.82rem;color:rgba(255,255,254,.92);gap:6px;margin-top:3px;align-items:center}
.account-place .pin svg{height:14px;width:14px;color:#fffffe}
.account-backdrop{padding:20px;justify-content:center;align-items:flex-end;z-index:4;inset:0;transition:opacity .3s ease,visibility .3s ease;display:flex;background:linear-gradient(to bottom,rgba(2,0,1,.09),rgba(2,0,1,.92));visibility:hidden;opacity:0;position:absolute}
.account-card:hover .account-backdrop{opacity:1;visibility:visible}
.account-wrap{text-align:center;width:100%;transform:translateY(20px);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}
.account-card:hover .account-wrap{transform:translateY(0)}
.account-line{overflow:hidden;font-size:.85rem;display:-webkit-box;line-height:1.4;-webkit-box-orient:vertical;color:#fffffe;-webkit-line-clamp:2;text-shadow:0 2px 4px rgba(2,0,1,.8);margin:0 0 12px}
.account-chat{box-shadow:0 4px 15px rgba(2,0,1,.28);color:var(--ui-contrast);transition:transform .3s ease,box-shadow .3s ease;display:inline-flex;border-radius:50%;width:50px;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--ui-rose),var(--ui-salmon));height:50px}
.account-chat svg{width:22px;height:22px}
.account-chat:hover{box-shadow:var(--ui-sd-md);transform:scale(1.1)}
.account-twinkle{place-items:center;cursor:pointer;height:34px;border-radius:50%;box-shadow:0 2px 8px rgba(2,0,1,.26);top:10px;width:34px;color:#fffffe;background:rgba(2,0,1,.43);z-index:6;border:none;display:grid;left:10px;transition:transform .2s ease,background .2s ease,color .2s ease;position:absolute}
.account-twinkle svg{width:18px;height:18px}
.account-twinkle:hover{transform:scale(1.1);background:rgba(2,0,1,.59)}
.account-twinkle.on{background:var(--ui-salmon);color:var(--ui-contrast)}
.account-twinkle.on svg{fill:currentColor}

.toggle{flex-direction:column;display:none;padding:6px;cursor:pointer;background:none;z-index:1105;border:none;gap:5px}
.toggle span{background:var(--ui-fg);width:26px;height:3px;display:block;transition:transform .3s ease,opacity .3s ease;border-radius:2px}
.toggle.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.toggle.open span:nth-child(2){opacity:0}
.toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.bar-entry{font-weight:600;color:var(--ui-fg);transition:background .18s,color .18s;padding:9px 14px;border-radius:var(--ui-radius-pill);font-size:.96rem}
.bar-entry:hover{color:var(--ui-rose-dark);background:var(--ui-surface-x)}
.bar-twinkle{gap:7px;text-decoration:none;display:inline-flex;position:relative;font-weight:600;cursor:pointer;font-size:.96rem;color:var(--ui-fg);transition:background .18s ease,color .18s ease;border:none;padding:9px 12px;border-radius:var(--ui-radius-pill);background:none;align-items:center}
.bar-twinkle:hover{background:var(--ui-surface-x);color:var(--ui-rose-dark)}
.bar-twinkle svg{width:20px;height:20px;color:var(--ui-rose)}
.bar-twinkle:hover svg{color:var(--ui-rose-dark)}
.bar-twinkle-line{white-space:nowrap}
.bar-twinkle .chat-tag{position:static;top:auto;right:auto}
.bar-twinkle-mobile{border:none;align-items:center;border-bottom:1px solid var(--ui-rule);width:100%;color:var(--ui-fg);text-align:left;padding:14px 2px;background:none;display:flex;font-weight:600;gap:9px;text-decoration:none;font-size:15px;cursor:pointer}
.bar-twinkle-mobile:hover{color:var(--ui-rose-dark)}
.bar-twinkle-mobile svg{width:18px;height:18px;color:var(--ui-rose)}
@media(max-width:768px){.account-backdrop{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.account-wrap{width:auto;transform:none}.account-line{display:none}.account-chat{width:34px;height:34px}.account-chat svg{width:16px;height:16px}.account-twinkle{top:8px;left:8px;width:30px;height:30px}.account-twinkle svg{width:16px;height:16px}.account-tag{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.account-tag .led{width:6px;height:6px}.account-card .account-inner{padding:10px 9px 9px}.account-second{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.account-second svg{width:12px;height:12px}.account-heading{font-size:.92rem;line-height:1.2;padding-right:40px}.account-heading span{font-size:.72rem;white-space:nowrap}.account-place{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.account-place .pin svg{width:12px;height:12px}}
@keyframes throb{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
.breadcrumb{gap:6px;font-size:.86rem;flex-wrap:wrap;margin-bottom:14px;color:var(--ui-quiet);display:flex;justify-content:flex-start}
.stat{align-items:center;background:var(--ui-surface);box-shadow:var(--ui-sd-sm);padding:14px 16px;border-radius:var(--ui-radius-md);display:flex;border:1px solid var(--ui-rule-50);gap:12px}
.stat-sym{height:40px;background:var(--ui-surface-x);border-radius:12px;flex:none;display:grid;width:40px;color:var(--ui-rose);place-items:center}
.stat-sym svg{width:18px;height:18px}
.stat-line dt{color:var(--ui-quiet);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}
.stat-line dd{margin:2px 0 0;font-family:var(--ui-font-display);font-weight:800;font-size:.98rem}
.record-town-hall{box-shadow:var(--ui-sd-md);padding:24px;border-radius:var(--ui-radius-lg);border:1px solid var(--ui-rule-50);background:var(--ui-surface)}
.locate-card{border-radius:var(--ui-radius-lg);border:1px solid var(--ui-rule-50);background:var(--ui-lav);overflow:hidden;position:relative;box-shadow:var(--ui-sd-md);aspect-ratio:4/3}
.locate-card.locate-lazy{cursor:pointer}
.locate-empty{place-items:center;position:absolute;text-align:center;display:grid;inset:0;background:linear-gradient(160deg,var(--ui-lav-x),var(--ui-surface-x));padding:20px;gap:10px}
.locate-empty p{font-weight:700;color:var(--ui-fg)}
.locate-pin{filter:drop-shadow(0 10px 12px rgba(252,73,98,.5));color:var(--ui-salmon)}
.locate-pin svg{fill:currentColor;width:40px;stroke:none;height:40px}
.locate-card iframe{border:0;position:absolute;height:100%;inset:0;width:100%}
.locate-card.loaded .locate-empty{display:none}
.request-mention{font-weight:700}
.request-mention-on{color:var(--ui-green)}
.request-mention-closed{color:var(--ui-rose-dark)}
.account-window-twinkle{top:14px;height:46px;right:14px;width:46px}
.account-window-twinkle svg{width:21px;height:21px}
.account-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;gap:clamp(24px,4vw,52px);align-items:start;margin-top:22px}
.account-col{min-width:0}
.account-window{border-radius:var(--ui-radius-lg);box-shadow:var(--ui-sd-md);overflow:hidden;position:relative;margin:0;background:linear-gradient(160deg,var(--ui-pinktint-200),var(--ui-lav-x))}
.account-window img{display:block;aspect-ratio:4/5;width:100%;height:auto;object-fit:cover}
.account-arrows{place-items:center;cursor:pointer;position:absolute;transform:translateY(-50%);transition:transform .15s ease,background .15s ease;top:50%;display:grid;width:44px;color:var(--ui-rose-dark);border-radius:50%;z-index:2;border:none;background:var(--ui-surface-back);height:44px;box-shadow:var(--ui-sd-md)}
.account-arrows:hover{background:var(--ui-surface-back);transform:translateY(-50%) scale(1.07)}
.account-arrows svg{height:22px;width:22px}
.account-left{left:12px}
.account-next{right:12px}
.account-track{margin-top:12px;flex-wrap:wrap;display:flex;gap:10px}
.account-unit{border:2px solid transparent;transition:transform .15s ease,border-color .15s ease;width:72px;border-radius:var(--ui-radius-sm);background:var(--ui-surface-x);aspect-ratio:3/4;flex:0 0 auto;padding:0;overflow:hidden;cursor:pointer;box-shadow:var(--ui-sd-sm)}
.account-unit img{object-fit:cover;width:100%;display:block;height:100%}
.account-unit:hover{transform:translateY(-2px)}
.account-unit.on{border-color:var(--ui-rose)}
.account-col [hidden]{display:none!important}
.account-reel{height:auto;max-height:70vh;width:100%;object-fit:contain;display:block;background:#020001}
.account-unit-reel{position:relative}

.page-block h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.page-block h2{margin-top:34px;font-size:1.35rem;color:var(--ui-rose-dark);font-weight:800}
.page-block p{margin-top:14px;color:var(--ui-fg-50);font-size:1.04rem}
.page-block p a{font-weight:600}
.page-block ul{margin-top:14px;gap:10px;display:grid}
.page-block li{position:relative;padding-left:24px;color:var(--ui-fg-50)}
.page-block li::before{left:0;border-radius:50%;background:var(--ui-salmon);width:10px;content:"";height:10px;top:.5em;position:absolute}
.reel-window{object-fit:cover;display:block;pointer-events:none;background:#020001;height:100%;width:100%}
.reel-led{top:50%;line-height:1;display:grid;transform:translate(-50%,-50%);color:#fffffe;box-shadow:var(--ui-sd-sm);padding-left:2px;width:28px;font-size:.64rem;border-radius:50%;left:50%;background:rgba(2,0,1,.53);place-items:center;height:28px;position:absolute;pointer-events:none}
.reel-tag{background:rgba(2,0,1,.64);bottom:12px;letter-spacing:.02em;padding:5px 9px;gap:4px;font-weight:700;display:inline-flex;box-shadow:var(--ui-sd-sm);left:12px;position:absolute;align-items:center;border-radius:var(--ui-radius-pill);font-size:.7rem;z-index:2;color:#fffffe}
.page-block .breadcrumb{display:flex}.page-block .breadcrumb li{padding-left:0}.page-block .breadcrumb li::before{display:none}

.led{line-height:1;color:var(--ui-green);font-size:.6rem}
.breadcrumb li:not(:last-child)::after{content:"\00203a";color:var(--ui-quiet);margin-left:6px}
.breadcrumb a{color:var(--ui-fg-50)}

.view-intro{padding-block:clamp(40px,6vw,80px) 20px}
.view-intro h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.view-intro p{font-size:1.08rem;color:var(--ui-fg-50);margin:16px auto 0}

.app-base{background:var(--ui-foot-back);color:var(--ui-foot)}
.app-base .container{padding-block:56px 22px}
.app-base a{color:var(--ui-foot)}
.app-base a:hover{color:var(--ui-foot-x)}

.page{align-items:center;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);display:grid}
.page-line>p:not(.pretitle){color:var(--ui-fg-50);font-size:1.04rem;margin-top:16px}
.page-second{font-family:var(--ui-font-display);margin-top:22px;font-size:1.1rem;font-weight:800;color:var(--ui-rose-dark)}

.record{gap:clamp(28px,4vw,48px);align-items:start;grid-template-columns:1.2fr 1fr;display:grid}
.record-stats{gap:16px;display:grid;grid-template-columns:1fr 1fr}
.field-entry{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{font-family:inherit;padding:13px 16px;border-radius:var(--ui-radius-sm);color:var(--ui-fg);width:100%;background:var(--ui-surface-50);transition:border-color .16s,box-shadow .16s;border:1.5px solid var(--ui-rule);font-size:1rem}
.field:focus{outline:none;border-color:var(--ui-rose);box-shadow:0 0 0 3px rgba(236,80,149,.15)}
textarea.field{resize:vertical;min-height:140px}

.request{background:var(--ui-surface);padding:clamp(24px,3vw,40px);box-shadow:var(--ui-sd-md);border-radius:var(--ui-radius-lg);border:1px solid var(--ui-rule-50)}
.request-unit{margin-bottom:18px;display:grid;gap:7px}
.request-unit label{font-weight:700;font-size:.92rem}

.empty{padding-block:clamp(60px,10vw,140px);text-align:center}
.empty-idx{line-height:.9;font-family:var(--ui-font-display);font-weight:800;font-size:clamp(6rem,20vw,13rem)}
.empty-part{display:flex;justify-content:center;margin-top:30px;gap:14px;flex-wrap:wrap}

.sticky-launcher{width:60px;display:flex;color:var(--ui-contrast);box-shadow:var(--ui-sd-lg);height:60px;text-decoration:none;align-items:center;z-index:80;position:fixed;background:linear-gradient(135deg,var(--ui-rose),var(--ui-salmon));justify-content:center;border-radius:50%;right:22px;border:none;bottom:22px;cursor:pointer}
.sticky-launcher svg{height:26px;width:26px;stroke:none;fill:currentColor}
.sticky-launcher-line{gap:9px;padding:13px 20px;height:auto;width:auto;font-family:var(--ui-font-display);font-weight:800;border-radius:var(--ui-radius-pill);max-width:calc(100vw - 44px);font-size:.95rem}
.sticky-launcher-line svg{width:20px;height:20px}
.sticky-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.request-wrap{max-width:640px}
.request-empty{overflow:hidden;position:absolute;width:1px;height:1px;left:-9999px}
.page-block .breadcrumb,.breadcrumb:has(+ .section-head){justify-content:center}
.schedule{display:grid;margin-top:10px;gap:4px}
.town-hall-heading{margin-bottom:14px;font-family:var(--ui-font-display);font-weight:800}
.town-hall-entry{display:flex;gap:10px;margin-top:10px;color:var(--ui-fg-50);font-size:.94rem;align-items:flex-start}
.town-hall-entry .pin{flex:none;color:var(--ui-rose)}
.town-hall-entry .pin svg{width:16px;height:16px}

.chat-tag{height:22px;line-height:1;padding:0 6px;place-items:center;border-radius:var(--ui-radius-pill);font-size:.72rem;top:-3px;min-width:22px;display:grid;position:absolute;font-weight:800;box-shadow:var(--ui-sd-sm);right:-3px;background:var(--ui-crush);color:var(--ui-contrast);border:2px solid var(--ui-surface)}
.chat-tag[hidden]{display:none}

.nearby{flex-direction:column;gap:32px;display:flex}
.nearby-part h2{margin-bottom:16px;font-size:1.15rem;font-weight:800;color:var(--ui-fg)}
.nearby-menu{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}
.nearby-menu a{background:var(--ui-surface);justify-content:space-between;font-size:.92rem;padding:13px 16px;display:flex;border:1px solid var(--ui-rule);gap:10px;color:var(--ui-fg);font-weight:600;border-radius:var(--ui-radius-md);box-shadow:var(--ui-sd-sm);transition:transform .14s,box-shadow .14s,color .14s;align-items:center}
.nearby-menu a:hover{box-shadow:var(--ui-sd-md);transform:translateY(-3px);color:var(--ui-rose-dark)}
.nearby-menu a .pin{flex:none;display:grid;color:var(--ui-rose);place-items:center}
.nearby-menu a .pin svg{width:16px;height:16px}
.benefits-items{gap:10px;display:grid;margin-top:14px}
.benefits-items li{padding-left:24px;position:relative;color:var(--ui-fg)}
.benefits-items li::before{background:var(--ui-salmon);left:0;border-radius:50%;top:.5em;content:"";height:10px;position:absolute;width:10px}
.credits{border-top:1px solid var(--ui-foot-border);margin-top:34px;font-size:.86rem;padding-top:22px;color:var(--ui-foot-50)}

.query-request{gap:12px;border-radius:var(--ui-radius-pill);padding:12px;margin:0 auto;display:flex;border:1px solid var(--ui-rule-50);background:var(--ui-surface);box-shadow:var(--ui-sd-md)}
.query-request .field{background:transparent;border:none;font-size:1.06rem;box-shadow:none}
.query-request .field:focus{box-shadow:none}
.query-request+.nearby{margin-top:40px}
.account-reel-play{height:78px;line-height:1;width:78px;top:50%;box-shadow:var(--ui-sd-md);position:absolute;background:rgba(2,0,1,.5);cursor:pointer;border-radius:50%;transition:transform .15s ease,background .15s ease;font-size:1.9rem;border:none;left:50%;display:grid;color:#fffffe;transform:translate(-50%,-50%);place-items:center;padding-left:6px;z-index:3}
.account-reel-play:hover{transform:translate(-50%,-50%) scale(1.07);background:rgba(2,0,1,.7)}
.account-drawer{top:96px;position:sticky}
.account-intro{margin-top:14px;align-items:center;flex-wrap:wrap;display:flex;gap:12px}
.account-intro .tag-chip{flex:none}
.account-lead{line-height:1.1;font-family:var(--ui-font-display);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.account-lead span{font-weight:600;font-size:.62em;color:var(--ui-quiet)}
.account-mention{font-size:1.02rem;gap:7px;margin-top:10px;color:var(--ui-fg-50);display:flex;align-items:center}
.account-mention .pin svg{height:18px;color:var(--ui-rose);width:18px}
.account-mention a{font-weight:600;transition:border-color .15s ease;text-decoration:none;color:var(--ui-rose-dark);border-bottom:1px solid transparent}
.account-mention a:hover{border-bottom-color:currentColor}
.account-stats{display:flex;margin-top:16px;flex-wrap:wrap;gap:8px}
.account-drawer .lead{margin-top:18px}
.account-items{flex-wrap:wrap;display:flex;gap:12px;margin-top:24px}
.moment{justify-content:space-between;display:flex;font-size:.9rem;color:var(--ui-fg-50);gap:12px}
.page-line .btn{margin-top:26px}
.base-layout{gap:40px;grid-template-columns:1.6fr 1fr 1fr;display:grid}
.base-logo{align-items:center;margin-bottom:12px;font-family:var(--ui-font-display);gap:10px;font-weight:800;font-size:1.2rem;color:var(--ui-foot-x);display:flex}
.base-col>p:not(.base-heading){font-size:.94rem;color:var(--ui-foot-50);max-width:34ch}
.base-heading{color:var(--ui-foot-x);font-size:1rem;margin-bottom:14px;font-weight:800}
.base-menu{gap:10px;font-size:.94rem;display:grid}


.action-panel{flex-wrap:wrap;background:linear-gradient(100deg,var(--ui-rose-dark),var(--ui-salmon) 60%,var(--ui-sun));border-radius:var(--ui-radius-xl);align-items:center;position:relative;box-shadow:var(--ui-sd-lg);color:var(--ui-contrast);display:flex;gap:30px;justify-content:space-between;overflow:hidden;padding:clamp(38px,5vw,64px)}
.action-shape{background:rgba(255,255,254,.12);border-radius:50%;height:320px;width:320px;position:absolute;right:-90px;top:-120px}
.action-line{position:relative;z-index:2}
.action-line h2{max-width:16ch;color:var(--ui-contrast)}
.action-line p{max-width:46ch;margin-top:10px;color:rgba(255,255,254,.94)}
.action-panel .btn{z-index:2;position:relative}

@media (max-width:980px){
  .accounts-layout{grid-template-columns:repeat(3,1fr)}
  .account-layout{grid-template-columns:1fr}
  .account-window{width:100%;max-width:380px;justify-self:start}
  .account-drawer{position:static}
  .page,.record{grid-template-columns:1fr}
  .base-layout{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .main-bar{display:none}
  .toggle{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .drawer-mobile,.bar-backdrop{display:none}
}
@media (max-width:600px){
  :root{--ui-sy:clamp(30px,7vw,48px);--ui-pad:8px}
  .base-layout,.field-entry{grid-template-columns:1fr}
  .accounts-layout{grid-template-columns:repeat(2,1fr);gap:5px}
  .account-card{border-radius:var(--ui-radius-sm)}
  .account-inner{padding:16px 10px}
  .action-panel{flex-direction:column;align-items:stretch;padding:32px 24px}
  .action-panel .btn{width:100%;white-space:normal}
  .query-request{flex-direction:column;border-radius:var(--ui-radius-lg)}
  .query-request .btn{width:100%}
  .block-account{padding-top:0}
  .account-window img{aspect-ratio:1/1;max-height:46vh}
  .account-layout{margin-top:0}
  .account-drawer{display:flex;flex-direction:column;margin-top:14px}
  .account-intro{order:1;margin-top:0}
  .account-mention{order:2}
  .account-items{order:3;margin-top:16px;gap:10px}
  .account-items .btn{flex:1 1 auto}
  .account-track{display:none}
  .account-stats{order:4}
  .account-drawer .lead{order:5}
  .record-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .stat{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .stat-sym{width:34px;height:34px}
  .stat-line{min-width:0}
  .stat-line dd{font-size:.92rem;overflow-wrap:anywhere}
}
