@font-face{ font-family:'Inter'; font-style:normal; font-weight:400 700; font-display:swap; src:url('/assets/fonts/Inter.woff2') format('woff2'); }

@font-face{ font-family:'Inter Full'; font-style:normal; font-weight:100 900; font-display:swap; src:url('/assets/fonts/Inter.woff2') format('woff2'); }
@font-face{ font-family:'Playfair Display'; font-style:normal; font-weight:400 700; font-display:swap; src:url('/assets/fonts/PlayfairDisplay.woff2') format('woff2'); }
@font-face{ font-family:'Archivo'; font-style:normal; font-weight:100 900; font-stretch:62% 125%; font-display:swap; src:url('/assets/fonts/Archivo.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Bricolage Grotesque'; font-style:normal; font-weight:400 800; font-display:swap; src:url('/assets/fonts/BricolageGrotesque.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Bricolage Grotesque'; font-style:normal; font-weight:400 800; font-display:swap; src:url('/assets/fonts/BricolageGrotesqueExt.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face{ font-family:'Hanken Grotesk'; font-style:normal; font-weight:400 700; font-display:swap; src:url('/assets/fonts/HankenGrotesk.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Hanken Grotesk'; font-style:normal; font-weight:400 700; font-display:swap; src:url('/assets/fonts/HankenGroteskExt.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root{
  
  --btn-hover:#F5F6F8;
  --paper:#faf8f3; --surface:#ffffff; --surface-soft:#f6f3ec; --page:#F5F6F8; 
  --line:#e6e1d6; --line-soft:#efeae1; --line-strong:#d5d5d5; 
  --ink:#0f1410; --ink-soft:#2b332e; --muted:#6b736d;
  
  --chrome-field:#f0efeb; --chrome-wash:rgba(15,20,16,.06);
  --fuss-kreis:51.5px;
  
  --navy:#15284b; --navy-hover:#1d3663; --navy-soft:#33507d;
  --gold:#679CBC; --gold-strong:#477E9F; --gold-soft:#EAF3FB; --amber-tint:#EAF3FB;
  --wine:#8b1e2d; --avail:#2A4B5F; --verified:#0095F6; --blue-action:#2f6dff;
  
  --red:#0C6EBA; --cat-red:#0C6EBA; --info:#2563eb;
  
  --tint-blue:#eaf1fb; --tint-blue-line:#d8e4f6; --red-notify:#0C6EBA;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --danger:#0C6EBA; --attention:#0C6EBA;

  --font-serif:Arial,Helvetica,sans-serif;
  --font-post:"Playfair Display",Georgia,"Times New Roman",serif;
  --font-sans:Arial,Helvetica,sans-serif;
  --fs-h1:clamp(27px,4vw,44px); --fs-h2:clamp(22px,2.6vw,30px);
  --fs-body:16px; --fs-small:13px; --fs-label:11px;
  --lh-snug:1.3; --lh-body:1.65;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(17,17,17,.04),0 1px 1px rgba(17,17,17,.03);
  --shadow-2:0 2px 8px rgba(17,17,17,.06),0 1px 2px rgba(17,17,17,.04);
  --shadow-3:0 8px 24px rgba(17,17,17,.10),0 2px 6px rgba(17,17,17,.06);
  --shadow-4:0 20px 48px rgba(17,17,17,.16),0 6px 16px rgba(17,17,17,.10);
  --ease:cubic-bezier(.2,0,.2,1); --dur-fast:120ms; --dur-base:200ms;
  
  --w-public:1530px; --pad:32px; --pad-mobile:16px; --rail-gutter:118px;

  --at-anchor-offset:115px;

  --auth-blue:#0C6EBA; --auth-blue-dark:#09528C; --auth-ink:#0B2238; --auth-text:#4A5A6E; --auth-muted:#5B6B7F;
  --auth-line:#E3E8EF; --auth-field:#CBD5E1; --auth-page:#F5F7FA; --auth-ok:#1B7A3E; --auth-error:#B42318;
  --auth-radius:10px; --auth-font:'Inter', var(--font-sans);
  --login-blue:#2554E8; --login-ink:#18181B; --login-text:#52525B; --login-muted:#63636B; --login-line:#E4E4E7;
  --login-field:#DCDCE0; --login-page:#F5F5F5; --login-tint:#E6ECFF; --login-radius:12px; --login-card-radius:20px;
  --login-font:Inter,system-ui,sans-serif; --login-display:'Space Grotesk',sans-serif;
  --jn-blue:var(--auth-blue); --jn-blue-dark:#0A5A99; --jn-navy:#0A2540; --jn-ink:#0F1B2D; --jn-muted:#5A6778; --jn-body:#4F5D6E;
  --jn-placeholder:#6B7788; --jn-bg:#EEF3F8; --jn-line:#CDD6E1; --jn-line-soft:#DFE6EE; --jn-chip-line:#C9D3DF; --jn-dash:#9FB3C8;
  --jn-edge:#D5DDE7; --jn-edge-strong:#8FA5BC; --jn-off:#E3E8EF; --jn-track:#D9E1EA; --jn-success-bg:#E3F1EA; --jn-success:#1B6B4E;
  --jn-danger:#B03224; --jn-ring:0 0 0 4px rgba(12, 110, 186, .16); --jn-field-h:52px;
  --jn-font:'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif; --jn-display:'Bricolage Grotesque', system-ui, sans-serif;
}
*{ box-sizing:border-box; }

html{ overflow-y:scroll; scroll-padding-top:var(--at-anchor-offset); }
body{ margin:0; background:var(--page); color:var(--ink); font-family:var(--font-sans); font-size:var(--fs-body); line-height:var(--lh-body); -webkit-font-smoothing:antialiased; }
a{ color:inherit; }

img{ max-width:100%; height:auto; display:block; }

img[hidden]{ display:none; }
h1, h2, h3, h4{ font-family:var(--font-serif); }

.skip-link{ position:absolute; left:var(--space-3); top:-48px; background:var(--navy); color:var(--paper); padding:var(--space-2) var(--space-4); min-height:44px; display:inline-flex; align-items:center; border-radius:var(--radius-sm); z-index:300; text-decoration:none; }
.skip-link:focus{ top:var(--space-3); }
.btn{ display:inline-flex; align-items:center; gap:var(--space-2); cursor:pointer; font-family:var(--font-sans); font-size:var(--fs-small); font-weight:600; border-radius:var(--radius-sm); padding:var(--space-2) var(--space-4); border:1px solid var(--line); background:var(--surface); color:var(--ink); text-decoration:none; }
.btn:hover{ border-color:var(--muted); background:#F5F6F8; }

.btn.is-static{ cursor:default; }
.btn.is-locked, .btn.is-locked:hover{ background:var(--surface-soft); border-color:var(--line); color:var(--muted); }
.btn.is-static:hover{ border-color:var(--line); background:#F5F6F8; }
.btn-navy{ background:var(--navy); border-color:var(--navy); color:#fff; }

.btn-navy:hover{ background:var(--navy-soft); border-color:var(--navy-soft); }

.app-header{ background:#ffffff; color:var(--ink); position:sticky; top:0; z-index:200; }
.app-header-inner{ display:grid; grid-template-columns:1fr minmax(0,460px) 1fr; align-items:center; gap:var(--space-5); padding:var(--space-3) var(--space-5); }

.app-header-bare{ display:flex; justify-content:flex-start; padding:var(--space-3) var(--space-5); }
@media (max-width:1079px){ .app-header-bare{ padding:var(--space-3) var(--pad-mobile); } }

.app-logo{ justify-self:start; display:grid; place-items:center; border-radius:var(--radius-lg); background:none; text-decoration:none; }

.app-logo img, .app-logo svg{ display:block; }
.app-search{ width:100%; max-width:460px; justify-self:center; position:relative; }
.app-search input{ width:100%; padding:var(--space-3) var(--space-4) var(--space-3) 42px; font:400 14px/1 var(--font-sans); color:var(--ink); outline:none; }
.app-search-ico{ position:absolute; left:8px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:30px; height:30px; background:none; border:none; padding:0; cursor:pointer; }
.app-search-ico svg{ width:18px; height:18px; fill:none; stroke-width:1.8; }

.we{ position:fixed; inset:0; z-index:2400; display:flex; align-items:center; justify-content:center; padding:var(--space-5); background:rgba(10,14,20,.5); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); }
.we[hidden]{ display:none; }

.we--page{ position:static; inset:auto; z-index:auto; display:block; padding:0;
  background:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
.we--page .we-modal{ height:auto; max-height:none; min-height:70vh; margin:0 auto; }
.we--page .we-canvas{ overflow:visible; }

.we--page .we-modal{ background:none; border:none; box-shadow:none; display:block; }
.we--page .we-top{ border:1px solid var(--line); border-radius:var(--radius-lg);
  margin-bottom:var(--space-4); }
.we--page .we-toolbar{ border:1px solid var(--line); border-bottom:none;
  border-radius:var(--radius-lg) var(--radius-lg) 0 0; }
.we--page .we-main{ border:1px solid var(--line); border-top:none;
  border-radius:0 0 var(--radius-lg) var(--radius-lg); background:#fff; overflow:hidden; }

@media (min-width:1080px){ .we--page .we-back--narrow{ display:none; } }

@media (max-width:1079px){
  .we--page .we-top{ padding:var(--space-3) var(--space-4); }
  .we--page .we-toolbar{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .we--page .we-toolbar > *{ flex:none; }
}
@media (max-width:700px){
  .we--page .we-top{ flex-wrap:wrap; row-gap:10px; }
  .we--page .we-actions{ flex:1 1 100%; flex-wrap:wrap; }
  .we--page .we-cat{ order:0; flex:1 1 auto; width:auto; min-width:0; }
  .we--page .we-post{ order:1; }
  .we--page .we-post{ flex:none; }
  .we--page .we-canvas{ padding:var(--space-4) var(--space-3); }
  .we--page .we-body{ font-size:16px; }
  .we-btn{ width:40px; height:40px; }
  .we--page .we-toolbar{ flex-wrap:wrap; }
}

.we-modal{ width:100%; max-width:1240px; max-height:94dvh; height:94dvh; display:flex; flex-direction:column; background:#f3f4f6; border-radius:var(--radius-lg); box-shadow:var(--shadow-4); overflow:hidden; }

.we-main{ flex:1 1 auto; min-height:0; display:grid; grid-template-columns:minmax(0,1fr); }

@media (max-width:700px){
  .we{ padding:0; }
  .we-modal{ max-width:none; width:100%; height:100dvh; max-height:100dvh; border-radius:0; }
  .we-toolbar{ flex-wrap:wrap; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .we-toolbar > *{ flex:none; }
  .we-words{ display:none; }
  .we-top{ flex-wrap:wrap; row-gap:8px; }
  .we-cat{ order:3; width:100%; }
  .we-canvas{ padding:var(--space-4) var(--space-4); }
  .we-title{ font-size:26px; }
}
.we-top{ display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); background:#fff; padding:var(--space-4) var(--space-6); border-bottom:1px solid var(--line); }
.we-back{ display:inline-flex; align-items:center; gap:6px; color:var(--navy); font:600 15px/1 var(--font-sans); text-decoration:none; background:none; border:none; padding:0; cursor:pointer; }
.we-back svg{ width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2; }
.we-back:hover{ text-decoration:underline; }
.we-cat{ border:1px solid var(--line); border-radius:var(--radius-sm); padding:9px 14px; font:500 14px/1 var(--font-sans); color:var(--ink); background:#fff; cursor:pointer; }
.we-actions{ display:flex; align-items:center; gap:var(--space-3); }
.we-post{ background:var(--navy); color:#fff; border:none; border-radius:var(--radius-sm); padding:9px 22px; font:600 14px/1 var(--font-sans); cursor:pointer; }
.we-post:hover{ background:#0f1d38; }

.we-toolbar{ display:flex; align-items:center; gap:10px; background:#fff;
  padding:var(--space-3) var(--space-5); border-bottom:1px solid var(--line); overflow-x:auto; }

.we-block{ border:none; background:none; font:600 14px/1 var(--font-sans); color:var(--ink); cursor:pointer; padding:6px 8px; flex:none; }
.we-sep{ width:1px; height:22px; background:var(--line); flex:none; }
.we-btn{ display:inline-grid; place-items:center; width:34px; height:34px; border:none; background:none; border-radius:var(--radius-sm); color:var(--ink-soft); cursor:pointer; font:600 16px/1 var(--font-serif); flex:none; }
.we-btn:hover{ background:#F5F6F8;  }
.we-btn svg{ width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.8; }
.we-ico-b, .we-ico-i, .we-ico-s, .we-ico-u{ font-family:Arial, Helvetica, sans-serif; }
.we-ico-b{ font-weight:800; }
.we-ico-i{ font-style:italic; }
.we-ico-s{ text-decoration:line-through; }
.we-ico-u{ text-decoration:underline; }
.we-ico-code{ color:var(--navy); }
.we-dot{ width:16px; height:16px; border-radius:50%; background:#111; display:block; }
.we-rights{ display:flex; align-items:flex-start; gap:9px; margin-top:12px; cursor:pointer;
  font:400 13px/1.5 var(--font-sans); color:var(--ink-soft); }
.we-rights input{ margin-top:2px; accent-color:var(--navy); }
.we-words{ margin-left:auto; color:var(--muted); font:500 13px/1 var(--font-sans); white-space:nowrap; flex:none; padding-left:var(--space-3); }
.we-canvas{ flex:1; overflow-y:auto; padding:var(--space-6) var(--space-5); }
.we-sheet{ max-width:760px; margin:0 auto; }
.we-title{ display:block; width:100%; border:none; background:none; outline:none; font:600 34px/1.2 var(--font-serif); color:var(--ink); padding:0; margin:0 0 var(--space-3); }
.we-title::placeholder{ color:var(--ink-soft); opacity:.5; }
.we-subtitle{ display:block; width:100%; border:none; background:none; outline:none; font:400 18px/1.4 var(--font-sans); color:var(--muted); padding:0; margin:0 0 var(--space-4); }
.we-subtitle::placeholder{ color:var(--muted); opacity:.85; }

.wu-set{ margin:0 0 var(--space-5); }
.wu-set-head{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between;
  gap:8px; margin:0 0 10px; }
.wu-set-title{ margin:0; font:600 12px/1 var(--font-sans); letter-spacing:.08em;
  text-transform:uppercase; color:var(--muted); }
.wu-set-note{ font:400 12px/1.3 var(--font-sans); color:var(--muted); }

.wu-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.wu{ position:relative; min-width:0; }

.wu-slot{ position:relative; display:flex; width:100%; box-sizing:border-box;
  aspect-ratio:3/2; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  padding:10px; overflow:hidden; border:1px dashed var(--line-strong,#d5d5d5);
  border-radius:var(--radius-md); background:var(--surface-soft); cursor:pointer;
  transition:border-color .15s var(--ease,ease), background-color .15s var(--ease,ease); }
.wu-slot:hover{ border-color:var(--navy); background:var(--surface); }
.wu-slot:focus-visible{ outline:2px solid var(--navy); outline-offset:2px; }
.wu.is-over .wu-slot{ border-style:solid; border-color:var(--navy); background:var(--surface); }

.wu-idle{ position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; }

.wu-shape{ display:block; border:1.5px solid var(--ink-soft); border-radius:2px; opacity:.55; }
.wu-shape--wide{ width:34px; height:20px; }
.wu-shape--tall{ width:20px; height:26px; }
.wu-slot:hover .wu-shape{ border-color:var(--navy); opacity:1; }
.wu-name{ font:600 12.5px/1.2 var(--font-sans); color:var(--ink); text-align:center; }
.wu-spec{ font:400 11px/1.2 var(--font-sans); color:var(--muted); text-align:center; }
.wu-hint{ margin:8px 0 0; font:400 12px/1.4 var(--font-sans); color:var(--muted); }

.wu-thumb{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.wu-veil{ position:absolute; inset:0; background:rgba(16,24,40,.55); }
.wu-note{ position:relative; padding:3px 9px; border-radius:var(--radius-pill);
  background:rgba(16,24,40,.72); color:#fff; font:600 11.5px/1.35 var(--font-sans);
  text-align:center; max-width:100%; }

.wu-bar{ position:absolute; right:0; bottom:0; left:0; height:3px; background:rgba(255,255,255,.35); }
.wu-bar-fill{ display:block; width:0; height:100%; background:#fff; transition:width .2s linear; }

.wu-badge{ position:absolute; top:6px; left:6px; display:grid; width:22px; height:22px;
  place-items:center; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.28); }
.wu-badge svg{ width:13px; height:13px; fill:none; stroke:#1a8a4a; stroke-width:2.2;
  stroke-linecap:round; stroke-linejoin:round; }
.wu-clear{ position:absolute; top:6px; right:6px; display:grid; width:22px; height:22px;
  place-items:center; padding:0; border:none; border-radius:50%; background:rgba(16,24,40,.72);
  color:#fff; cursor:pointer; }
.wu-clear:hover{ background:rgba(16,24,40,.9); }
.wu-clear svg{ width:11px; height:11px; fill:none; stroke:currentColor; stroke-width:2.4;
  stroke-linecap:round; }

.wu.is-error .wu-slot{ border-style:solid; border-color:#E9C46A; background:#fdf3f2; }
.wu.is-error .wu-name{ color:#6B4E00; }

.wu-idle[hidden], .wu-thumb[hidden], .wu-veil[hidden], .wu-note[hidden], .wu-bar[hidden],
.wu-badge[hidden], .wu-clear[hidden]{ display:none; }

@media (max-width:700px){
  .wu-row{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.we-body{ min-height:220px; outline:none; font:400 17px/1.7 var(--font-sans); color:var(--ink); }
.we-body:empty::before{ content:attr(data-placeholder); color:var(--muted); opacity:.7; }
.we-body pre{ background:var(--surface-soft); padding:var(--space-4); border-radius:var(--radius-sm); overflow-x:auto; font-family:ui-monospace,monospace; }
.app-nav{ justify-self:end; display:flex; align-items:center; gap:var(--space-5); }

.app-nav > a, .app-nav-btn, .app-me{ display:flex; flex-direction:column; align-items:center; gap:5px; color:#4E4E4E; text-decoration:none; font:inherit; font-size:8.5px; letter-spacing:.02em; opacity:.9; background:none; border:none; cursor:pointer; padding:6px; position:relative; }
.app-nav > a:hover, .app-nav-btn:hover, .app-me:hover{ opacity:1; }

.app-nav svg, .app-nav-btn svg{ width:34px; height:34px; stroke:currentColor; fill:none; stroke-width:1.25; }

.app-nav svg.app-nav-grid{ width:34px; height:34px; fill:currentColor; stroke:none; }


.app-nav-tip{ position:absolute; top:calc(100% + 30px); left:50%; transform:translateX(-50%) translateY(-3px); z-index:60;
  padding:5px 9px; border-radius:6px; background:var(--ink); color:#fff; white-space:nowrap;
  font:600 11.5px/1.2 var(--font-sans); letter-spacing:.01em;
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity .12s ease, transform .12s ease, visibility .12s; }
.app-nav-tip::after{ content:""; position:absolute; top:-3px; left:50%; width:7px; height:7px;
  background:var(--ink); transform:translateX(-50%) rotate(45deg); border-radius:1px; }
.app-nav-btn:hover .app-nav-tip, .app-nav-btn:focus-visible .app-nav-tip,
.app-me:hover .app-nav-tip, .app-me:focus-visible .app-nav-tip,
.app-nav a:hover .app-nav-tip, .app-nav a:focus-visible .app-nav-tip{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.app-nav-divider{ width:1px; height:26px; background:rgba(15,20,16,.15); }

.at-dialog--feld{ display:grid; gap:var(--space-3); }
.at-dialog-input{ width:100%; padding:10px 12px; border:1px solid var(--line-strong); border-radius:var(--radius-sm); font:400 15px/1.3 var(--font-sans); color:var(--ink); background:var(--surface); }
.at-dialog-input:focus{ outline:2px solid var(--navy); outline-offset:1px; }

.app-me-avatar{ width:34px; height:34px; border-radius:var(--radius-pill); display:grid; place-items:center; font:600 12px/1 var(--font-sans); background:var(--navy); color:#fff; }
  
.app-nav > a.app-signin, .app-nav > a.app-join{
  flex-direction:row; align-items:center; padding:15px 34px; border-radius:8px;
  font:400 15px/1 Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; letter-spacing:.06em; text-transform:uppercase; opacity:1; white-space:nowrap;
}
.app-nav > a.app-signin{ background:transparent; color:var(--navy); box-shadow:inset 0 0 0 1.5px var(--navy); }
.app-nav > a.app-signin:hover{ background:var(--navy); color:#fff; opacity:1; }
.app-nav > a.app-join{ background:var(--gold); color:#fff; }
.app-nav > a.app-join:hover{ background:var(--gold-strong); opacity:1; }
.app-guest-cta{ display:none; }

.app-rail-rule{ display:none; }
.plus-menu{ display:none; }

.app-nav a.app-nav-msg{ display:none; }
.app-nav-item{ position:relative; display:flex; align-items:center; }
.app-nav-bar{ display:contents; }
.app-burger{ display:none; }
.app-nav-badge{ position:absolute; top:-4px; right:2px; min-width:15px; height:15px; padding:0 3px; border-radius:var(--radius-pill); background:var(--gold); color:var(--navy); font-size:9px; font-weight:700; display:grid; place-items:center; }

.app-nav-badge[hidden]{ display:none; }

.app-nav-dot{ position:absolute; top:-2px; right:20px; width:7px; height:7px; border-radius:var(--radius-pill); background:var(--gold); }

.app-nav-cart path{ stroke-width:27; }

.app-nav-cart circle{ stroke-width:30; }

@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{ animation-duration:.01ms; animation-iteration-count:1; transition-duration:.01ms; scroll-behavior:auto; }
}

.at-cbar{ display:flex; align-items:flex-start; gap:12px;
  max-width:898px; margin:0 auto 35px; padding:16px;
  background:#fff; border-radius:6px; }

.at-cbar-av{ width:44px; height:44px; flex:0 0 44px; border-radius:4px;
  object-fit:cover; display:block; }
.at-cbar-av-ini{ display:grid; place-items:center; background:var(--navy,#15284b); color:#fff;
  font:500 14px/1 var(--font-sans,system-ui); letter-spacing:.02em; }

.at-cbar-main{ flex:1 1 auto; min-width:0; }

.at-cbar-field{ display:block; box-sizing:border-box; width:100%; height:45px;
  padding:0 14px; border:0; border-radius:8px; background:#f2f2f2;
  color:#6e6c6c; font:400 15px/45px var(--font-sans,system-ui); text-align:left;
  text-decoration:none; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.at-cbar-field:hover{ background:#F5F6F8; color:#6e6c6c; text-decoration:none; }

.at-cbar-foot{ display:flex; align-items:center; gap:3px; margin-top:8px; }

.at-cbar-act{ position:relative; display:inline-flex; align-items:center; gap:8px; height:35px;
  padding:0 16px; border:0; border-radius:4px; background:none; color:#201e1d;
  font:400 14px/1 var(--font-sans,system-ui); text-decoration:none; white-space:nowrap; cursor:pointer; }
.at-cbar-act:hover{ background:#F5F6F8; color:#201e1d; text-decoration:none; }
.at-cbar-act svg{ display:block; width:20px; height:20px; flex:0 0 20px; fill:#616161; stroke:#616161;
  stroke-width:1; stroke-linejoin:round; }

.at-cbar-post{ margin-left:auto; display:inline-flex; align-items:center; justify-content:center;
  box-sizing:border-box; min-width:82px; height:35px; padding:0 22px; border:0; border-radius:4px; color:#fff; font:400 14px/1 var(--font-sans,system-ui);
  text-decoration:none; cursor:pointer; }
.at-cbar-post:hover{ color:#fff; text-decoration:none; }

@media (max-width:520px){
  .at-cbar-act{ padding:0 12px; }
  .at-cbar-lbl{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0;
    overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
}

.a-center{ text-align:center; }
.a-right{ text-align:right; }

.a-code{ margin:0 0 var(--space-4); padding:14px 16px; overflow-x:auto;
  background:var(--surface-soft,#f2efe8); border:1px solid var(--line,#e6e1d6);
  border-radius:var(--radius-md,10px); }
.a-code code{ font:400 13.5px/1.65 var(--font-mono);
  color:var(--ink,#0f1410); white-space:pre; }
.a-fig{ margin:0 0 var(--space-4); }
.a-fig img{ display:block; width:100%; height:auto; border-radius:var(--radius-md,10px); }

.app-shell{ max-width:var(--w-public); margin:0 auto; padding:var(--space-5) var(--pad) var(--space-8) var(--rail-gutter); }

.app-shell:has(.mkt):not(.app-shell--bleed):not(.app-shell--chromeless){ max-width:1400px; }
.app-main{ min-width:0; }

.app-rail{ position:fixed; left:0; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:32px; background:var(--surface); border:1px solid var(--line); border-left:none; border-radius:0 19px 19px 0; padding:54px 9px 22px; box-shadow:var(--shadow-2); z-index:150; }

.app-rail-link{ position:relative; width:54px; height:54px; padding:0; border-radius:var(--radius-pill); display:grid; place-items:center; color:var(--ink-soft); text-decoration:none; border:none; background:none; cursor:pointer; }
.app-rail-link:hover{ background:var(--surface-soft); }
.app-rail-link[aria-current="page"]{ background:var(--gold); color:#fff; }

.app-rail-createwrap{ position:relative; display:flex; margin:-54px -9px 0; }
.app-rail-create{ width:100%; height:84px; border-radius:0 19px 0 0; background:var(--gold); color:var(--navy); }
.app-rail-create:hover{ background:var(--gold); } 

.app-rail-create.is-locked{ background:var(--surface-soft); color:var(--muted); }
.app-rail-create.is-locked:hover{ background:var(--surface-soft); } 

.app-rail svg{ width:38px; height:38px; stroke:currentColor; fill:none; stroke-width:1.25; }

.app-rail svg.rail-art{ stroke:none; }

.app-rail-link::after{ content:attr(data-tip); position:absolute; left:calc(100% + 16px); top:50%; transform:translateY(-50%); white-space:nowrap; background:#0f1410; color:#fff; font:600 12px/1 var(--font-sans); padding:9px 13px; border-radius:var(--radius-sm); box-shadow:var(--shadow-3); opacity:0; pointer-events:none; transition:opacity var(--dur-fast) var(--ease); z-index:400; }
.app-rail-link::before{ content:""; position:absolute; left:calc(100% + 6px); top:50%; transform:translateY(-50%); border:6px solid transparent; border-right-color:#0f1410; opacity:0; pointer-events:none; transition:opacity var(--dur-fast) var(--ease); z-index:400; }
.app-rail-link:hover::after, .app-rail-link:hover::before, .app-rail-link:focus-visible::after, .app-rail-link:focus-visible::before{ opacity:1; }

.cart-veil{ position:fixed; inset:0; background:rgba(15,20,16,.38); z-index:390; opacity:0; transition:opacity var(--dur-fast) var(--ease); }
.cart-veil.is-open{ opacity:1; }
.cart-drawer{ position:fixed; top:0; right:0; bottom:0; width:min(430px,92vw); background:var(--surface); z-index:400; display:flex; flex-direction:column; box-shadow:-12px 0 32px rgba(0,0,0,.18); transform:translateX(103%); transition:transform .28s var(--ease); }
.cart-drawer.is-open{ transform:none; }
.cart-head{ display:flex; align-items:center; justify-content:space-between; padding:var(--space-4) var(--space-5); }
.cart-head h2, .cart-head .cart-title{ margin:0; font:700 26px/1 var(--font-serif); color:var(--ink); }
.cart-x{ border:none; background:none; cursor:pointer; width:36px; height:36px; display:grid; place-items:center; color:var(--ink); }
.cart-x svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.cart-body{ flex:1 1 auto; overflow-y:auto; padding:0 var(--space-5) var(--space-4); display:flex; flex-direction:column; gap:var(--space-3); }
.cart-item{ display:flex; align-items:center; gap:var(--space-3); border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-3); }
.cart-thumb{ width:56px; height:56px; object-fit:cover; border-radius:8px; background:var(--surface-soft); flex:0 0 auto; }
.cart-item-meta{ min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:2px; }
.cart-item-title{ font:600 14px/1.3 var(--font-sans); color:var(--ink); text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cart-item-title:hover{ text-decoration:underline; }
.cart-item-price{ font:700 14px/1 var(--font-sans); color:var(--navy); }
.cart-item-note{ font:400 12px/1.3 var(--font-sans); color:#6B4E00; }
.cart-remove{ flex:0 0 auto; }
.cart-trash{ border:none; background:none; cursor:pointer; width:34px; height:34px; display:grid; place-items:center; color:var(--muted); }
.cart-trash:hover{ color:#0C6EBA; }
.cart-trash svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; }
.cart-empty{ color:var(--muted); padding:var(--space-6) 0; text-align:center; }
.cart-empty a{ color:var(--navy); }
.cart-updates-h{ margin:var(--space-3) 0 0; font:700 11px/1 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); display:flex; justify-content:space-between; align-items:center; }
.cart-updates-h a{ font:600 12px/1 var(--font-sans); color:var(--navy); text-decoration:none; letter-spacing:0; text-transform:none; }
.cart-update{ display:flex; gap:var(--space-2); align-items:baseline; font:400 13px/1.35 var(--font-sans); color:var(--ink); text-decoration:none; }
.cart-update:hover .cart-update-t{ text-decoration:underline; }
.cart-update-t{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cart-update-time{ color:var(--muted); font-size:12px; flex:0 0 auto; margin-left:auto; }
.cart-foot{ border-top:1px solid var(--line); padding:var(--space-4) var(--space-5); display:flex; flex-direction:column; gap:var(--space-3); }
.cart-total{ display:flex; justify-content:space-between; align-items:baseline; font:600 13px/1 var(--font-sans); color:var(--muted); }
.cart-total strong{ font:700 22px/1 var(--font-serif); color:var(--ink); }
.cart-checkout{ display:block; text-align:center; padding:12px 16px; border-radius:10px; background:var(--navy); color:var(--paper); font:600 15px/1 var(--font-sans); text-decoration:none; }
.cart-checkout:hover{ filter:brightness(1.12); }
.cart-continue{ border:1px solid var(--line); background:var(--surface); border-radius:10px; padding:11px 16px; font:600 14px/1 var(--font-sans); color:var(--ink); cursor:pointer; }
.cart-continue:hover{ background:var(--surface-soft); }

.at-dialog-veil{ position:fixed; inset:0; background:rgba(15,20,16,.44); z-index:2700; opacity:0; transition:opacity var(--dur-fast) var(--ease); }
.at-dialog-veil.is-open{ opacity:1; }
.at-dialog{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(.96); width:min(400px,92vw); background:var(--surface); border-radius:var(--radius-lg); box-shadow:var(--shadow-3); padding:var(--space-5); z-index:2701; opacity:0; transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease); }
.at-dialog.is-open{ opacity:1; transform:translate(-50%,-50%) scale(1); }
.at-dialog-text{ margin:0 0 var(--space-4); font:400 15px/1.5 var(--font-sans); color:var(--ink); white-space:pre-line; }
.at-dialog-actions{ display:flex; justify-content:flex-end; gap:var(--space-3); }
.at-dialog-cancel{ border:1px solid var(--line); background:var(--surface); border-radius:10px; padding:9px 16px; font:600 14px/1 var(--font-sans); color:var(--ink); cursor:pointer; }
.at-dialog-cancel:hover{ background:var(--surface-soft); }
html.scroll-lock{ overflow:hidden; }
.copy-buf{ position:fixed; top:-1000px; }
.at-dialog-ok{ border:none; background:#0C6EBA; border-radius:10px; padding:9px 16px; font:600 14px/1 var(--font-sans); color:#fff; cursor:pointer; }
.at-dialog--grund{ text-align:left; max-width:380px; }
.at-grund-liste{ display:grid; gap:2px; margin:10px 0 0; }
.at-grund-wahl{ display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:var(--radius-sm); cursor:pointer; font:400 14px/1.35 var(--font-sans); color:var(--ink); }
.at-grund-wahl:hover{ background:var(--surface-soft); }
.at-grund-wahl input{ flex:0 0 auto; margin:0; }
.at-grund-text{ width:100%; margin-top:8px; padding:9px 11px; border:1px solid var(--line); border-radius:var(--radius-sm); font:400 14px/1.4 var(--font-sans); color:var(--ink); resize:vertical; }
.at-grund-undo{ margin:12px 0 0; font:400 12.5px/1.5 var(--font-sans); color:var(--muted); }
.at-dialog-ok:disabled{ opacity:.5; cursor:not-allowed; }
.blk-head--zwei{ margin-top:28px; }

.at-dialog-ok:hover{ filter:brightness(1.08); }

.at-policy{ appearance:none; -webkit-appearance:none; background:none; border:0; padding:0;
  font:inherit; color:var(--blue-action); text-decoration:underline; text-underline-offset:2px;
  cursor:pointer; }
.at-policy:hover{ color:var(--navy); }
.at-policy:focus-visible{ outline:2px solid var(--navy); outline-offset:2px; border-radius:2px; }

.at-sheet-veil{ position:fixed; inset:0; background:rgba(15,20,16,.44); z-index:600; opacity:0;
  transition:opacity var(--dur-fast) var(--ease); }
.at-sheet-veil.is-open{ opacity:1; }
.at-sheet{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(.98);
  width:min(820px, 94vw); max-height:88vh; display:flex; flex-direction:column;
  background:var(--surface); border-radius:var(--radius-lg); box-shadow:var(--shadow-4);
  z-index:601; opacity:0; transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease); }
.at-sheet.is-open{ opacity:1; transform:translate(-50%,-50%) scale(1); }
.at-sheet-head{ flex:0 0 auto; display:flex; align-items:center; justify-content:space-between;
  gap:var(--space-4); padding:var(--space-4) var(--space-5); border-bottom:1px solid var(--line); }
.at-sheet-h{ margin:0; font:600 17px/1.3 var(--font-serif); color:var(--ink); }
.at-sheet-x{ flex:0 0 auto; display:grid; place-items:center; width:36px; height:36px;
  border:1px solid var(--line); background:var(--surface); border-radius:var(--radius-sm);
  color:var(--ink); cursor:pointer; }
.at-sheet-x:hover{ background:#F5F6F8; }
.at-sheet-x svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; }
.at-sheet-body{ flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain;
  padding:var(--space-5); }
.at-sheet-body .doc{ max-width:none; margin:0; padding:0; }
.at-sheet-body .doc + .doc{ margin-top:var(--space-6); padding-top:var(--space-5);
  border-top:1px solid var(--line); }
.at-sheet-body .doc-kicker{ display:none; }
.at-sheet-body h1{ font-size:22px; margin-top:0; }
.at-sheet-wait{ margin:0; color:var(--muted); font-size:var(--fs-small); }
.at-sheet-foot{ flex:0 0 auto; display:flex; align-items:center; justify-content:space-between;
  gap:var(--space-4); padding:var(--space-3) var(--space-5); border-top:1px solid var(--line); }
.at-sheet-foot a{ color:var(--muted); font-size:var(--fs-small); }
@media (max-width:600px){
  .at-sheet{ width:100vw; max-height:100dvh; height:100dvh; top:0; left:0; transform:none;
    border-radius:0; }
  .at-sheet.is-open{ transform:none; }
}

@font-face{ font-family:'Geist'; font-style:normal; font-weight:300 800; font-display:swap; src:url('/assets/fonts/Geist.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Geist'; font-style:normal; font-weight:300 800; font-display:swap; src:url('/assets/fonts/GeistExt.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
.app-footer{ margin-top:var(--space-8); }
.ft{ width:100%; box-sizing:border-box; background:#F5F6F8; color:#4A5560; border-top:1px solid #E4E7EC; font-family:'Geist', system-ui, sans-serif; -webkit-font-smoothing:antialiased; }
.ft *, .ft *::before, .ft *::after{ box-sizing:border-box; }
.app-footer--dock{ padding-bottom:56px; }
.ft-inner{ max-width:1280px; margin:0 auto; padding:72px 40px 0; }
.ft-main{ display:flex; flex-wrap:wrap; gap:48px 40px; padding-bottom:56px; }
.ft-brand{ flex:1.4 1 300px; max-width:360px; display:flex; flex-direction:column; gap:22px; }
.ft .ft-wordmark{ display:block; align-self:flex-start; margin:0; padding:0; font:800 36px/1 'Plus Jakarta Sans', var(--font-sans); letter-spacing:-.04em; color:#0C6EBA; text-decoration:none; white-space:nowrap; }
.ft .ft-wordmark:hover{ color:#0C6EBA; text-decoration:none; }
.ft-slogan{ margin:0; font-size:16px; line-height:1.55; color:#4A5560; }
.ft-social{ margin:0 0 0 -3px; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:4px; }
.ft .ft-soc{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:8px; text-decoration:none; }
.home-intro{ position:relative; display:flex; flex-direction:column; overflow:hidden; margin:0; border-radius:12px; background:#0C6EBA; box-shadow:0 2px 3px -1px rgba(17,24,39,.138); }
.home-intro-photo{ position:relative; display:block; flex:0 0 auto; aspect-ratio:16 / 10; background:#0C6EBA url(/images/banners/artist-studio-800.webp) 62% 22%/cover no-repeat; }
.home-intro-photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(12,110,186,0) 52%,rgba(12,110,186,.55) 78%,#0C6EBA 100%); pointer-events:none; }
.home-intro-body{ display:flex; flex-direction:column; padding:4px 16px 16px; }
.home-intro-title{ margin:0 0 10px; font:800 22px/1.15 var(--font-serif); letter-spacing:-.02em; color:#fff; }
.home-intro-text{ margin:0 0 16px; font:400 14.5px/1.55 var(--font-sans); color:rgba(255,255,255,.94); }
.home-intro-links{ display:flex; flex-wrap:wrap; gap:2px 16px; }
.home-intro-links a{ display:inline; padding:0; border:0; background:transparent; color:#E0F1FD; font:italic 400 15px/1.6 var(--font-sans); text-decoration:none; transition:color .15s ease; }
.home-intro-links a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.home-intro-links a:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
@media (max-width:1079px){
  .disc--three > .at-rail--promo:has(> .home-intro){ display:flex; grid-column:1; grid-row:2; }
  .disc--three > .at-rail--promo:has(> .home-intro) > :not(.home-intro){ display:none; }
  .home-intro{ flex-direction:row; align-items:stretch; }
  .home-intro-photo{ flex:0 0 42%; aspect-ratio:auto; min-height:220px; }
  .home-intro-photo::after{ background:linear-gradient(90deg,rgba(12,110,186,0) 52%,rgba(12,110,186,.55) 78%,#0C6EBA 100%); }
  .home-intro-body{ flex:1 1 auto; justify-content:center; padding:22px 22px 20px; }
  .home-intro-title{ font-size:26px; }
}
@media (max-width:640px){
  .home-intro{ flex-direction:column; }
  .home-intro-photo{ flex:0 0 auto; aspect-ratio:16 / 9; min-height:0; }
  .home-intro-photo::after{ background:linear-gradient(180deg,rgba(12,110,186,0) 52%,rgba(12,110,186,.55) 78%,#0C6EBA 100%); }
  .home-intro-body{ padding:4px 16px 16px; }
  .home-intro-title{ font-size:22px; }
}
.ft .ft-sos{ align-self:flex-start; display:inline-flex; align-items:center; gap:10px; height:46px; padding:0 18px; border-radius:12px; border:1px solid rgba(12,110,186,.55); background:#FFFFFF; color:#002748; font-size:15px; font-weight:600; text-decoration:none; transition:background-color .15s ease, border-color .15s ease; }
.ft .ft-sos:hover{ background:rgba(12,110,186,.08); border-color:#0A5C9C; color:#002748; }
.ft-col{ flex:1 1 150px; min-width:0; }
.ft-col--sell, .ft-col--legal{ flex:1.3 1 200px; }
.ft .ft-h{ margin:0 0 18px; font-family:inherit; font-size:14px; font-weight:600; line-height:1.3; letter-spacing:0; color:#002748; }
.ft-list{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:12px; font-size:15px; line-height:1.35; }
.ft .ft-link{ color:#4A5560; text-decoration:none; }
.ft .ft-link:hover{ color:#002748; text-decoration:underline; text-underline-offset:4px; }
.ft-bottom{ border-top:1px solid #E4E7EC; padding:22px 0 26px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 32px; font-size:14px; color:#5F6A73; }
.ft-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 28px; }
.ft-copy{ margin:0; }
.ft-pay{ margin:0; display:inline-flex; align-items:center; gap:8px; }
.ft-pay svg{ display:block; flex:none; }
.ft-pay b{ font-weight:700; color:#002748; }
.ft-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.ft-btn{ height:40px; padding:0 14px; border-radius:10px; border:0; background:transparent; color:#4A5560; font:inherit; font-size:14px; cursor:pointer; transition:background-color .15s ease, color .15s ease; }
.ft-btn:hover{ color:#002748; background:rgba(0,39,72,.06); }
.ft .ft-top{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px; border-radius:999px; border:1px solid #D0D5DD; background:#FFFFFF; color:#002748; font-size:14px; font-weight:500; text-decoration:none; transition:background-color .15s ease, border-color .15s ease, color .15s ease; }
.ft .ft-top:hover{ background:#002748; border-color:#002748; color:#FFFFFF; }
.ft-top svg{ display:block; }
.ft a:focus-visible, .ft button:focus-visible{ outline:3px solid #0C6EBA; outline-offset:3px; }
@media (max-width:767px){
  .ft-inner{ padding:48px 16px 0; }
  .ft-main{ gap:36px 24px; padding-bottom:40px; }
  .ft-brand{ flex-basis:100%; max-width:none; gap:18px; }
  .ft .ft-wordmark{ font-size:30px; }
  .ft-col, .ft-col--sell, .ft-col--legal{ flex:1 1 calc(50% - 12px); }
  .ft-list{ gap:11px; font-size:14.5px; }
  .ft-bottom{ padding:20px 0 24px; }
}

.stripe-badge{ display:inline-flex; align-items:center; text-decoration:none; opacity:.75; transition:opacity .15s ease; }
.stripe-badge:hover{ opacity:1; }
.stripe-badge img{ display:block; height:26px; width:auto; }
.stripe-badge-text{ font-size:var(--fs-small); color:var(--muted); white-space:nowrap; }
.stripe-badge-text strong{ font-weight:700; color:var(--ink); }

.app-dd{ position:absolute; top:calc(100% + 30.5px); right:0; width:300px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-3); padding:var(--space-2); z-index:250; color:var(--ink); }
.app-dd[hidden]{ display:none; }
.app-dd-head{ display:flex; align-items:center; justify-content:space-between; padding:var(--space-2) var(--space-3); }
.app-dd-head strong{ font-family:var(--font-serif); font-size:15px; }
.app-dd-head a{ font-size:12px; color:var(--navy); text-decoration:none; font-weight:600; }
.app-dd-row{ display:flex; align-items:center; gap:var(--space-3); padding:var(--space-2) var(--space-3); border-radius:var(--radius-sm); text-decoration:none; color:var(--ink); }
.app-dd-row:hover{ background:var(--surface-soft); }
.app-dd-meta{ display:flex; flex-direction:column; min-width:0; }
.app-dd-name{ font:600 13px/1.2 var(--font-sans); }
.app-dd-sub{ font:400 12px/1.2 var(--font-sans); color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.app-dd-dot{ width:10px; height:10px; border-radius:var(--radius-pill); flex-shrink:0; }

.app-dd-me{ background:var(--navy-soft); border-color:var(--navy-soft); color:#fff;
  max-height:78vh; overflow-y:auto; overscroll-behavior:contain; }
.app-dd-item{ display:flex; align-items:center; gap:var(--space-3); padding:var(--space-3); border-radius:var(--radius-sm); color:#fff; text-decoration:none; font:500 14px/1 var(--font-sans); }
.app-dd-item:hover{ background:rgba(255,255,255,.08); }
.app-dd-item svg{ width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.7; flex-shrink:0; }

.app-dd-label{ margin:var(--space-2) 0 2px; padding:0 var(--space-3); font:700 10px/1.4 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.app-dd-logout{ margin:0; }
button.app-dd-item{ width:100%; background:none; border:0; cursor:pointer; text-align:left; }
.app-dd-sep{ height:1px; background:rgba(255,255,255,.14); margin:var(--space-2) var(--space-3); }

.app-dd-sw-list{ display:flex; flex-direction:column; gap:2px; }

.app-dd-sw-form{ margin:0; }
button.app-dd-sw, button.app-dd-row{ width:100%; background:none; border:0; cursor:pointer; text-align:left; font:inherit; }
.app-dd-sw{ display:flex; align-items:center; gap:var(--space-3); padding:var(--space-2) var(--space-3);
  border-radius:var(--radius-sm); color:#fff; text-decoration:none; }
.app-dd-sw:hover{ background:rgba(255,255,255,.08); }
.app-dd-sw.is-on{ background:rgba(255,255,255,.14); }
.app-dd-sw-av{ width:32px; height:32px; flex-shrink:0; border-radius:var(--radius-pill);
  object-fit:cover; display:grid; place-items:center; font:600 11px/1 var(--font-sans); color:#fff; }
.app-dd-sw-n{ font:600 14px/1.25 var(--font-sans); min-width:0; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap; }

.av-navy{ background:var(--navy); }
.av-navy-soft{ background:var(--navy-soft); }
.av-slate{ background:#565a60; }
.av-orange{ background:#c8842a; }
.av-gold{ background:var(--gold-strong); }
.dot-red{ background:var(--cat-red); }
.dot-gold{ background:var(--gold); }

.toast{ position:fixed; left:50%; bottom:28px; transform:translate(-50%,12px); z-index:2300; background:var(--ink); color:#fff; font:600 13px/1 var(--font-sans); padding:var(--space-3) var(--space-5); border-radius:var(--radius-pill); box-shadow:var(--shadow-3); opacity:0; transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease); }
.toast[hidden]{ display:none; }
.toast.is-show{ opacity:1; transform:translate(-50%,0); }

.atshare-overlay{ position:fixed; inset:0; z-index:2400; display:flex; align-items:center; justify-content:center; padding:var(--space-5); background:rgba(20,28,40,.55); }
.atshare-overlay[hidden]{ display:none; }
.atshare-modal{ width:100%; max-width:440px; background:var(--surface); border-radius:var(--radius-lg); box-shadow:var(--shadow-4); padding:var(--space-6); }
.atshare-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--space-4); }
.atshare-head h3, .atshare-head .atshare-title{ margin:0; font:700 20px/1 var(--font-serif); }
.atshare-x{ border:none; background:none; font-size:22px; line-height:1; color:var(--muted); cursor:pointer; }
.atshare-preview{ margin:0 0 var(--space-5); border:1px solid var(--line); border-radius:var(--radius-md); overflow:hidden; background:var(--navy); aspect-ratio:1200 / 630; }
.atshare-preview[hidden]{ display:none; }
.atshare-preview img{ width:100%; height:100%; object-fit:cover; display:block; }
.atshare-actions{ display:flex; flex-direction:column; gap:var(--space-3); }
.atshare-act{ display:flex; align-items:center; gap:var(--space-3); width:100%; text-align:left; text-decoration:none; cursor:pointer; font:600 var(--fs-small)/1 var(--font-sans); color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:var(--space-4); }
.atshare-act:hover{ border-color:var(--muted); background:#F5F6F8; }
.atshare-act[hidden]{ display:none; }
.atshare-act svg{ width:20px; height:20px; flex:none; stroke:var(--navy); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.atshare-act-primary{ background:var(--navy); border-color:var(--navy); color:#fff; }
.atshare-act-primary:hover{ background:var(--navy-soft); border-color:var(--navy-soft); }
.atshare-act-primary svg{ stroke:var(--gold); }

.rec-badge{ fill:none; fill-rule:evenodd; stroke:var(--gold); stroke-width:1.6;
  stroke-linejoin:round; stroke-linecap:round; }
[data-react-kind="recommend"].is-active .rec-badge,
.act-rec.is-active .rec-badge{ fill:var(--gold); stroke:var(--gold); }

@font-face{ font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url('/assets/fonts/PlusJakartaSans.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family:'Plus Jakarta Sans'; font-style:normal; font-weight:200 800; font-display:swap; src:url('/assets/fonts/PlusJakartaSansExt.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
.reportgate-overlay{ position:fixed; inset:0; z-index:2600; display:flex; align-items:center; justify-content:center; padding:var(--space-5); background:rgba(20,28,40,.6); }
.reportgate-overlay[hidden]{ display:none; }
.reportgate-modal{ position:relative; width:100%; max-width:420px; background:var(--surface); border-radius:var(--radius-lg); box-shadow:var(--shadow-4); padding:var(--space-6); }

.auth{ max-width:460px; margin:var(--space-8) auto; padding:0 var(--pad-mobile); }
.auth-hp{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }

.hum-box{ display:flex; align-items:center; gap:12px; padding:16px; cursor:pointer;
  border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); }
.hum-box:hover{ background:var(--surface-soft); }
.hum-box input{ position:absolute; opacity:0; width:0; height:0; }
.hum-mark{ width:26px; height:26px; flex:0 0 auto; border:2px solid var(--line-strong);
  border-radius:var(--radius-sm); background:#fff; position:relative; transition:background .15s ease, border-color .15s ease; }
.hum-box input:focus-visible + .hum-mark{ outline:2px solid var(--navy); outline-offset:2px; }
.hum-box input:checked + .hum-mark{ background:var(--navy); border-color:var(--navy); }
.hum-mark::after{ content:''; position:absolute; left:8px; top:3px; width:6px; height:12px;
  border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg) scale(0);
  transition:transform .15s ease; }
.hum-box input:checked + .hum-mark::after{ transform:rotate(45deg) scale(1); }
.hum-text{ font:500 15px/1.3 var(--font-sans); color:var(--ink); }
.hum-form .auth-submit:disabled{ opacity:.45; cursor:not-allowed; }

.v2-nopaste{ margin:10px 0 0; font:500 13px/1.4 var(--font-sans); color:var(--navy); text-align:center; }
.v2-nopaste[hidden]{ display:none; }
.auth-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-2); padding:var(--space-6); }
.auth-title{ margin:0 0 var(--space-2); font-size:var(--fs-h2); }
.auth-sub{ margin:0 0 var(--space-5); color:var(--muted); font-size:var(--fs-small); }
.auth-form{ display:flex; flex-direction:column; gap:var(--space-4); }
.auth-field{ display:flex; flex-direction:column; gap:6px; font:600 var(--fs-small)/1.2 var(--font-sans); color:var(--ink-soft); }
.auth-field input, .auth-field select{ font:400 15px/1.2 var(--font-sans); color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm); padding:var(--space-3) var(--space-4); width:100%; }
.auth-field input:focus, .auth-field select:focus{ outline:none; border-color:var(--navy-soft); }
.auth-checkbox{ display:flex; align-items:flex-start; gap:var(--space-2); font:400 var(--fs-small)/1.4 var(--font-sans); color:var(--ink); }


.auth-submit{ justify-content:center; margin-top:var(--space-2); padding:var(--space-3); font-size:var(--fs-body); }
.auth-form .g-recaptcha{ min-height:78px; margin:2px 0; }
.g-recaptcha textarea{ display:none; }
.auth.auth-robot{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:calc(100vh - 200px); margin:0 auto; }
.auth-robot-form{ display:flex; flex-direction:column; align-items:center; gap:var(--space-4); }
.auth-robot-form .g-recaptcha{ min-width:304px; min-height:78px; }
.auth-robot-form [data-rc-fallback][hidden]{ display:none; }
.auth-robot .auth-note{ margin:0 0 var(--space-4); }
@media (max-width:367px){
  .auth-form .g-recaptcha, .auth-robot-form .g-recaptcha{ width:256px; height:66px; min-width:0; min-height:0; overflow:hidden; }
  .auth-form .g-recaptcha > div, .auth-robot-form .g-recaptcha > div{ transform:scale(.84); transform-origin:0 0; }
}

.btn:disabled{ background:var(--line-strong); border-color:var(--line-strong); color:var(--muted);
  cursor:not-allowed; }
.btn-navy:disabled:hover, .btn:disabled:hover{ background:var(--line-strong);
  border-color:var(--line-strong); }
.auth-alt{ margin:var(--space-5) 0 0; text-align:center; font-size:var(--fs-small); color:var(--muted); }
.auth-alt a{ color:var(--navy); font-weight:600; }

.auth-checkbox a{ color:var(--navy); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.auth-note{ margin:var(--space-4) 0 0; text-align:center; font-size:var(--fs-label); color:var(--muted); }
.auth-err, .auth-note[role="alert"]{ display:flex; align-items:flex-start; gap:8px; font-weight:400; color:var(--attention); }
.auth-note[role="alert"]{ justify-content:center; text-align:left; }
.auth-err::before, .auth-note[role="alert"]::before{ content:""; flex:0 0 15px; width:15px; height:15px; margin-top:2px; background:url("../images/ui/attention.svg") no-repeat center/contain; }


.auth-sugg{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:8px; }
.auth-sugg-t{ font:400 var(--fs-label)/1.2 var(--font-sans); color:var(--muted); }
.auth-sugg-b{ border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface); color:var(--ink); padding:6px 13px; font:500 13px/1.2 var(--font-sans); cursor:pointer; }
.auth-sugg-b:hover{ border-color:var(--navy); background:var(--navy); color:var(--paper); }
.auth-sugg-b:focus-visible{ outline:2px solid var(--navy); outline-offset:2px; }

@media (max-width:900px){
  .auth{ max-width:none; margin:var(--space-5) auto var(--space-8); }
  .auth-card{ background:none; border:none; border-radius:0; box-shadow:none; padding:var(--space-2) 0; }
  .auth-title{ font-size:32px; line-height:1.12; }
  .auth-sub{ font-size:16px; line-height:1.45; margin-bottom:var(--space-6); }
  .auth-form{ gap:18px; }
  .auth-field{ font-size:15px; gap:8px; }
  .auth-field input, .auth-field select{ font-size:17px; min-height:54px; padding:14px 16px; border-radius:var(--radius-md); }
  .auth-checkbox{ font-size:15px; line-height:1.5; }
  .auth-checkbox input{ width:22px; height:22px; flex:0 0 22px; margin-top:1px; }
  
  .auth-err{ font-size:14px; }
  .auth-submit{ min-height:54px; font-size:17px; border-radius:var(--radius-md); }
  .auth-alt{ font-size:15px; }
  .auth-note{ font-size:14px; line-height:1.55; }
}
.is-hidden{ display:none; }

.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.empty-note{ color:var(--muted); padding:var(--space-6) 0; }


@media (max-width:1079px){

:root{ --at-anchor-offset:92px; } 
.app-shell{ padding:var(--space-4) var(--pad-mobile) 92px; }

  .app-shell--guest .app-rail,
  .app-nav-guest .app-nav-bar{ display:none; }
  .app-shell--guest{ padding-bottom:calc(56px + var(--space-4)); }
  .app-shell--guest ~ .app-footer{ padding-bottom:56px; }
  .app-shell:not(.app-shell--guest) ~ .app-footer{ padding-bottom:calc(var(--fuss-kreis) + var(--space-2) * 2); }

  .app-guest-cta{ position:fixed; left:0; right:0; bottom:0; z-index:200;
    display:flex; min-height:56px; box-sizing:border-box; align-items:center;
    justify-content:center; padding:0 var(--space-4);
    background:#F4B400; border-top:1px solid var(--line);
    color:#000; font:750 15px/1 var(--font-sans); letter-spacing:.1em;
    text-transform:uppercase; text-decoration:none; }
  .app-guest-cta:active{ background:#DFA400; }
  
  .app-header-inner{ position:relative;
    grid-template-columns:auto auto 1fr;
    grid-template-areas:"burger search nav"; row-gap:var(--space-3); column-gap:6px;
    padding:12px var(--pad-mobile) 18px; }

  .app-burger{ grid-area:burger; justify-self:start; display:grid; place-items:center;
    width:44px; height:44px; padding:0; border:none; border-radius:var(--radius-md);
    background:var(--surface-soft); color:var(--ink); cursor:pointer; }
  .app-burger svg{ width:24px; height:24px; stroke:currentColor; fill:none; stroke-width:1.9; stroke-linecap:round; }
  .app-burger:hover, .app-burger:focus-visible, .app-burger[aria-expanded="true"]{ background:var(--line); }

  .app-logo{ position:absolute; left:50%; top:12px; transform:translateX(-50%);
    width:44px; height:44px; border-radius:var(--radius-md); }

  .app-search{ grid-area:search; justify-self:start; display:block;
    width:clamp(30px,11.7vw,44px); max-width:none; min-width:0; }
  .app-search input{ display:none; }
  .app-search-ico{ position:static; transform:none; display:grid; place-items:center;
    width:clamp(30px,11.7vw,44px); height:clamp(30px,11.7vw,44px); background:var(--chrome-wash); }
  .app-search-ico:hover, .app-search-ico:focus-visible{ background:rgba(15,20,16,.13); }
  .app-search-ico svg{ width:22px; height:22px; stroke:var(--ink); stroke-width:1.9; }

  .app-nav{ grid-area:nav; display:flex; justify-content:flex-end; align-items:center; width:auto; gap:6px; }
  .app-nav-guest{ justify-content:flex-end; }
  .app-nav-divider{ display:none; }
  .app-nav > a.app-signin, .app-nav > a.app-join{ min-height:44px; padding:9px 11px; font-size:12px; }

  .app-dd-menu{ left:var(--pad-mobile); right:auto; width:min(320px, calc(100vw - 32px)); }
  .app-menu-item{ display:flex; align-items:center; gap:var(--space-3); padding:var(--space-3);
    border-radius:var(--radius-sm); color:var(--ink); text-decoration:none; font:500 15px/1 var(--font-sans); }
  .app-menu-item:hover{ background:var(--surface-soft); }
  .app-menu-item[aria-current="page"]{ color:var(--navy); font-weight:700; }
  .app-menu-item svg{ width:28px; height:28px; flex-shrink:0; stroke:currentColor; fill:none; stroke-width:1.25; }
  .app-menu-item svg.rail-art{ stroke:none; }

  .app-nav-bar{ position:fixed; left:0; right:0; bottom:0; display:grid; align-items:center;
    padding:var(--space-2) var(--space-4); }
  .app-nav-bar > *{ justify-self:center; }
  .app-nav-bar::before{ content:''; position:absolute; inset:0; z-index:-1; background:#F5F5F5;
    border-top:1px solid rgba(15,20,16,.12); box-shadow:0 -2px 14px rgba(0,0,0,.08); }
  .app-nav-bar .app-nav-item--me{ grid-column:1; grid-row:1; }
  .app-nav-bar .app-nav-msg{ grid-column:2; grid-row:1; }
  .app-nav-bar .app-nav-item--notes{ grid-column:3; grid-row:1; }
  .app-nav-bar .app-nav-item--cart{ grid-column:4; grid-row:1; }

  .app-nav-bar button.app-me,
  .app-nav-bar a.app-nav-msg,
  .app-nav-bar .app-nav-btn{ width:var(--fuss-kreis); height:var(--fuss-kreis);
    padding:0; border-radius:50%;
    background:var(--chrome-wash); display:grid; place-items:center;
    justify-self:center; }
  .app-nav-bar a.app-nav-msg{ display:flex; }
  .app-nav-bar .app-dd{ top:auto; bottom:calc(var(--fuss-kreis) + 28px);
    max-height:60dvh; overflow-y:auto; }

  .app-rail{ position:fixed; left:0; right:0; bottom:0; top:auto; transform:none; flex-direction:row; align-items:center; justify-content:flex-end; gap:0; border:none; border-radius:0; background:none; padding:var(--space-2) var(--space-4); box-shadow:none; overflow:visible; z-index:210; pointer-events:none; }
  .app-rail > .app-rail-link{ display:none; }
  .app-rail-link::after, .app-rail-link::before{ content:none; }
  .app-rail-label{ display:none; }

  .at-cbar{ max-width:none; border-radius:0;
            margin-left:-16px; margin-right:-16px; margin-bottom:19px; }

  .app-rail svg{ width:37px; height:37px; stroke-width:1.56; }

  .app-rail-createwrap{ position:relative; margin:0; pointer-events:auto; }
  .app-rail-create{ position:relative; z-index:1; margin:0; width:58px; height:58px; border-radius:var(--radius-pill); box-shadow:0 6px 16px rgba(0,0,0,.3); }

  .app-rail-create svg path{ transform-box:fill-box; transform-origin:center;
    transition:transform .22s cubic-bezier(.4,0,.2,1); }
  .app-rail-create[aria-expanded="true"] svg path{ transform:rotate(45deg); }

  .plus-menu{ position:absolute; bottom:0; right:0;
    display:flex; flex-direction:column; align-items:center; gap:7px;
    padding:5px 5px 64px;
    background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-pill);
    box-shadow:0 8px 24px rgba(0,0,0,.18); z-index:0;
    transform-origin:bottom center;
    animation:plus-menu-auf .18s cubic-bezier(.4,0,.2,1); }
  .plus-menu[hidden]{ display:none; }
  @keyframes plus-menu-auf{ from{ opacity:0; transform:translateY(8px) scale(.94); } }
  .plus-menu-btn{ display:grid; place-items:center; width:46px; height:46px; padding:0;
    border:none; border-radius:var(--radius-pill); background:var(--chrome-wash);
    color:var(--ink); cursor:pointer; }
  .plus-menu-btn:hover, .plus-menu-btn:focus-visible{ background:rgba(15,20,16,.12); }
  .plus-menu-btn svg{ width:26px; height:26px; stroke:currentColor; fill:none; stroke-width:1.7;
    stroke-linecap:round; stroke-linejoin:round; }
  .plus-menu-sep{ width:26px; height:1px; flex:0 0 auto; background:var(--line-strong); }

  .app-nav > a:not(.app-me) span:not(.app-nav-badge), .app-nav-btn span:not(.app-nav-badge), button.app-me span:last-child{ display:none; }

  .app-dd{ position:fixed; left:var(--pad-mobile); right:var(--pad-mobile); top:86px; width:auto; }
}

@media (min-width:768px) and (max-width:1079px){
  .app-dd{ left:auto; width:min(420px, calc(100vw - 32px)); }
}


@media (min-width:1080px){ .app-dd-item--nodesk{ display:none; } }

@media (max-width:479px){
  .app-header-inner{ column-gap:4px; }
  .app-nav{ gap:4px; min-width:0; }
  
  .app-nav-item{ min-width:0; }
  .app-nav > a:not(.app-cta), .app-nav-btn, button.app-me{ flex:0 1 44px; width:auto; min-width:0; }
  .app-nav svg, .app-nav-btn svg{ width:100%; max-width:34px; height:auto; }
  .app-me-avatar-img, .app-me-avatar{ width:100%; max-width:34px; height:auto; aspect-ratio:1; }
  
  .app-logo, .app-burger, .app-search, .app-search-ico{ width:clamp(30px, 11.7vw, 44px); }
  .app-logo, .app-burger, .app-search-ico{ height:clamp(30px, 11.7vw, 44px); }
}

.doc{ max-width:760px; margin:0 auto; padding:var(--space-6) 0 var(--space-8); }
.doc-kicker{ font:700 12px/1 var(--font-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--navy); margin:0 0 var(--space-2); }
.doc h1{ font:600 34px/1.15 var(--font-serif); color:var(--ink); margin:0 0 var(--space-3); }
.doc-lead{ font:400 18px/1.6 var(--font-sans); color:var(--ink-soft); margin:0 0 var(--space-5); }
.doc-meta{ font:600 12.5px/1.4 var(--font-sans); letter-spacing:.02em; text-transform:uppercase; color:var(--muted); margin:0 0 var(--space-5); }
.doc h2{ font:700 18px/1.3 var(--font-serif); color:var(--ink); margin:var(--space-6) 0 var(--space-3); }
.doc p{ font:400 15.5px/1.7 var(--font-sans); color:var(--ink-soft); margin:0 0 var(--space-4); }
.doc ul{ margin:0 0 var(--space-4); padding-left:1.2em; }
.doc li{ font:400 15px/1.7 var(--font-sans); color:var(--ink-soft); margin-bottom:6px; }
.doc a{ color:var(--navy); }
.doc-note{ font:400 13px/1.5 var(--font-sans); color:var(--muted); background:var(--surface-soft); border:1px solid var(--line); border-radius:var(--radius-md); margin-top:var(--space-6); padding:var(--space-4); }

.doc h3{ font:700 15px/1.35 var(--font-sans); color:var(--ink); margin:var(--space-5) 0 var(--space-2); }
.doc-table{ width:100%; border-collapse:collapse; margin:0 0 var(--space-4); font:400 14.5px/1.6 var(--font-sans); color:var(--ink-soft); }
.doc-table caption{ font:600 12px/1.4 var(--font-sans); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); text-align:left; padding-bottom:var(--space-2); }
.doc-table th, .doc-table td{ border-bottom:1px solid var(--line); padding:10px 12px 10px 0; text-align:left; vertical-align:top; }
.doc-table th{ font-weight:700; color:var(--ink); }
.doc-table td:nth-child(2){ font-variant-numeric:tabular-nums; white-space:nowrap; }
.doc-table-scroll{ max-width:100%; overflow-x:auto; margin:0 0 var(--space-4); }
.doc-table-scroll .doc-table{ margin:0; }
.doc-table--prose td:nth-child(2){ white-space:normal; }


.doc h4{ font:700 13.5px/1.35 var(--font-sans); color:var(--ink); margin:var(--space-4) 0 var(--space-2); }
.doc ol{ margin:0 0 var(--space-4); padding-left:1.4em; }
.doc ol li{ font:400 15px/1.7 var(--font-sans); color:var(--ink-soft); margin-bottom:6px; }
.doc blockquote{ margin:0 0 var(--space-4); padding:12px 16px; border-left:3px solid var(--line);
  background:var(--surface-soft); color:var(--ink-soft); font:400 14.5px/1.6 var(--font-sans); }
.doc blockquote p{ margin:0 0 6px; }
.doc blockquote p:last-child{ margin-bottom:0; }

.doc code{ font:600 13px/1.5 var(--font-mono); background:#f4f4f0; border:1px solid #e4e4dc;
  border-radius:3px; padding:1px 5px; color:var(--ink); }
.doc strong{ color:var(--ink); }

.hc-btn{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:var(--radius-pill); padding:11px 20px; font:600 14px/1 var(--font-sans); text-decoration:none; cursor:pointer; transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease); }
.hc-btn:hover{ border-color:var(--navy); background:#F5F6F8; }
.hc-btn-primary{ background:var(--navy); border-color:var(--navy); color:#fff; box-shadow:var(--shadow-1); }
.hc-btn-primary:hover{ box-shadow:var(--shadow-2); }
.hc-btn-ico{ width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2; }
.hc-h2{ margin:0 0 var(--space-4); font:700 clamp(20px,2.4vw,26px)/1.15 var(--font-serif); color:var(--ink); }
.hc-h3{ margin:0 0 var(--space-3); font:700 18px/1.25 var(--font-serif); color:var(--ink); }

.hc{ display:flex; flex-direction:column; gap:var(--space-8); }
.hc-hero{ text-align:center; background:linear-gradient(180deg,#fafafa,var(--surface)); border:1px solid var(--line); border-radius:var(--radius-lg); padding:clamp(28px,6vw,64px) var(--space-5); }
.hc-kicker{ margin:0 0 var(--space-3); font:700 12px/1 var(--font-sans); letter-spacing:.14em; text-transform:uppercase; color:var(--gold-strong); }
.hc-title{ margin:0 0 var(--space-3); font:600 clamp(30px,5vw,50px)/1.05 var(--font-serif); color:var(--ink); }
.hc-sub{ margin:0 auto var(--space-6); max-width:60ch; font:400 clamp(15px,1.6vw,18px)/1.6 var(--font-sans); color:var(--ink-soft); }
.hc-search{ position:relative; max-width:620px; margin:0 auto; }
.hc-search svg{ position:absolute; left:20px; top:50%; transform:translateY(-50%); width:20px; height:20px; stroke:var(--muted); fill:none; stroke-width:1.8; }
.hc-search input{ width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-pill); padding:17px 22px 17px 52px; font:400 16px/1 var(--font-sans); background:var(--surface); box-shadow:var(--shadow-1); outline:none; }
.hc-search input:focus{ border-color:var(--navy); box-shadow:var(--shadow-2); }
.hc-pop{ margin:var(--space-5) 0 0; font:500 13px/1.7 var(--font-sans); color:var(--muted); }
.hc-pop a{ color:var(--navy); text-decoration:none; margin:0 4px; }
.hc-pop a:hover{ text-decoration:underline; }

.hc-results-head{ margin:0 0 var(--space-4); font:600 14px/1.4 var(--font-sans); color:var(--muted); }
.hc-results-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--space-2); }
.hc-results-list a{ display:flex; flex-direction:column; gap:3px; padding:var(--space-4); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); text-decoration:none; }
.hc-results-list a:hover{ border-color:var(--navy); box-shadow:var(--shadow-1); }
.hc-results-topic{ font:700 10px/1 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--gold-strong); }
.hc-results-title{ font:700 16px/1.3 var(--font-serif); color:var(--ink); }
.hc-results-ex{ font:400 13.5px/1.5 var(--font-sans); color:var(--muted); }
.hc-results-list li[hidden]{ display:none; }

.hc-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); }
.hc-topic{ display:flex; flex-direction:column; gap:var(--space-2); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-5); text-decoration:none; transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease); }
.hc-topic:hover{ border-color:var(--navy); transform:translateY(-2px); box-shadow:var(--shadow-2); }
.hc-topic-ico{ width:44px; height:44px; border-radius:var(--radius-md); background:var(--tint-blue); display:grid; place-items:center; }
.hc-topic-ico svg{ width:22px; height:22px; stroke:var(--navy); fill:none; stroke-width:1.7; }
.hc-topic-b{ font:700 17px/1.25 var(--font-serif); color:var(--ink); }
.hc-topic-s{ font:400 13.5px/1.5 var(--font-sans); color:var(--muted); flex:1; }
.hc-topic-n{ font:700 12px/1 var(--font-sans); color:var(--navy); }

.hc-help-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); }
.hc-help-card{ display:flex; flex-direction:column; gap:8px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-5); text-decoration:none; }
.hc-help-card.is-primary{ background:var(--navy); border-color:var(--navy); }
.hc-help-card.is-primary b, .hc-help-card.is-primary span{ color:#fff; }
.hc-help-card.is-primary .hc-help-ico{ background:rgba(255,255,255,.14); }
.hc-help-card.is-primary .hc-help-ico svg{ stroke:#fff; }
.hc-help-card:hover{ border-color:var(--navy); box-shadow:var(--shadow-1); }
.hc-help-ico{ width:40px; height:40px; border-radius:var(--radius-md); background:var(--tint-blue); display:grid; place-items:center; }
.hc-help-ico svg{ width:20px; height:20px; stroke:var(--navy); fill:none; stroke-width:1.7; }
.hc-help-card b{ font:700 16px/1.3 var(--font-serif); color:var(--ink); }
.hc-help-card > span{ font:400 13.5px/1.5 var(--font-sans); color:var(--muted); flex:1; }
.hc-help-cta{ font:700 13px/1 var(--font-sans); color:var(--navy); }
.hc-trust{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-4); border-top:1px solid var(--line); padding-top:var(--space-6); }
.hc-trust-item{ display:flex; flex-direction:column; gap:4px; }
.hc-trust-item b{ font:700 20px/1 var(--font-serif); color:var(--navy); }
.hc-trust-item span{ font:400 13px/1.4 var(--font-sans); color:var(--muted); }

.hc-doc{ display:grid; grid-template-columns:240px minmax(0,1fr); gap:var(--space-6); align-items:start; }
.hc-side{ display:flex; flex-direction:column; gap:var(--space-5); background:#fafafa; border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-5); position:sticky; top:var(--space-5); }
.hc-side-home{ display:inline-flex; align-items:center; gap:6px; font:700 13px/1 var(--font-sans); color:var(--navy); text-decoration:none; }
.hc-side-home svg{ width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2; }
.hc-side-h{ margin:0 0 var(--space-2); font:700 10px/1 var(--font-sans); letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }
.hc-side-list{ display:flex; flex-direction:column; gap:1px; }
.hc-side-list a{ display:block; padding:8px 10px; border-radius:var(--radius-md); font:500 13.5px/1.35 var(--font-sans); color:var(--ink-soft); text-decoration:none; }
.hc-side-list a:hover{ background:var(--surface); color:var(--navy); }
.hc-side-list a[aria-current="page"]{ background:var(--navy); color:#fff; font-weight:600; }
.hc-side-note{ display:flex; flex-direction:column; gap:2px; border-top:1px solid var(--line); padding-top:var(--space-4); }
.hc-side-note b{ font:700 12px/1.3 var(--font-sans); color:var(--ink); }
.hc-side-note span{ font:400 12px/1.4 var(--font-sans); color:var(--muted); }
.hc-main{ min-width:0; display:flex; flex-direction:column; gap:var(--space-6); }
.hc-crumbs{ font:500 13px/1.4 var(--font-sans); color:var(--muted); }
.hc-crumbs a{ color:var(--navy); text-decoration:none; }
.hc-crumbs a:hover{ text-decoration:underline; }
.hc-crumbs span[aria-hidden]{ margin:0 6px; color:var(--line); }
.hc-main-head{ display:flex; align-items:flex-start; gap:var(--space-4); }
.hc-main-head.tk-head{ justify-content:space-between; align-items:center; flex-wrap:wrap; }
.hc-main-ico{ flex:0 0 auto; width:52px; height:52px; border-radius:var(--radius-md); background:var(--tint-blue); display:grid; place-items:center; }
.hc-main-ico svg{ width:26px; height:26px; stroke:var(--navy); fill:none; stroke-width:1.7; }
.hc-main-title{ margin:0; font:600 clamp(24px,3vw,34px)/1.1 var(--font-serif); color:var(--ink); }
.hc-main-sub{ margin:6px 0 0; font:400 15px/1.6 var(--font-sans); color:var(--ink-soft); max-width:60ch; }

.hc-artlist{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--space-2); }
.hc-artlist a{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:var(--space-3) var(--space-4); padding:var(--space-4) var(--space-5); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); text-decoration:none; }
.hc-artlist a:hover{ border-color:var(--navy); box-shadow:var(--shadow-1); }
.hc-artlist-title{ grid-column:1; font:700 16px/1.3 var(--font-serif); color:var(--ink); }
.hc-artlist-ex{ grid-column:1; font:400 13.5px/1.5 var(--font-sans); color:var(--muted); }
.hc-artlist-go{ grid-column:2; grid-row:1 / span 2; align-self:center; }
.hc-artlist-go svg{ width:18px; height:18px; stroke:var(--muted); fill:none; stroke-width:2; }
.hc-artlist.is-compact a{ padding:var(--space-3) var(--space-4); }

.hc-article{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:clamp(20px,3vw,40px); }
.hc-article-kicker{ margin:0 0 var(--space-2); font:700 11px/1 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--gold-strong); }
.hc-article-title{ margin:0 0 var(--space-5); font:600 clamp(24px,3vw,34px)/1.15 var(--font-serif); color:var(--ink); }
.hc-guide{ margin-top:var(--space-5); scroll-margin-top:96px; }
.hc-guide .hc-article-title{ font-size:clamp(21px,2.4vw,27px); }
.hc-article-body{ font:400 16px/1.75 var(--font-sans); color:var(--ink-soft); }
.hc-article-body h3{ margin:var(--space-5) 0 var(--space-2); font:700 17px/1.3 var(--font-serif); color:var(--ink); }
.hc-article-body p{ margin:0 0 var(--space-4); }
.hc-article-body ul, .hc-article-body ol{ margin:0 0 var(--space-4); padding-left:1.3em; }
.hc-article-body li{ margin-bottom:6px; }
.hc-article-body a{ color:var(--navy); }
.hc-helpful{ margin-top:var(--space-6); border-top:1px solid var(--line); padding-top:var(--space-5); display:flex; align-items:center; gap:var(--space-4); flex-wrap:wrap; }
.hc-helpful-q{ font:600 14px/1 var(--font-sans); color:var(--ink); }
.hc-helpful-btns{ display:flex; gap:var(--space-2); }
.hc-helpful-b{ display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); border-radius:var(--radius-pill); padding:8px 16px; font:600 13px/1 var(--font-sans); cursor:pointer; }
.hc-helpful-b svg{ width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.7; }
.hc-helpful-b:hover{ border-color:var(--navy); color:var(--navy); }
.hc-helpful-b:disabled{ cursor:default; opacity:.85; }
.hc-helpful-thanks{ margin:0; font:500 13px/1.4 var(--font-sans); color:var(--avail); }

.hc-formula-wrap{ overflow-x:auto; margin:0 0 var(--space-4); }
.hc-formula{ width:100%; border-collapse:collapse; font:400 14px/1.5 var(--font-sans); }
.hc-formula th, .hc-formula td{ padding:10px var(--space-3); text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
.hc-formula thead th{ font:700 12px/1.2 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); white-space:nowrap; }
.hc-formula tbody th{ font:600 14px/1.5 var(--font-sans); color:var(--ink); }
.hc-formula tfoot th, .hc-formula tfoot td{ border-bottom:0; border-top:2px solid var(--ink); font-weight:700; color:var(--ink); }
.hc-formula-n{ font:700 15px/1.5 var(--font-sans); color:var(--navy); text-align:right; white-space:nowrap; }

.hc-cta{ display:flex; align-items:center; justify-content:space-between; gap:var(--space-5); flex-wrap:wrap; background:var(--tint-blue); border:1px solid var(--tint-blue-line); border-radius:var(--radius-lg); padding:var(--space-5) var(--space-6); }
.hc-cta b{ display:block; font:700 17px/1.3 var(--font-serif); color:var(--ink); }
.hc-cta span{ font:400 14px/1.5 var(--font-sans); color:var(--ink-soft); }
.hc-cta-btns{ display:flex; gap:var(--space-3); flex-wrap:wrap; }

.hc-channels{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-4); }
.hc-channel{ display:flex; gap:var(--space-4); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-5); }
.hc-channel-ico{ flex:0 0 auto; width:44px; height:44px; border-radius:var(--radius-md); background:var(--tint-blue); display:grid; place-items:center; }
.hc-channel-ico svg{ width:22px; height:22px; stroke:var(--navy); fill:none; stroke-width:1.7; }
.hc-channel-name{ margin:0 0 4px; font:700 17px/1.25 var(--font-serif); color:var(--ink); }
.hc-channel-desc{ margin:0 0 8px; font:400 13.5px/1.5 var(--font-sans); color:var(--muted); }
.hc-channel-meta{ margin:0 0 8px; font:400 12.5px/1.5 var(--font-sans); color:var(--muted); }
.hc-channel-meta a{ color:var(--navy); text-decoration:none; font-weight:600; }
.hc-channel-cta{ font:700 13px/1 var(--font-sans); color:var(--navy); text-decoration:none; }
.hc-channel-cta:hover{ text-decoration:underline; }

.hc-form-wrap{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:clamp(20px,3vw,36px); }
.hc-form-note{ margin:0 0 var(--space-5); font:400 13.5px/1.5 var(--font-sans); color:var(--muted); }
.hc-form-note a, .hc-form-legal a{ color:var(--navy); }
.hc-form{ display:flex; flex-direction:column; gap:var(--space-4); }
.hc-form label{ display:flex; flex-direction:column; gap:6px; font:600 13px/1.3 var(--font-sans); color:var(--ink); }
.hc-form input, .hc-form select, .hc-form textarea{ width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-md); padding:12px 14px; font:400 14px/1.4 var(--font-sans); color:var(--ink); background:var(--surface); outline:none; }
.hc-form input:focus, .hc-form select:focus, .hc-form textarea:focus{ border-color:var(--navy); }
.hc-form-legal{ margin:var(--space-4) 0 0; font:400 12px/1.5 var(--font-sans); color:var(--muted); }

.hc-address{ font:400 14.5px/1.7 var(--font-sans); color:var(--ink-soft); font-style:normal; margin:0; }
.hc-address strong{ color:var(--ink); }
.hc-address a{ color:var(--navy); }

.tk-pill{ display:inline-flex; align-items:center; gap:5px; font:700 11px/1 var(--font-sans); letter-spacing:.02em; padding:4px 9px; border-radius:var(--radius-pill); border:1px solid transparent; white-space:nowrap; }

.tk-pill.is-accent{ background:var(--amber-tint); color:var(--gold-strong); }
.tk-pill.is-ok{ background:rgba(71, 126, 159,.12); color:var(--avail); }
.tk-pill.is-muted{ background:var(--surface-soft); color:var(--muted); }
.tk-pill.is-info{ background:rgba(37,99,235,.10); color:var(--info); }
.tk-pill.is-warn{ background:var(--amber-tint); color:var(--gold-strong); }
.tk-pill.is-danger{ background:#FFF8E5; color:#6B4E00; }

.tk-track{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-4) var(--space-5); }
.tk-track-l{ display:block; margin-bottom:8px; font:700 10px/1 var(--font-sans); letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }
.tk-search{ position:relative; }
.tk-search svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; stroke:var(--muted); fill:none; stroke-width:1.8; }
.tk-search input{ width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-pill); padding:11px 16px 11px 40px; font:400 14px/1 var(--font-sans); background:var(--surface); outline:none; }
.tk-search input:focus{ border-color:var(--navy); }
.tk-filters{ display:flex; gap:var(--space-2); flex-wrap:wrap; }
.tk-chip{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); border-radius:var(--radius-pill); padding:7px 14px; font:600 13px/1 var(--font-sans); cursor:pointer; }
.tk-chip:hover{ border-color:var(--muted); }
.tk-chip.is-active{ background:var(--navy); border-color:var(--navy); color:#fff; }
.tk-chip-n{ font:700 11px/1 var(--font-sans); color:var(--muted); background:var(--surface-soft); border-radius:var(--radius-pill); padding:2px 7px; }
.tk-chip.is-active .tk-chip-n{ color:#fff; background:rgba(255,255,255,.22); }

.tk-list{ display:flex; flex-direction:column; gap:var(--space-2); }
.tk-row{ display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:var(--space-4) var(--space-5); text-decoration:none; transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease); }
.tk-row:hover{ border-color:var(--navy); box-shadow:var(--shadow-1); }
.tk-row[hidden]{ display:none; }
.tk-row-main{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.tk-row-top{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tk-ref{ font:700 12px/1 var(--font-sans); letter-spacing:.03em; color:var(--muted); }
.tk-subject{ font:700 16px/1.3 var(--font-serif); color:var(--ink); }
.tk-meta{ font:400 12.5px/1.4 var(--font-sans); color:var(--muted); }
.tk-row-go svg{ width:18px; height:18px; stroke:var(--muted); fill:none; stroke-width:2; flex:0 0 auto; }
.tk-empty{ font:400 14px/1.6 var(--font-sans); color:var(--muted); text-align:center; padding:var(--space-6) 0; }
.tk-empty a{ color:var(--navy); }

.tk-new-grid{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:var(--space-6); align-items:start; }
.tk-form{ display:flex; flex-direction:column; gap:var(--space-4); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:clamp(18px,2.5vw,28px); }
.tk-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:var(--space-4); }
.tk-form label{ display:flex; flex-direction:column; gap:6px; font:600 13px/1.3 var(--font-sans); color:var(--ink); }
.tk-form input, .tk-form select, .tk-form textarea{ width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-md); padding:12px 14px; font:400 14px/1.4 var(--font-sans); color:var(--ink); background:var(--surface); outline:none; }
.tk-form input:focus, .tk-form select:focus, .tk-form textarea:focus{ border-color:var(--navy); }
.tk-form-actions{ display:flex; gap:var(--space-3); align-items:center; }
.tk-aside{ display:flex; flex-direction:column; gap:var(--space-4); }
.tk-aside-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-5); }
.tk-aside-card.is-soft{ background:var(--tint-blue); border-color:var(--tint-blue-line); }
.tk-aside-card b{ display:block; margin-bottom:6px; font:700 14px/1.3 var(--font-serif); color:var(--ink); }
.tk-aside-card p{ margin:0 0 8px; font:400 13px/1.5 var(--font-sans); color:var(--muted); }
.tk-aside-links, .tk-aside-steps{ margin:0; padding-left:1.1em; display:flex; flex-direction:column; gap:6px; }
.tk-aside-links{ list-style:none; padding-left:0; }
.tk-aside-links a{ color:var(--navy); text-decoration:none; font:600 13px/1.4 var(--font-sans); }
.tk-aside-links a:hover{ text-decoration:underline; }
.tk-aside-steps li{ font:400 13px/1.5 var(--font-sans); color:var(--ink-soft); }
.tk-aside-steps a{ color:var(--navy); }

.tk-detail{ display:flex; flex-direction:column; gap:var(--space-6); }
.tk-detail-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-4); flex-wrap:wrap; }
.tk-detail-ref{ margin:0 0 4px; font:700 12px/1 var(--font-sans); letter-spacing:.03em; color:var(--muted); }
.tk-detail-title{ margin:0; font:600 clamp(21px,2.6vw,30px)/1.15 var(--font-serif); color:var(--ink); }
.tk-detail-pills{ display:flex; gap:8px; flex-wrap:wrap; }
.tk-tracker{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-5) var(--space-6); }
.tk-track-steps{ list-style:none; margin:0; padding:0; display:flex; align-items:center; }
.tk-step{ display:flex; align-items:center; gap:10px; font:600 13px/1 var(--font-sans); color:var(--muted); }
.tk-step:not(:last-child){ flex:1; }
.tk-step:not(:last-child)::after{ content:""; flex:1; height:2px; background:var(--line); margin:0 12px; border-radius:2px; }
.tk-step-dot{ width:26px; height:26px; border-radius:var(--radius-pill); background:var(--surface-soft); border:2px solid var(--line); display:grid; place-items:center; }
.tk-step-dot svg{ width:14px; height:14px; stroke:transparent; fill:none; stroke-width:3; }
.tk-step.is-done .tk-step-dot{ background:var(--avail); border-color:var(--avail); }
.tk-step.is-done .tk-step-dot svg{ stroke:#fff; }
.tk-step.is-done .tk-step-l{ color:var(--ink); }
.tk-step.is-active .tk-step-dot{ background:var(--navy); border-color:var(--navy); }
.tk-step.is-active .tk-step-l{ color:var(--navy); }
.tk-detail-grid{ display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:var(--space-6); align-items:start; }
.tk-thread{ list-style:none; margin:0 0 var(--space-5); padding:0; display:flex; flex-direction:column; gap:var(--space-4); }
.tk-msg{ display:flex; gap:var(--space-3); }
.tk-msg-av{ flex:0 0 auto; width:38px; height:38px; border-radius:var(--radius-pill); display:grid; place-items:center; color:#fff; font:700 13px/1 var(--font-sans); }
.tk-msg-body{ min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:var(--space-3) var(--space-4); flex:1; }
.tk-msg.is-agent .tk-msg-body{ background:var(--tint-blue); border-color:var(--tint-blue-line); }
.tk-msg-head{ margin:0 0 4px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font:400 12px/1 var(--font-sans); color:var(--muted); }
.tk-msg-head b{ font:700 13.5px/1 var(--font-sans); color:var(--ink); }
.tk-msg-badge{ font:700 9.5px/1 var(--font-sans); letter-spacing:.04em; text-transform:uppercase; color:var(--navy); background:rgba(21,40,75,.08); border-radius:var(--radius-pill); padding:2px 6px; }
.tk-msg-time{ margin-left:auto; }
.tk-msg-text{ margin:0; font:400 14px/1.6 var(--font-sans); color:var(--ink-soft); }
.tk-msg.is-system{ justify-content:center; }
.tk-msg-sys{ font:400 12px/1.4 var(--font-sans); color:var(--muted); text-align:center; background:var(--surface-soft); border-radius:var(--radius-pill); padding:6px 14px; }
.tk-reply{ display:flex; flex-direction:column; gap:var(--space-2); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:var(--space-4); }
.tk-reply-l{ font:700 10px/1 var(--font-sans); letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }
.tk-reply textarea{ width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-md); padding:12px 14px; font:400 14px/1.5 var(--font-sans); color:var(--ink); background:var(--surface); outline:none; resize:vertical; }
.tk-reply textarea:focus{ border-color:var(--navy); }
.tk-reply-foot{ display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); flex-wrap:wrap; }
.tk-reply-hint{ font:400 12px/1.4 var(--font-sans); color:var(--muted); }
.tk-closed-note{ font:400 13.5px/1.5 var(--font-sans); color:var(--muted); }
.tk-closed-note a{ color:var(--navy); }
.tk-side{ display:flex; flex-direction:column; gap:var(--space-4); }
.tk-side-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-5); }
.tk-side-card.is-soft{ background:var(--tint-blue); border-color:var(--tint-blue-line); }
.tk-side-h{ margin:0 0 var(--space-3); font:700 12px/1 var(--font-sans); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.tk-side-dl{ margin:0; display:grid; grid-template-columns:auto 1fr; gap:8px var(--space-4); }
.tk-side-dl dt{ font:600 12.5px/1.3 var(--font-sans); color:var(--muted); }
.tk-side-dl dd{ margin:0; font:500 12.5px/1.4 var(--font-sans); color:var(--ink); text-align:right; }
.tk-side-p{ margin:0; font:400 13px/1.5 var(--font-sans); color:var(--muted); }
.tk-side-p a{ color:var(--navy); }

@media (max-width:960px){
.hc-grid, .hc-help-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.hc-doc{ grid-template-columns:1fr; }
.hc-side{ position:static; }
.tk-new-grid, .tk-detail-grid{ grid-template-columns:1fr; }
.hc-channels{ grid-template-columns:1fr; }
}
@media (max-width:680px){
.hc-grid, .hc-help-grid, .hc-trust{ grid-template-columns:1fr; }
.tk-form-row{ grid-template-columns:1fr; }
.tk-track-steps{ flex-direction:column; align-items:flex-start; gap:var(--space-3); }
.tk-step:not(:last-child){ flex:none; }
.tk-step:not(:last-child)::after{ display:none; }
  
}

.mt-navy{ background:linear-gradient(150deg,var(--navy),#0d1a30); }
.mt-navy-soft{ background:linear-gradient(150deg,var(--navy-soft),#1a2e50); }
.mt-charcoal{ background:linear-gradient(150deg,#3a3a3a,#1c1c1c); }
.mt-slate{ background:linear-gradient(150deg,#565a60,#26282c); }
.mt-wine{ background:linear-gradient(150deg,var(--wine),#5a121d); }

.mt-steel{ background:linear-gradient(160deg,#5b72a4,#253863); }
.mt-rust{ background:linear-gradient(160deg,#97644b,#572c19); }
.mt-forest{ background:linear-gradient(160deg,#33507d,#15284b); }
.mt-plum{ background:linear-gradient(160deg,#655065,#2d1c2f); }
.mt-violet{ background:linear-gradient(160deg,#9a65a4,#592d63); }
.mt-rose{ background:linear-gradient(160deg,#ce778e,#843c51); }
.mt-teal{ background:linear-gradient(160deg,#33507d,#15284b); }
.mt-sky{ background:linear-gradient(160deg,#769bd1,#3b5a89); }

.doc-note-ok{ border-left:4px solid #2c7; padding-left:.75rem; }
.doc-note-danger{ border-left:4px solid #E9C46A; padding-left:.75rem; }
.at-inline-form{ display:inline; }

.at-ph-badge{ display:inline-block; padding:2px 8px; margin-left:8px; border:1px solid var(--gold,#679CBC);
  color:#15284B; background:var(--gold-soft,#FEF1D5); border-radius:4px; font-size:11px; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase; vertical-align:middle; }
.feed-card .at-ph-badge{ position:absolute; top:10px; right:10px; z-index:3; margin:0; }

.app-me-avatar-img{ width:34px; height:34px; border-radius:50%; object-fit:cover; }

.gone-page{ color:var(--ink); background:var(--surface); }
.gone-page main{ max-width:34rem; margin:12vh auto; padding:0 var(--space-5); font:16px/1.6 var(--font-sans); }
.gone-page h1{ margin:0 0 var(--space-3); font:600 1.4rem/1.3 var(--font-serif); color:var(--navy); }
.gone-page p{ margin:0; color:var(--muted); }

@media print {
  .app-header,
  .app-footer,
  .app-rail,
  .skip-link,
  .mkt-crumbs,
  .mkt-pager,
  .dt-actions-mini,
  .dt-share,
  .mps-actions,
  form button { display: none; }
  body { background: #fff; }
}

.vf-badge{display:inline-flex;align-items:center;justify-content:center;width:1.05em;height:1.05em;
  margin-inline-start:.25em;vertical-align:-.12em;flex:0 0 auto}
.vf-badge svg{width:100%;height:100%;display:block}
.vf-badge svg path:first-child{fill:var(--verified);stroke:none}
.vf-badge .vf-badge-tick{fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}

.reportgate-form{ margin:0; }


.v2-card{ text-align:center; }
.v2-form{ display:flex; flex-direction:column; gap:var(--space-4); margin-top:var(--space-4); }
.v2-boxes{ display:flex; justify-content:center; gap:10px; }
.v2-box{ width:46px; height:56px; text-align:center; font:700 24px/1 var(--font-sans); color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); }
.v2-box:focus{ outline:none; border-color:var(--navy); box-shadow:0 0 0 3px rgba(21,40,75,.14); }
.v2-verify{ display:block; width:100%; padding:13px; border:0; border-radius:var(--radius-md); background:var(--navy); color:var(--paper); font:700 15px/1 var(--font-sans); cursor:pointer; }
.v2-verify:hover{ filter:brightness(1.14); }
.v2-resend-form{ margin-top:var(--space-4); }
.v2-resend{ border:0; background:none; color:var(--navy); font:600 13px/1.2 var(--font-sans); cursor:pointer; }
.v2-resend:disabled{ color:var(--muted); cursor:default; }
.v2-resend:not(:disabled):hover{ text-decoration:underline; }
@media (max-width:420px){ .v2-box{ width:40px; height:50px; font-size:21px; } .v2-boxes{ gap:7px; } }

.set-pk-status{ margin:6px 0 0; font:600 12.5px/1.4 var(--font-sans); min-height:0; }
.set-pk-status:empty{ display:none; }
.set-pk-status.is-ok{ color:var(--navy); }
.set-pk-status.is-bad{ color:#6B4E00; }

.store-veil{ position:fixed; inset:0; background:rgba(10,20,40,.42); z-index:399; opacity:0; transition:opacity .28s var(--ease); }
.store-veil.is-open{ opacity:1; }
.store-drawer{ position:fixed; top:0; right:0; bottom:0; width:min(480px,94vw); background:var(--surface); z-index:400; display:flex; flex-direction:column; box-shadow:-12px 0 32px rgba(0,0,0,.18); transform:translateX(103%); transition:transform .28s var(--ease); }
.store-drawer.is-open{ transform:none; }
.store-drawer-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; border-bottom:1px solid var(--line); flex:0 0 auto; }
.store-drawer-head h2{ margin:0; font:700 17px/1.2 var(--font-sans); color:var(--navy); }
.store-drawer-x{ border:0; background:none; font-size:26px; line-height:1; color:var(--muted); cursor:pointer; padding:0 4px; }
.store-drawer-x:hover{ color:var(--ink); }
.store-drawer-body{ padding:20px; overflow-y:auto; flex:1 1 auto; }

.app-nav-btn.has-store-note::before, .app-nav-btn.has-sale-note::before{ content:""; position:absolute; top:2px; left:50%; width:40px; height:40px; border-radius:50%; background:conic-gradient(var(--gold,#679CBC) 0 80deg, transparent 80deg 360deg); -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 2px)); mask:radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 calc(100% - 2px)); animation:at-ring-spin 1.8s linear infinite; pointer-events:none; }
@keyframes at-ring-spin{ from{ transform:translateX(-50%) rotate(0deg); } to{ transform:translateX(-50%) rotate(360deg); } }
.app-nav-btn.has-sale-note svg path:first-of-type{ animation:at-bell-gold 3s ease-in-out infinite; }
@keyframes at-bell-gold{ 0%, 100%{ fill:transparent; } 40%{ fill:var(--gold,#679CBC); } 62%{ fill:#FEF1D5; } }
.app-dd-row--store{ background:linear-gradient(135deg, #FEF1D5 0%, #F3DEAF 100%); }
.app-dd-row--store .app-dd-name{ color:var(--navy); font-weight:700; }
.app-dd-row--store .app-dd-sub{ color:#29495C; }
@media (prefers-reduced-motion: reduce){
  .app-nav-btn.has-store-note::before, .app-nav-btn.has-sale-note::before{ animation:none; }
  .app-nav-btn.has-sale-note svg path:first-of-type{ animation:none; fill:var(--gold,#679CBC); }
}

.ogov--cvo .ogov-panel{ width:min(460px,100%); padding:34px 32px 30px; text-align:center; }
.cvo-h{ margin:0 0 14px; font:650 20px/1.3 var(--font-sans); color:var(--ink); }
.cvo-mail{ display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin:0; }
.cvo-mail a{ font:600 17px/1.3 var(--font-sans); color:var(--navy); text-decoration:none; overflow-wrap:anywhere; }
.cvo-mail a:hover{ text-decoration:underline; }
.cvo-copy{ padding:8px 14px; border:1px solid var(--line); border-radius:999px; background:#ffffff; color:var(--ink); font:600 12.5px/1 var(--font-sans); cursor:pointer; }
.cvo-copy:hover{ background:#F5F6F8; }
.cvo-copy.is-done{ background:var(--navy); border-color:var(--navy); color:#ffffff; }
@media (max-width:720px){
.ogov--cvo .ogov-x{ position:absolute; top:10px; right:10px; z-index:2; width:36px; height:36px; background:#f2f3f5; color:#344054; }
.ogov--cvo .ogov-x svg{ width:15px; height:15px; }
}

@media (min-width:1080px){
  
  .app-search{ display:block; justify-self:start; width:auto; max-width:none; }
  .app-search input{
    padding:9px 14px 9px 38px;
    border:1px solid var(--line);
    border-radius:var(--radius-pill);
    background:var(--chrome-field);
    color:var(--ink);
    font:400 13.5px/1 var(--font-sans);
  }
  .app-search input::placeholder{ color:var(--muted); }
  .app-search input:focus{ border-color:var(--muted); background:var(--surface); }
  .app-search-ico{ left:11px; }
  .app-search-ico svg{ width:16px; height:16px; stroke:var(--muted); }
  

  

  .app-header-inner{ grid-template-columns:auto auto 1fr; min-height:99px; }

  
  .app-rail{
    
    top:20.5px; left:0; right:0; bottom:auto;
    
    --rail-ico:40px;
    --rail-art:46px;
    
    width:max-content; margin:0 auto;
    transform:none;
    flex-direction:row; align-items:center;
    background:none;
    border:none;
    border-radius:0;
    padding:0;
    box-shadow:none;
    z-index:210;
  }

  
  .app-rail-link{ width:auto; min-width:58px; height:58px; padding:0 12px 0 7px; color:#4E4E4E;
    display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:17px; }
  
  .app-rail-label{ font:500 13.2px/1.2 var(--font-sans); letter-spacing:.01em; white-space:nowrap; }
  
  .app-rail-link:not(.app-rail-create)::after,
  .app-rail-link:not(.app-rail-create)::before{ content:none; }
  
  .app-rail-link.app-rail-create::after{ background:#000; }
  .app-rail-link.app-rail-create::before{ border-bottom-color:#000; }

  .app-nav > a:not(.app-cta)::after,
  .app-nav-btn::after,
  button.app-me::after,
  .app-rail-rule{
    content:""; display:block; position:absolute; left:0; right:0; bottom:-20.5px;
    height:8px; width:auto; transform:none; pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M5 0 10 6H0z' fill='%234e4e4e'/%3E%3C/svg%3E") center bottom 2px / 10px 6px no-repeat,
      linear-gradient(#4E4E4E, #4E4E4E) left bottom / 100% 2px no-repeat;
    opacity:0; transition:opacity var(--dur-fast) var(--ease);
  }
  
  .app-nav > a:not(.app-cta):hover::after,
  .app-nav-btn:hover::after,
  button.app-me:hover::after,
  .app-rail-link:hover .app-rail-rule,
  .app-rail-link:focus-visible .app-rail-rule{
    opacity:1;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M5 0 10 6H0z' fill='%23d5d5d5'/%3E%3C/svg%3E") center bottom 2px / 10px 6px no-repeat,
      linear-gradient(var(--line-strong), var(--line-strong)) left bottom / 100% 2px no-repeat;
  }
  
  .app-nav > a[aria-current="page"]::after,
  .app-nav-btn[aria-current="page"]::after,
  button.app-me[aria-current="page"]::after,
  .app-rail-link[aria-current="page"] .app-rail-rule,
  .app-rail-link[aria-current="page"]:hover .app-rail-rule{
    opacity:1;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M5 0 10 6H0z' fill='%234e4e4e'/%3E%3C/svg%3E") center bottom 2px / 10px 6px no-repeat,
      linear-gradient(#4E4E4E, #4E4E4E) left bottom / 100% 2px no-repeat;
  }

  .app-rail svg{ width:var(--rail-ico); height:var(--rail-ico); }
  
  .app-rail svg.rail-art{ box-sizing:content-box; height:var(--rail-art); width:auto; overflow:visible;
    margin-top:6px; padding-bottom:4px; border-bottom:2px solid transparent;
    transition:border-color var(--dur-fast) var(--ease); }

  

  
  .app-rail-link:hover{ background:none; }

  
  .app-rail-link[aria-current="page"]{ background:none; color:var(--navy); }
  
  .app-rail-link:hover svg,
  .app-rail-link[aria-current="page"] svg{
    border-radius:50%;
  }
  .app-rail-link:hover svg{
    background:var(--chrome-wash);
    box-shadow:0 0 0 9px var(--chrome-wash);
  }

  .app-rail-link:hover svg.rail-art,
  .app-rail-link[aria-current="page"] svg.rail-art{ background:none; box-shadow:none; border-radius:0; }

  .app-nav svg, .app-nav-btn svg{ width:24.48px; height:24.48px; }
  .app-nav svg.app-nav-grid{ width:24.48px; height:24.48px; }
  .app-nav-btn[data-dd-toggle="dd-notes"] svg{ width:29.52px; height:29.52px; }
  .app-nav-btn svg.app-nav-cart{ width:36px; height:36px; }

  .app-nav-btn svg.app-nav-bell{ fill:#fff; }
  .app-nav-btn svg.app-nav-cart circle{ fill:#fff; }
  .app-nav-btn svg.app-nav-cart .cart-fill{ fill:#fff; stroke:none; }
  
  .app-nav-btn svg.app-nav-cart path{ stroke-width:24; }
  
  .app-nav-btn svg.app-nav-cart circle{ stroke-width:27; }

  
  .app-nav{ gap:13.8px; }
  .app-nav-btn, button.app-me{ width:58px; height:58px; padding:0; border-radius:50%;
    background:var(--chrome-wash); justify-content:center; }

  .app-nav-btn:hover, button.app-me:hover{ background:#F5F6F8; }
  
  .app-nav-badge{ top:3px; right:3px; }
  .app-nav-dot{ top:6px; right:9px; }
  
  .app-nav-btn.has-store-note::before, .app-nav-btn.has-sale-note::before{ top:9px; }

  

  .app-rail-createwrap{ display:none; }
  
  .app-rail-create{ width:58px; height:58px; border-radius:var(--radius-pill); background:var(--gold); color:var(--navy); }
  .app-rail-create.is-locked{ background:var(--chrome-wash); color:var(--muted); }
  .app-rail-create.is-locked:hover{ background:var(--chrome-wash); }

  .app-rail-link::after{
    left:50%; top:calc(100% + 14px);
    transform:translateX(-50%);
  }
  .app-rail-link::before{
    left:50%; top:calc(100% + 2px);
    transform:translateX(-50%);
    border-right-color:transparent; border-bottom-color:#0f1410;
  }

  .app-shell{ padding-left:var(--pad); }

  
  .app-rail-create svg{
    width:calc(var(--rail-ico) * 1.286);
    height:calc(var(--rail-ico) * 1.286);
    padding:0;
    border:none;
  }

  
  @media (max-width:1299px){
    .app-rail-label{ display:none; }
    .app-rail-link{ width:58px; min-width:0; padding:0; justify-content:center; }
    
    .app-rail-link:not(.app-rail-create)::after{ content:attr(data-tip); }
    .app-rail-link:not(.app-rail-create)::before{ content:''; }
  }
}

.mdock{
  position:fixed; right:24px; bottom:0; z-index:190;
  pointer-events:none;
  display:flex; flex-direction:column; align-items:stretch;
  width:304px;
  font:400 14px/1.4 var(--font-sans);
}

.mdock > *{ pointer-events:auto; }
.mdock-bar{
  display:flex; align-items:center; gap:10px;
  height:48px; padding:0 14px;
  
  border:1px solid var(--navy); border-bottom:none;
  border-radius:10px 10px 0 0;
  background:var(--navy); color:var(--paper);
  box-shadow:0 -2px 14px rgba(0,0,0,.18);
  cursor:pointer;
  font:600 14px/1 var(--font-sans);
}
.mdock-bar:hover{ background:var(--navy-hover); }
.mdock-bar svg{ width:22px; height:22px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.mdock-bar-title{ flex:1 1 auto; text-align:left; }

.mdock-badge{
  display:inline-grid; place-items:center;
  min-width:20px; height:20px; padding:0 6px;
  border-radius:var(--radius-pill);
  background:#0C6EBA; color:#fff;
  font:700 11px/1 var(--font-sans);
}
.mdock-badge[hidden]{ display:none; }

.mdock-chevron svg{ width:18px; height:18px; transition:transform var(--dur-fast,.18s) var(--ease,ease); }
.mdock.is-open .mdock-chevron svg{ transform:rotate(180deg); }

.mdock-panel{
  display:flex; flex-direction:column;
  height:420px; max-height:calc(100vh - 160px);
  border:1px solid var(--line);
  border-radius:10px 10px 0 0;
  background:var(--surface);
  box-shadow:0 -6px 28px rgba(0,0,0,.16);
  overflow:hidden;
  transform-origin:bottom;
  transform:translateY(10px) scaleY(.97);
  opacity:0; visibility:hidden;
  transition:transform .2s var(--ease,ease), opacity .2s var(--ease,ease), visibility 0s linear .2s;
}
.mdock.is-open .mdock-panel{
  transform:none; opacity:1; visibility:visible;
  transition:transform .2s var(--ease,ease), opacity .2s var(--ease,ease), visibility 0s;
}
@media (prefers-reduced-motion:reduce){
  
  .mdock-panel{ transform:none; transition:opacity .15s linear, visibility 0s linear .15s; }
  .mdock.is-open .mdock-panel{ transform:none; transition:opacity .15s linear, visibility 0s; }
}

.mdock-head{
  display:flex; align-items:center; gap:12px;
  flex:0 0 auto; padding:12px 14px;
  
  border-bottom:1px solid var(--line);
}
.mdock-title{ font:700 15px/1 var(--font-sans); color:var(--ink); }
.mdock-new{
  display:grid; place-items:center;
  width:32px; height:32px; margin-left:auto; padding:0;
  border:none; border-radius:var(--radius-pill);
  background:none; color:var(--ink-soft); cursor:pointer;
}
.mdock-new:hover{ background:var(--surface-soft); color:var(--ink); }

.mdock-new[hidden]{ display:none; }

.mdock-search[hidden]{ display:none; }
.mdock-new svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

.mdock-body{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; }

.mdock-listview{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; }
.mdock-list{ flex:1 1 auto; min-height:0; overflow-y:auto; }
.mdock-listview[hidden]{ display:none; }

.mdock-note{ margin:0; padding:18px 14px; color:var(--muted); font-size:13px; }
.mdock-note a{ color:var(--navy); }

.mdock-signin{ display:inline-block; margin:0 14px 14px; padding:9px 16px; border-radius:var(--radius-pill); background:var(--navy); color:#fff; font:600 13px/1 var(--font-sans); text-decoration:none; }
.mdock-signin:hover{ background:var(--navy-soft); }

.mdock-list{ display:flex; flex-direction:column; gap:0; padding:0; }
.mdock-row{
  display:flex; align-items:center; gap:10px;
  padding:10px 14px;
  color:var(--ink); text-decoration:none;
  border:none; border-bottom:1px solid rgba(0,0,0,.04); border-radius:0;
  width:100%; box-sizing:border-box;
  text-align:left;
}
.mdock-row:nth-child(odd){ background:#f5f5f5; }
.mdock-row:nth-child(even){ background:#ffffff; }
.mdock-row:hover{ background:var(--surface-soft); }
.mdock-face{
  flex:0 0 auto; display:grid; place-items:center; overflow:hidden;
  width:36px; height:36px; border-radius:50%;
  background:var(--navy); color:var(--paper);
  font:700 12px/1 var(--font-sans);
}
.mdock-face img{ width:100%; height:100%; object-fit:cover; }
.mdock-row-text{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
.mdock-row-text b{ font:600 13.5px/1.2 var(--font-sans); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mdock-row-text small{ color:var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mdock-row.is-unread .mdock-row-text b{ font-weight:750; }
.mdock-row.is-unread .mdock-row-text small{ color:var(--ink); }
.mdock-time{
  flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end; gap:1px;
  font:400 11px/1.25 var(--font-sans); color:var(--muted); white-space:nowrap;
}
.mdock-dot{ flex:0 0 auto; width:8px; height:8px; border-radius:var(--radius-pill); background:#0C6EBA; }

.mdock-send{ position:relative; }
.mdock-tools{ flex:0 0 auto; display:flex; align-items:center; gap:2px; }
.mdock-tool{
  width:32px; height:32px; flex:0 0 auto;
  display:grid; place-items:center;
  border:none; background:none; cursor:pointer; padding:0;
  color:var(--muted); border-radius:var(--radius-pill);
}
.mdock-tool:hover{ background:#F5F6F8; color:var(--ink); }
.mdock-tool.is-full, .mdock-tool.is-full:hover{ background:none; color:#C9CDD3; cursor:not-allowed; }
.mdock-tool svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round; }

.mdock-chip{
  position:absolute; left:10px; right:10px; bottom:calc(100% + 6px);
  display:flex; align-items:center; gap:8px;
  padding:6px 8px 6px 10px; border-radius:var(--radius-md);
  background:var(--surface-soft); border:1px solid var(--line);
  font:400 12px/1.3 var(--font-sans); color:var(--ink);
}
.mdock-chip[hidden]{ display:none; }
.mdock-chip-imgs{ display:flex; flex-wrap:wrap; gap:8px; flex:1 1 auto; }
.mdock-chip-imgs[hidden]{ display:none; }
.mdock-chip.has-photos{ padding:9px 10px; }
.mdock-chip.has-photos > span, .mdock-chip.has-photos > .mdock-chip-x{ display:none; }
.mdock-chip-thumb{ position:relative; flex:0 0 46px; width:46px; height:46px; }
.mdock-chip-thumb img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:6px; background:#FFFFFF; }
.mdock-chip-thumb-x{ position:absolute; top:-6px; right:-6px; width:18px; height:18px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; background:#201e1d; color:#FFFFFF; cursor:pointer; }
.mdock-chip-thumb-x svg{ width:9px; height:9px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; }
.mdock-chip span{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mdock-chip-x{ flex:0 0 auto; width:22px; height:22px; display:grid; place-items:center;
  border:none; background:none; cursor:pointer; color:var(--muted); border-radius:var(--radius-pill); }
.mdock-chip-x:hover{ background:#F5F6F8; color:var(--ink); }
.mdock-chip-x svg{ width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }

.mdock-emojis{
  position:absolute; left:8px; right:8px; bottom:calc(100% + 6px); z-index:5;
  display:grid; grid-template-columns:repeat(8, 1fr); gap:2px;
  max-height:168px; overflow-y:auto; padding:8px;
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius-md); box-shadow:var(--shadow-3);
}
.mdock-emojis[hidden]{ display:none; }
.mdock-emoji-x{
  border:none; background:none; cursor:pointer; padding:3px 0;
  font-size:19px; line-height:1.2; border-radius:var(--radius-sm);
}
.mdock-emoji-x:hover{ background:#F5F6F8; }

.mdock-photos{ display:flex; flex-wrap:wrap; gap:4px; }
.mdock-photos.is-multi{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); width:240px; max-width:100%; }
.mdock-photos.is-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); width:160px; }
.mdock-photos.is-multi .mdock-photo{ width:100%; height:auto; max-height:none; aspect-ratio:1 / 1; object-fit:cover; }
.mdock-photo{ display:block; max-width:100%; max-height:220px; width:auto; height:auto;
  border-radius:var(--radius-sm); object-fit:cover; }
.mdock-file{
  display:flex; flex-direction:column; gap:1px;
  padding:8px 10px; border-radius:var(--radius-sm);
  background:rgba(0,0,0,.05); color:inherit; text-decoration:none;
}
.mdock-file:hover{ background:#F5F6F8; }
.mdock-file b{ font:600 12.5px/1.25 var(--font-sans); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mdock-file small{ font:400 11px/1.2 var(--font-sans); opacity:.75; }
.mdock-blase.is-mine .mdock-file{ background:rgba(255,255,255,.16); }
.mdock-blase.is-mine .mdock-file:hover{ background:rgba(255,255,255,.26); }
.mdock-blase-text{ white-space:pre-wrap; overflow-wrap:anywhere; }
.mdock-photos + .mdock-blase-text, .mdock-photo + .mdock-blase-text, .mdock-file + .mdock-blase-text{ display:block; margin-top:6px; }
.mdock-search{
  position:relative; flex:0 0 auto;
  display:flex; align-items:center;
  margin:10px 12px; padding:0 10px;
  border:1px solid var(--line); border-radius:var(--radius-pill);
  background:var(--surface-soft);
}
.mdock-search svg{ width:15px; height:15px; flex:0 0 auto; fill:none; stroke:var(--muted); stroke-width:1.7; stroke-linecap:round; }
.mdock-search input{
  width:100%; border:none; background:none; outline:none;
  padding:8px 8px; color:var(--ink);
  font:400 13px/1 var(--font-sans);
}

@media (max-width:1079px){
  .mdock{ display:none; }
}

.mdock-convhead{ display:flex; align-items:center; gap:8px; flex:0 0 auto; padding:8px 10px; border-bottom:1px solid var(--line); background:var(--surface); }
.mdock-back{ display:grid; place-items:center; width:26px; height:26px; flex:0 0 auto; border:none; background:none; border-radius:var(--radius-pill); color:var(--ink-soft); cursor:pointer; }
.mdock-back svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mdock-back:hover{ background:var(--surface-soft); color:var(--ink); }
.mdock-who{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:700 13.5px/1.2 var(--font-sans); color:var(--ink); }

.mdock-row.is-unread b{ font-weight:700; }

.mdock-conv{ display:flex; flex-direction:column; min-height:0; flex:1; }
.mdock-conv[hidden]{ display:none; }
.mdock-thread{ flex:1; min-height:0; overflow-y:auto; padding:10px 12px; display:flex; flex-direction:column; gap:6px; background:var(--paper); }
.mdock-blase{ align-self:flex-start; max-width:82%; padding:7px 11px; border-radius:14px 14px 14px 4px; background:var(--surface-soft); color:var(--ink); font:500 13px/1.45 var(--font-sans); overflow-wrap:anywhere; }
.mdock-blase.is-mine{ align-self:flex-end; border-radius:14px 14px 4px 14px; background:var(--navy); color:#fff; }
.mdock-sys{ align-self:center; padding:4px 10px; border-radius:var(--radius-pill); background:var(--surface-soft); color:var(--muted); font:500 11.5px/1.4 var(--font-sans); text-align:center; }

.mdock-send{ display:flex; align-items:flex-end; gap:8px; padding:8px 12px; border-top:1px solid var(--line); background:var(--surface); }
.mdock-input{ flex:1; min-height:34px; max-height:96px; padding:8px 10px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--paper); color:var(--ink); font:500 13px/1.4 var(--font-sans); resize:none; }
.mdock-input:focus-visible{ outline:2px solid var(--navy); outline-offset:1px; }
.mdock-sendbtn{ width:34px; height:34px; flex-shrink:0; display:grid; place-items:center; border:none; border-radius:var(--radius-pill); background:var(--navy); cursor:pointer; }
.mdock-sendbtn svg{ width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2; }
.mdock-sendbtn:hover{ background:var(--navy-soft); }
.mdock-sendbtn:disabled{ opacity:.5; cursor:default; }

.mdock-open{ display:grid; place-items:center; width:26px; height:26px; flex:0 0 auto; border-radius:var(--radius-pill); color:var(--ink-soft); text-decoration:none; }
.mdock-open svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.mdock-open:hover{ background:var(--surface-soft); color:var(--ink); }


@media (min-width:681px) and (max-width:960px){
  .hc-grid,
  .hc-help-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .hc-trust{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

.hc-search input{ padding-right:104px; }
.hc-search-go{
  position:absolute; top:6px; right:6px; bottom:6px;
  display:inline-flex; align-items:center; padding:0 18px;
  border:0; border-radius:var(--radius-pill);
  background:var(--navy); color:#fff; cursor:pointer;
  font:600 13.5px/1 var(--font-sans);
}
.hc-search-go:hover{ background:var(--navy-hover); }

.hc-helpful-b.is-on{ border-color:var(--navy); background:var(--navy); color:#fff; }
.hc-helpful-b.is-on svg{ stroke:currentColor; fill:none; }
.hc-helpful-n{
  margin-left:7px; padding:1px 7px; border-radius:var(--radius-pill);
  background:rgba(15,20,16,.08); font:600 11.5px/1.5 var(--font-sans);
}
.hc-helpful-b.is-on .hc-helpful-n{ background:rgba(255,255,255,.22); }

@media (max-width:480px){
  .hc-search input{ padding-right:var(--space-4); }
  .hc-search-go{ position:static; margin-top:10px; width:100%; justify-content:center; padding:12px 18px; }
}

.app-dd-biz{ min-width:250px; }
.app-dd-biz .app-dd-sub{ white-space:normal; padding:0 var(--space-3) var(--space-2); }
.app-dd-biz .app-dd-item{ color:var(--ink); }
.app-dd-biz .app-dd-item:hover{ background:#F5F6F8; }
.app-dd.app-dd-biz{ width:380px; max-height:calc(100vh - 110px); overflow-y:auto; }
.app-dd-tiles{ display:flex; flex-direction:column; gap:2px; padding:var(--space-1) var(--space-1) var(--space-2); }
.app-dd-tiles-sep{ height:1px; margin:6px 12px; background:#000; }
.app-dd-tile{ display:flex; align-items:center; gap:16px; padding:10px 12px; border:0; border-radius:12px; color:var(--ink); text-decoration:none; background:transparent; transition:background-color .15s ease; }
.app-dd-tile:hover, .app-dd-tile:focus-visible{ background:#F5F6F8; color:var(--ink); }
.app-dd-tile-ic{ flex:0 0 44px; width:44px; height:44px; display:flex; align-items:center; justify-content:center; }
.app-dd-tile-ic img{ width:40px; height:40px; display:block; }
.app-dd-tile-t{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.app-dd-tile-n{ font-size:14px; font-weight:600; line-height:1.3; color:var(--ink); }
.app-dd-tile-d{ font-size:12.5px; line-height:1.4; color:var(--muted, #6B7280); }

@media (max-width:1079px){

  .app-header-inner:not(.app-header-inner--guest) .app-nav-btn--biz{ display:none; }

  .app-header-inner:not(.app-header-inner--guest) .app-burger,
  .app-header-inner:not(.app-header-inner--guest) .app-dd-menu{ display:none; }

  .app-header-inner:not(.app-header-inner--guest){
    grid-template-areas:"logo spacer search"; grid-template-columns:auto 1fr auto; }
  .app-header-inner:not(.app-header-inner--guest) .app-logo{
    position:static; left:auto; top:auto; transform:none;
    grid-area:logo; justify-self:start; }
  .app-header-inner:not(.app-header-inner--guest) .app-search{
    grid-area:search; justify-self:end; }

  .app-header-inner:not(.app-header-inner--guest) .app-nav{ grid-area:search; }

  .app-shell:not(.app-shell--guest) .app-rail{
    display:flex; box-sizing:border-box; inset:12px 0 auto 0; width:auto; margin:0;
    justify-content:center; gap:26px; padding-top:0; padding-bottom:0;
    padding-left:calc(16px + clamp(30px,11.7vw,44px));
    padding-right:calc(19px + clamp(30px,11.7vw,44px));
    pointer-events:none; }
  .app-shell:not(.app-shell--guest) .app-rail > .app-rail-link{
    display:grid; width:clamp(30px,11.7vw,44px); height:clamp(30px,11.7vw,44px);
    pointer-events:auto; }
  .app-shell:not(.app-shell--guest) .app-rail-link svg,
  .app-shell:not(.app-shell--guest) .app-rail-link svg.rail-art{
    width:clamp(30px,11.7vw,44px); height:clamp(30px,11.7vw,44px); }

  .app-shell:not(.app-shell--guest) .app-rail-link[data-tip="Marketplace"] svg{
    width:clamp(33.5px,13.06vw,49.1px); height:clamp(33.5px,13.06vw,49.1px);
    margin-top:calc((clamp(30px,11.7vw,44px) - clamp(33.5px,13.06vw,49.1px)) / 2);
    margin-left:calc((clamp(30px,11.7vw,44px) - clamp(33.5px,13.06vw,49.1px)) / 2);
    margin-right:calc((clamp(30px,11.7vw,44px) - clamp(33.5px,13.06vw,49.1px)) / 2); }

  .app-shell:not(.app-shell--guest) .app-rail-createwrap{
    position:fixed; left:auto; margin:0; width:max-content; pointer-events:auto; }



  .app-nav-bar .app-nav-msg svg,
  .app-nav-bar .app-nav-item--notes svg{ fill:none; stroke:#333;
    stroke-linejoin:round; stroke-linecap:round; }
  .app-nav-bar .app-nav-item--cart svg .cart-fill{ fill:none; stroke:none; }
  .app-nav-bar .app-nav-item--cart svg circle{ fill:none; stroke:#333; }
  .app-nav-bar .app-nav-item--cart svg path:not(.cart-fill){ stroke:#333;
    stroke-linejoin:round; stroke-linecap:round; }

  .app-rail-createwrap{ transform:translateY(-22px); }
  .app-rail-create{ background:#F4B400; color:var(--navy); }
  .app-rail-create:hover{ background:#DDA200; }
}


.app-header-inner--guest .app-burger,
.app-header-inner--guest .app-dd-menu,
.app-header-inner--guest .app-nav-bar,
.app-header-inner--guest .app-nav-divider,
.app-header-inner--guest .app-search{ display:none; }
.app-header-inner--guest .app-nav > a.app-join{
  font-family:Arial, Helvetica, sans-serif; margin-left:10px;
  background:#fff; color:#000; box-shadow:inset 0 0 0 1.5px #000;
  padding-left:32px; padding-right:32px; min-height:56px; }
.app-header-inner--guest .app-nav > a.app-join:hover{ background:#F5F6F8; color:#000; opacity:1; }
@media (max-width:1079px){
  .app-header-inner--guest .app-join{ display:none; }
}
.mh-sign{ display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; height:40px; padding:0 16px;
  border:0; border-radius:4px; background:#fff; color:var(--navy,#15284b); box-shadow:inset 0 0 0 1.5px var(--navy,#15284b);
  font:400 14px/1 var(--font-sans); text-decoration:none; white-space:nowrap; }
.mh-sign:hover{ background:#F5F6F8; color:var(--navy,#15284b); text-decoration:none; }
@media (max-width:1079px){
  .mh-sign--join{ display:none; }
}
@media (max-width:719px){
  .mh-sign{ height:34px; padding:0 9px; font-size:12px; }
}

.app-shell--guest .app-rail-createwrap,
.app-shell--guest .app-rail-create{ display:none; }

.app-header-inner--guest .app-logo{ margin-right:8px; }

.app-shell--guest .app-rail-link svg,
.app-shell--guest .app-rail-link svg.rail-art{
  --at-ring:rgba(15,20,16,.06);
  background:var(--at-ring); border-radius:50%; overflow:visible; }

.app-shell--guest .app-rail-link:hover svg,
.app-shell--guest .app-rail-link:focus-visible svg,
.app-shell--guest .app-rail-link[aria-current="page"] svg{ --at-ring:rgba(15,20,16,.13); }

.app-shell--guest .app-rail-link,
.app-shell--guest .app-rail-link:hover,
.app-shell--guest .app-rail-link[aria-current="page"]{ background:none; }

.app-header-inner--guest .app-nav > a.app-signin{
  font-family:Arial, Helvetica, sans-serif;
  background:#000; color:#fff; box-shadow:none;
  padding-left:48px; padding-right:48px; min-height:56px; }
.app-header-inner--guest .app-nav > a.app-signin:hover{ background:#242424; color:#fff; opacity:1; }

@media (max-width:1079px){
  .app-header-inner--guest{ grid-template-areas:"logo spacer nav" "search search search";
                            grid-template-columns:auto 1fr auto; column-gap:4px; }
  .app-header-inner--guest .app-logo{ position:static; left:auto; top:auto; transform:none;
                                      grid-area:logo; justify-self:start; }
  .app-header-inner--guest .app-nav > a.app-signin{ min-height:clamp(30px,11.7vw,44px);
                                                    padding-left:16px; padding-right:16px; }

  .app-shell--guest .app-rail{ display:flex; box-sizing:border-box; inset:12px 0 auto 0;
                               width:auto; margin:0; justify-content:center;
                               gap:clamp(3px, calc((100vw - 116px - 5 * clamp(30px,11.7vw,44px)) / 3), 26px);
                               padding-top:0; padding-bottom:0;
                               padding-left:calc(16px + clamp(30px,11.7vw,44px));
                               padding-right:100px; }

  .app-shell--guest .app-rail{ pointer-events:none; }
  .app-shell--guest .app-rail-link{ pointer-events:auto; }

  .app-shell--guest .app-rail > .app-rail-link{ display:grid;
                                                width:clamp(30px,11.7vw,44px);
                                                height:clamp(30px,11.7vw,44px); }
  .app-shell--guest .app-rail-link svg,
  .app-shell--guest .app-rail-link svg.rail-art{
    width:clamp(30px,11.7vw,44px); height:clamp(30px,11.7vw,44px);
    box-shadow:none; }

  .app-shell--guest .app-rail-link[data-tip="Marketplace"] svg{
    width:clamp(33.5px,13.06vw,49.1px); height:clamp(33.5px,13.06vw,49.1px);
    margin-top:calc((clamp(30px,11.7vw,44px) - clamp(33.5px,13.06vw,49.1px)) / 2);
    margin-left:calc((clamp(30px,11.7vw,44px) - clamp(33.5px,13.06vw,49.1px)) / 2);
    margin-right:calc((clamp(30px,11.7vw,44px) - clamp(33.5px,13.06vw,49.1px)) / 2); }
}

@media (max-width:1079px) and (max-width:379px){
  .app-shell--guest .app-rail{ gap:clamp(3px, calc((100vw - 126px - 5 * clamp(30px,11.7vw,44px)) / 3), 11px); }
}

@media (max-width:359px){
  .app-header-inner--guest .app-nav > a.app-signin{ padding-left:10px; padding-right:10px; }
  .app-shell--guest .app-rail{ padding-right:88px; gap:clamp(3px, calc((100vw - 114px - 5 * clamp(30px,11.7vw,44px)) / 3), 7px); }
}

@media (min-width:1080px){
  .app-header-inner--guest{ grid-template-columns:auto 1fr auto auto; }
  .app-header-inner--guest .app-logo{ order:0; justify-self:start; }
  .app-header-inner--guest .app-search{ order:1; }
  .app-header-inner--guest .app-nav{ order:4; }

  .app-shell--guest .app-rail-link svg,
  .app-shell--guest .app-rail-link svg.rail-art{
    box-sizing:border-box; width:56px; height:56px;
    margin-top:0; padding-top:0; padding-bottom:0; box-shadow:none; }

  .app-shell--guest .app-rail-link[data-tip="Marketplace"] svg{
    width:62.5px; height:62.5px; margin-top:0; }
}

.auth-sso{ display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:12px; margin-top:var(--space-4); }
.auth-sso-btn{ display:flex; align-items:center; justify-content:center; gap:10px; height:48px; border:1px solid var(--line);
  border-radius:var(--radius-md); background:#fff; text-decoration:none; }
.auth-sso-btn:hover{ background:var(--surface-soft); }
.auth-sso-btn svg{ display:block; width:21px; height:21px; }
.auth-sso-btn span{ font:600 14px/1 var(--font-sans); color:var(--ink); }
.auth-sso + .auth-sso{ margin-top:10px; }

.auth-or{ display:flex; align-items:center; gap:12px; margin:18px 0;
  font:600 11px/1 var(--font-sans); letter-spacing:.14em; color:var(--muted); }
.auth-or::before, .auth-or::after{ content:''; flex:1 1 auto; height:1px; background:var(--line); }
.app-shell,
.app-shell:has(> .app-main > .disc){ padding-top:15px; }
.app-main > .doc:first-child,
.app-main > .mkt:first-child,
.app-main > .mps:first-child,
.app-main > .tkp:first-child,
.app-main > .blk:first-child,
.app-main > .msub:first-child{ padding-top:0; }
.app-main > .mkt:first-child > .mkt-crumbs:first-child,
.app-main > .mps:first-child > .mps-head:first-child{ margin-top:0; padding-top:0; }
.app-main .subm-mast{ padding-top:0; }
.app-main .artx-crumb:first-child{ margin-top:0; }
.bc-top{ margin-bottom:15px; }
.bc--bare .bc-content,
.mst--warten .bc-content{ padding-top:15px; }
.bc-main:has(.bc-first){ padding-top:0; }
.app-header{ border-bottom:1px solid #dcdfe4; box-shadow:0 2px 3px -1px rgba(17,24,39,.138); }
.at-cbar{ border:1px solid #dcdfe4; box-shadow:0 2px 3px -1px rgba(17,24,39,.138); }
@media (max-width:1079px){ .at-cbar{ border-left:0; border-right:0; } }
.app-header .app-nav-btn--biz .app-nav-tip{ left:auto; right:0; transform:translateY(-3px); }
.app-header .app-nav-btn--biz .app-nav-tip::after{ left:auto; right:25.5px; transform:rotate(45deg); }
.app-header .app-nav-btn--biz:hover .app-nav-tip, .app-header .app-nav-btn--biz:focus-visible .app-nav-tip{ transform:translateY(0); }
.mh-inner{ display:flex; align-items:center; gap:24px; }
.mh-logo{ flex:0 0 auto; }
.mh-find{ position:relative; flex:0 1 640px; min-width:0; }
.mh-bar{ display:flex; align-items:center; gap:12px; box-sizing:border-box; width:100%; margin:0; padding:0 18px; border-radius:14px;
  color:#6b7280; font:400 15px/1 var(--font-sans); text-align:left; cursor:text; }
.mh-bar svg, .mh-q svg{ flex:0 0 20px; width:20px; height:20px; fill:none; stroke:#616161; stroke-width:1.8; stroke-linecap:round; }
.mh-bar span{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mh-panel{ position:absolute; top:calc(100% + 10px); left:0; z-index:260; box-sizing:border-box; width:100%; min-width:540px;
  padding:24px 24px 8px; border:1px solid #dcdfe4; border-radius:18px; background:#fff;
  box-shadow:0 18px 40px -12px rgba(17,24,39,.28), 0 2px 3px -1px rgba(17,24,39,.138); }
.mh-tabs{ display:flex; flex-wrap:wrap; gap:12px; }
.mh-tab{ height:36px; margin:0; padding:0 18px; border:1px solid #cfdbe6; border-radius:3px; background:#fff; color:#111827;
  font:400 14px/1 var(--font-sans); cursor:pointer; }
.mh-tab:hover{ background:#F5F6F8; color:#111827; }
.mh-tab.is-on, .mh-tab.is-on:hover{ border-color:#262626; background:#262626; color:#fff; }
.mh-q{ display:flex; align-items:center; gap:10px; height:46px; margin:18px 0 6px; padding:0 14px; border-radius:12px; background:#f3f4f6; }
.mh-q input{ flex:1 1 auto; min-width:0; height:100%; margin:0; padding:0; border:0; background:none; box-shadow:none; outline:0;
  color:#111827; font:400 15px/1 var(--font-sans); }
.mh-list{ max-height:min(60vh,430px); margin:0; padding:0; overflow-y:auto; list-style:none; }
.mh-list li + li{ border-top:1px solid #eceef1; }
.mh-row{ display:flex; align-items:center; gap:16px; padding:14px 6px; color:#111827; text-decoration:none; }
.mh-row:hover{ background:#F5F6F8; color:#111827; text-decoration:none; }
.mh-face{ display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; overflow:hidden; border-radius:50%;
  background:#eef1f5; color:#374151; font:400 18px/1 var(--font-sans); }
.mh-face img{ width:100%; height:100%; object-fit:cover; }
.mh-face svg{ width:26px; height:26px; }
.mh-txt{ min-width:0; }
.mh-txt b{ display:block; overflow:hidden; color:#111827; font:400 16px/1.3 var(--font-sans); white-space:nowrap; text-overflow:ellipsis; }
.mh-meta{ display:flex; align-items:center; gap:6px; margin-top:4px; color:#6b7280; font:400 13px/1.3 var(--font-sans); }
.mh-meta svg{ flex:0 0 14px; width:14px; height:14px; fill:none; stroke:#374151; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mh-none{ padding:18px 6px; color:#6b7280; font:400 14px/1.4 var(--font-sans); }
.mh-actions{ display:flex; align-items:center; gap:12px; margin-left:auto; }
.mh-actions .app-nav-btn svg.app-nav-grid{ width:26px; height:26px; fill:currentColor; stroke:none; }
.mh-sell{ display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; height:40px; padding:0 20px;
  border:0; border-radius:4px; background:var(--navy,#15284b); color:#fff; font:400 14px/1 var(--font-sans);
  text-decoration:none; white-space:nowrap; }
.mh-sell:hover{ background:var(--navy-soft,#33507d); color:#fff; text-decoration:none; }
@media (max-width:719px){
  .mh-inner{ flex-wrap:wrap; gap:10px 12px; padding:10px 16px 12px; }
  .mh-find{ order:3; flex:1 1 100%; }
  .mh-panel{ min-width:0; padding:16px 14px 6px; }
}
.mh-inner .mh-logo{ position:static; left:auto; top:auto; transform:none; }
@media (max-width:719px){
  .mh-tabs{ flex-wrap:nowrap; gap:6px; }
  .mh-tab{ flex:1 1 auto; height:34px; padding:0 8px; font-size:13px; white-space:nowrap; }
}
.mh-left{ display:flex; align-items:center; min-width:0; }
.mh-brand{ color:#111827; font:400 20px/1 var(--font-sans); letter-spacing:-.01em; text-decoration:none; white-space:nowrap; }
.mh-brand:hover{ color:#111827; text-decoration:none; }
@media (min-width:720px){
  .mh-inner{ display:grid; grid-template-columns:minmax(max-content,1fr) minmax(0,768px) minmax(max-content,1fr); }
  .mh-left{ justify-self:start; }
  .mh-find{ width:100%; }
  .mh-actions{ justify-self:end; margin-left:0; }
}
@media (max-width:719px){
  .mh-brand{ font-size:15px; }
}
.ck-card{ position:fixed; left:16px; bottom:16px; z-index:1000; box-sizing:border-box; width:300px; max-width:calc(100% - 32px);
  padding:24px 22px 16px; border:1px solid #dcdfe4; border-radius:18px; background:#fff; color:#111827;
  box-shadow:0 18px 40px -12px rgba(17,24,39,.28), 0 2px 3px -1px rgba(17,24,39,.138); }
.ck-card[hidden], .ck-panel[hidden], .ck-veil[hidden], .ck-doc[hidden]{ display:none; }
.ck-card-h{ margin:0 0 18px; color:#111827; font:700 21px/1.3 var(--font-sans); text-align:center; letter-spacing:-.01em; }
.ck-rows{ display:grid; gap:14px; margin:0 0 20px; }
.ck-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; color:#111827; font:400 15px/1.3 var(--font-sans); }
.ck-sw{ position:relative; display:inline-flex; flex:0 0 auto; cursor:pointer; }
.ck-sw input{ position:absolute; width:1px; height:1px; margin:0; opacity:0; }
.ck-sw-ui{ position:relative; display:block; width:52px; height:30px; border-radius:999px; background:#2f3033; transition:background .15s ease; }
.ck-sw-ui::before{ content:""; position:absolute; top:3px; left:3px; width:24px; height:24px; border-radius:50%; background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.25); transition:transform .15s ease; }
.ck-sw-ui::after{ content:"\2715"; position:absolute; top:50%; right:9px; transform:translateY(-50%); color:#fff; font:700 11px/1 var(--font-sans); }
.ck-sw input:checked + .ck-sw-ui{ background:var(--navy,#15284b); }
.ck-sw input:checked + .ck-sw-ui::before{ transform:translateX(22px); }
.ck-sw input:checked + .ck-sw-ui::after{ content:"\2713"; right:auto; left:9px; font-size:13px; }
.ck-sw input:disabled + .ck-sw-ui{ background:#8d9ab0; cursor:default; }
.ck-sw input:focus-visible + .ck-sw-ui{ outline:2px solid var(--navy,#15284b); outline-offset:2px; }
.ck-save{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:46px; margin:0; padding:0 20px;
  border:0; border-radius:999px; background:var(--navy,#15284b); color:#fff; font:400 15px/1 var(--font-sans); cursor:pointer; }
.ck-save:hover{ background:var(--navy-soft,#33507d); color:#fff; }
.ck-save svg, .ck-more svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ck-more{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin:12px 0 0; padding:6px 0; border:0; background:none;
  color:var(--navy,#15284b); font:400 14px/1 var(--font-sans); cursor:pointer; }
.ck-more:hover{ background:none; color:var(--navy,#15284b); text-decoration:underline; }
.ck-more svg{ width:15px; height:15px; }
.ck-veil{ position:fixed; inset:0; z-index:1100; background:rgba(15,20,16,.28); opacity:0; transition:opacity .25s ease; }
.ck-veil.is-open{ opacity:1; }
.ck-panel{ position:fixed; top:0; bottom:0; left:0; z-index:1110; box-sizing:border-box; width:min(430px, 100%); overflow-y:auto;
  padding:30px 28px 26px; background:#fff; color:#111827; box-shadow:12px 0 40px -10px rgba(17,24,39,.35);
  transform:translateX(-102%); transition:transform .25s ease; }
.ck-panel.is-open{ transform:translateX(0); }
.ck-x{ position:absolute; top:14px; right:14px; display:grid; place-items:center; width:34px; height:34px; margin:0; padding:0;
  border:0; border-radius:50%; background:none; color:#111827; cursor:pointer; }
.ck-x:hover{ background:#F5F6F8; color:#111827; }
.ck-x svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.ck-panel-h{ margin:0 40px 12px 0; color:#111827; font:700 22px/1.25 var(--font-sans); letter-spacing:-.01em; }
.ck-intro{ margin:0 0 22px; color:#374151; font:400 14px/1.55 var(--font-sans); }
.ck-doclink{ display:inline; margin:0; padding:0; border:0; background:none; color:var(--navy,#15284b); font:inherit; text-decoration:underline; cursor:pointer; }
.ck-doclink:hover{ background:none; color:var(--navy,#15284b); text-decoration:none; }
.ck-panel-h3{ margin:0 0 16px; color:#111827; font:700 18px/1.3 var(--font-sans); }
.ck-cat{ margin:0 0 18px; }
.ck-cat-head{ display:flex; align-items:center; gap:12px; margin:0 0 8px; }
.ck-cat-head h4, .ck-cat-head .ck-cat-name{ margin:0; color:#111827; font:600 15px/1.3 var(--font-sans); }
.ck-cat p{ margin:0; color:#4b5563; font:400 14px/1.55 var(--font-sans); }
.ck-actions{ display:grid; gap:10px; margin-top:24px; }
.ck-btn{ display:flex; align-items:center; justify-content:center; height:44px; margin:0; padding:0 18px; border:1px solid #111827; border-radius:8px;
  background:#fff; color:#111827; font:600 14px/1 var(--font-sans); cursor:pointer; }
.ck-btn:hover{ background:#F5F6F8; color:#111827; }
.ck-btn--fill{ border-color:var(--navy,#15284b); background:var(--navy,#15284b); color:#fff; }
.ck-btn--fill:hover{ border-color:var(--navy-soft,#33507d); background:var(--navy-soft,#33507d); color:#fff; }
.ck-doc{ position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:24px 16px;
  background:rgba(15,20,16,.35); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.ck-doc-win{ position:relative; box-sizing:border-box; width:min(820px, 100%); max-height:calc(100vh - 48px); overflow-y:auto;
  padding:34px 40px 30px; border-radius:18px; background:#fff; box-shadow:0 24px 60px rgba(15,20,16,.35); }
.ck-doc-body .doc{ max-width:none; padding:0; }
@media (max-width:640px){
  .ck-card{ left:12px; bottom:12px; max-width:calc(100% - 24px); }
  .ck-panel{ padding:26px 18px 22px; }
  .ck-doc{ padding:12px; }
  .ck-doc-win{ max-height:calc(100vh - 24px); padding:26px 18px 22px; }
}
.op-reveal-btn{ display:inline-flex; align-items:center; height:40px; margin:8px 0 0; padding:0 20px; border:0; border-radius:4px;
  background:var(--navy,#15284b); color:#fff; font:400 14px/1 var(--font-sans); cursor:pointer; }
.op-reveal-btn:hover{ background:var(--navy-soft,#33507d); color:#fff; }
.op-lines{ margin:12px 0 0; color:#111827; font:400 16px/1.7 var(--font-sans); font-style:normal; }
.mh-row.is-off{ opacity:.45; cursor:default; }
.mh-row.is-off:hover{ background:none; }
@media (min-width:720px){
  .mh-inner .mh-logo{ width:auto; height:48px; }
  .mh-inner .mh-logo img, .mh-inner .mh-logo svg{ height:48px; }
}
.mh-bar{ height:56px; border:1px solid #e2e2e2; background:#f5f5f5; box-shadow:none; }
.mh-bar:hover, .mh-find.is-open .mh-bar{ border-color:#d0d0d0; background:#F5F6F8; }
.mh-left{ gap:43px; }
.mh-inner{ padding:10px 35px 12px; }
@media (min-width:720px){
  .mh-inner{ padding:12px 35px; }
  .mh-bar{ height:56px; }
}
@media (min-width:1080px){
  .mh-inner{ padding:12px calc(51px + max(0px, (100% - 1304px) / 2)); }
}
@media (min-width:1400px){
  .mh-inner{ padding:12px 39px; }
}
@media (max-width:719px){
  .mh-left{ gap:24px; }
  .mh-bar{ height:52px; }
}
@media (max-width:719px){
  .mh-inner{ column-gap:8px; }
  .mh-actions{ gap:4px; }
  .mh-actions .app-nav-btn{ width:38px; height:38px; }
  .mh-actions .app-nav-btn svg{ width:24px; height:24px; }
  .mh-sell{ height:34px; padding:0 9px; font-size:12px; }
}
@media (max-width:374px){
  .mh-brand{ font-size:14px; }
}
@media (min-width:1300px) and (max-width:1479px){
  .app-rail--n6 .app-rail-label{ display:none; }
  .app-rail--n6 .app-rail-link{ width:58px; min-width:0; padding:0; justify-content:center; }
  .app-rail--n6 .app-rail-link:not(.app-rail-create)::after{ content:attr(data-tip); }
  .app-rail--n6 .app-rail-link:not(.app-rail-create)::before{ content:''; }
}
@media (max-width:1079px){
  .app-shell:not(.app-shell--guest) .app-rail--n6{
    --c6:clamp(30px, 10.6vw, 44px);
    gap:clamp(3px, calc((100vw - 51px - 2 * clamp(30px, 11.7vw, 44px) - 5 * var(--c6)) / 4), 26px); }
  .app-shell:not(.app-shell--guest) .app-rail--n6 > .app-rail-link{ width:var(--c6); height:var(--c6); }
  .app-shell:not(.app-shell--guest) .app-rail--n6 .app-rail-link svg,
  .app-shell:not(.app-shell--guest) .app-rail--n6 .app-rail-link svg.rail-art{ width:var(--c6); height:var(--c6); }
  .app-shell:not(.app-shell--guest) .app-rail--n6 .app-rail-link[data-tip="Marketplace"] svg{
    width:calc(var(--c6) * 1.116); height:calc(var(--c6) * 1.116);
    margin-top:calc(var(--c6) * -0.058); margin-left:calc(var(--c6) * -0.058); margin-right:calc(var(--c6) * -0.058); }
}
@media (min-width:1300px) and (max-width:1439px){
  .app-rail--n5 .app-rail-label{ display:none; }
  .app-rail--n5 .app-rail-link{ width:58px; min-width:0; padding:0; justify-content:center; }
  .app-rail--n5 .app-rail-link:not(.app-rail-create)::after{ content:attr(data-tip); }
  .app-rail--n5 .app-rail-link:not(.app-rail-create)::before{ content:''; }
}
.app-logo, .app-logo:hover, .app-logo:focus-visible{ background:#0C6EBA; border-radius:6px; }
.app-logo{ box-sizing:border-box; width:48px; height:48px; }
.app-logo img, .app-logo svg{ height:34px; width:auto; }
@media (min-width:1080px){
  .app-logo{ width:48px; }
  .app-search input{ width:calc(281px - 48px - 6px); }
}
@media (max-width:1079px){
  .app-logo, .mh-inner .mh-logo{ width:44px; height:44px; }
  .app-logo img, .app-logo svg{ height:31px; }
}
@media (max-width:479px){
  .app-logo, .mh-inner .mh-logo{ width:clamp(30px, 11.7vw, 44px); height:clamp(30px, 11.7vw, 44px); }
  .app-logo img, .app-logo svg{ height:clamp(21px, 8.2vw, 31px); }
}
.mh-inner .mh-logo{ width:48px; height:48px; }
.mh-inner .mh-logo img, .mh-inner .mh-logo svg{ height:34px; }
@media (max-width:719px){
  .mh-inner .mh-logo{ width:44px; height:44px; }
  .mh-inner .mh-logo img, .mh-inner .mh-logo svg{ height:31px; }
}
@media (max-width:479px){
  .mh-inner .mh-logo{ width:clamp(30px, 11.7vw, 44px); height:clamp(30px, 11.7vw, 44px); }
  .mh-inner .mh-logo img, .mh-inner .mh-logo svg{ height:clamp(21px, 8.2vw, 31px); }
}
.app-suggest{ position:absolute; left:0; width:max(100%, 400px); top:calc(100% + 6px); z-index:950; background:#fff; border:1px solid var(--line-strong,#d5d5d5); border-radius:12px; box-shadow:0 18px 40px -12px rgba(17,24,39,.28); overflow:hidden; }
.app-suggest[hidden]{ display:none; }
.app-suggest-list{ list-style:none; margin:0; padding:6px 0; }
.app-suggest-item{ display:flex; align-items:center; gap:12px; padding:8px 14px; color:inherit; text-decoration:none; }
.app-suggest-item:hover, .app-suggest-item.is-active{ background:#F5F6F8; }
.app-suggest-media{ flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; overflow:hidden; background:var(--navy,#15284b); color:#fff; font:700 14px/1 var(--font-sans); }
.app-suggest-media--thing{ border-radius:6px; background:#e8ebf0; color:#6b7686; }
.app-suggest-media--tag{ border-radius:50%; background:#EEF4FB; color:#0C6EBA; font-size:19px; }
.app-suggest-media img{ display:block; width:100%; height:100%; object-fit:cover; }
.app-suggest-text{ display:flex; flex-direction:column; min-width:0; }
.app-suggest-title{ font:600 14px/1.3 var(--font-sans); color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-suggest-sub{ font:400 12.5px/1.3 var(--font-sans); color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-suggest-all{ display:flex; align-items:center; padding:13px 16px; border-top:1px solid var(--line-strong,#e0e0e0); font:600 14px/1.3 var(--font-sans); color:#1987FD; text-decoration:none; }
.app-suggest-all:hover, .app-suggest-all.is-active{ background:#F5F6F8; }
.app-search input{ background:#F3F3F3; border:1.5px solid #CFCFCF; }
.app-search input::placeholder{ color:#5F7FA3; }
.app-search input:focus{ background:#fff; border-color:#9A9A9A; box-shadow:0 0 0 3px rgba(15,20,16,.07); }
.app-search-ico svg{ stroke:#4A7FB8; }
@media (min-width:1080px){
.app-header-inner--guest .app-search{ display:block; justify-self:start; width:auto; max-width:none; }
.app-header-inner .app-search{ margin-left:-18px; }
}
.mp-ad-label {
  color: #767676;
  text-transform: lowercase;
  border-bottom: 1px solid #5F6368;
  font-weight: 600;
  letter-spacing: .02em;
}
.cart-veil, .at-dialog-veil, .at-sheet-veil, .atshare-overlay, .reportgate-overlay, .store-veil, .ck-veil{ -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.acd-form{display:flex;flex-direction:column;gap:6px;max-width:440px;margin-top:var(--space-4)}
.acd-form label{font:600 14px/1.4 var(--font-sans);color:var(--ink);margin-top:10px}
.acd-form input,.acd-form select{width:100%;height:44px;padding:0 12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:var(--ink);font:400 15px/1.2 var(--font-sans)}
.acd-form button{margin-top:16px;align-self:flex-start}
.acd-other{display:flex;flex-direction:column;gap:6px}
.acd-other[hidden]{display:none}
.at-dialog-veil.acd-veil{z-index:2698}
.at-dialog.acd-dlg{z-index:2699;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box}
.acd-dlg .at-dialog-text{margin:0;font-weight:700}
.acd-dlg .acd-form{margin:var(--space-3) 0 var(--space-5)}
.dob{display:flex;flex-direction:column;gap:6px}
.dob-head{display:flex;align-items:center;gap:6px}
.dob-l{font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;color:var(--ink-soft)}
.dob-info{position:relative;display:inline-flex}
.dob-info-b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;line-height:0}
.dob-info-b:hover{background:#F5F6F8}
.dob-info-b:focus-visible{outline:3px solid #1764D6;outline-offset:2px}
.dob-info-b svg{width:17px;height:17px;display:block}
.dob-tip{display:none;position:absolute;top:calc(100% + 10px);left:-24px;z-index:90;width:max-content;max-width:min(330px,80vw);background:#0B0F19;color:#fff;padding:14px 16px;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.3);font:400 13px/1.55 var(--font-sans);text-align:left;white-space:normal}
.dob-tip::before{content:'';position:absolute;top:-6px;left:var(--dob-arrow,30px);width:12px;height:12px;background:#0B0F19;transform:rotate(45deg)}
.dob-tip b{display:block;font-size:14px;font-weight:600;margin-bottom:4px;color:#fff}
.dob-tip span{display:block}
.dob-info.is-open .dob-tip{display:block}
.dob-row{display:grid;grid-template-columns:1fr 1.6fr 1.2fr;gap:10px}
.dob-f{display:flex;flex-direction:column;gap:5px;min-width:0;font:400 12.5px/1.2 var(--font-sans);color:var(--muted)}
.dob .dob-sel{font:400 15px/1.2 var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-3);width:100%;min-width:0}
.dob .dob-sel.is-bad{border-color:#E9C46A}
.auth-linkbtn{background:none;border:0;padding:0;color:var(--navy);font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
@media (max-width:900px){
  .dob .dob-l{ font-size:15px; }
  .dob .dob-sel{ font-size:17px; min-height:54px; padding:14px 12px; border-radius:var(--radius-md); }
  .dob-f{ font-size:13px; }
}
.em-red-reason,.em-red-reason span,.em-red-opt{color:#6B4E00;font-weight:600}
.app-nav-btn svg.app-nav-people{ fill:currentColor; }
@media (max-width:1079px){
  .app-nav-bar .app-nav-item--people{ grid-column:3; grid-row:1; }
  .app-nav-bar:has(.app-nav-item--people) .app-nav-item--notes{ grid-column:4; }
  .app-nav-bar:has(.app-nav-item--people) .app-nav-item--cart{ grid-column:5; }
}
.app-nav-btn svg.app-nav-people{ stroke:currentColor; stroke-width:.45; stroke-linejoin:round; }
@media (max-width:1079px){
  .app-nav-bar{ grid-template-columns:repeat(4,1fr); }
  .app-nav-bar:has(.app-nav-item--people){ grid-template-columns:repeat(5,1fr); }
  .app-nav-bar::before{ -webkit-mask-image:none; mask-image:none; }
  .app-nav-bar a.app-nav-msg{ align-items:center; justify-content:center; }
  .app-shell:not(.app-shell--guest) .app-rail-createwrap{
    bottom:calc(var(--fuss-kreis) + var(--space-2) * 2 + 12px); right:16px; transform:none; }
}
.app-search input{ border-radius:6px; }
@media (min-width:1080px){
  .app-search input{ box-sizing:border-box; height:48px; padding-top:0; padding-bottom:0; }
}
@media (max-width:1079px){
  .app-search-ico{ border-radius:6px; }
}
@media (min-width:1080px){
  .app-me-avatar, .app-me-avatar-img{ width:36px; height:36px; }
  .app-nav-btn[data-dd-toggle="dd-notes"] svg, .app-nav-btn svg.app-nav-people{ width:36px; height:36px; }
}
.at-cbar-post{ background:#0C6EBA; }
.at-cbar-post:hover{ background:#0A5C9C; }
body .btn.btn-follow, body .sv-btn.btn-follow,
body .sv-btn--solid[data-follow-profile][aria-pressed="false"],
body .sv-btn--solid[data-sv-follow-page][aria-pressed="false"],
body .mkt-store-action.is-follow:not(.is-following),
body .feed-pop-follow, body .at-sug-follow, body .notif-followback{ background:#0C6EBA; border-color:#0C6EBA; color:#fff; }
body .btn.btn-follow:hover, body .sv-btn.btn-follow:hover,
body .sv-btn--solid[data-follow-profile][aria-pressed="false"]:hover,
body .sv-btn--solid[data-sv-follow-page][aria-pressed="false"]:hover,
body .mkt-store-action.is-follow:not(.is-following):hover,
body .feed-pop-follow:hover, body .at-sug-follow:hover, body .notif-followback:hover{ background:#0A5C9C; border-color:#0A5C9C; color:#fff; }
body .feed-follow:not(.is-following):not(.is-requested){ color:#0C6EBA; }
body .feed-follow:not(.is-following):not(.is-requested):hover{ color:#0A5C9C; }
body .disc-banner--books .disc-banner-cta{ background:#0C6EBA; border-color:#0C6EBA; }
body .mdock-bar{ background:#0C6EBA; border-color:#0C6EBA; }
body .mdock-bar:hover{ background:#0A5C9C; border-color:#0A5C9C; }
body .disc-banner-cta{ background:#0C6EBA; border-color:#0C6EBA; color:#fff; }
body .app-header-inner--guest .app-nav > a.app-signin{ background:#0C6EBA; color:#fff; box-shadow:none; }
body .app-header-inner--guest .app-nav > a.app-signin:hover{ background:#0A5C9C; color:#fff; }
body .app-header-inner--guest .app-nav > a.app-join{ background:#fff; color:#0C6EBA; box-shadow:inset 0 0 0 1.5px #0C6EBA; }
body .app-header-inner--guest .app-nav > a.app-join:hover{ background:#0C6EBA; color:#fff; }
body .mh-sign:not(.mh-sign--join){ background:#0C6EBA; border-color:#0C6EBA; color:#fff; }
body .mh-sign:not(.mh-sign--join):hover{ background:#0A5C9C; border-color:#0A5C9C; color:#fff; }
body .mh-sign--join{ background:#fff; border-color:#0C6EBA; color:#0C6EBA; }
body .mh-sign--join:hover{ background:#0C6EBA; color:#fff; }
body .mkt-f-sum{ background:#0C6EBA; }
body .mkt-f-accordion .mkt-f-sum:hover, body .mkt-f[open] .mkt-f-sum{ background:#0A5C9C; }
body .mkt-f.is-set .mkt-f-sum{ background:#084C80; }
body .mh-sell, body .mkt-launch-btn{ background:#0C6EBA; border-color:#0C6EBA; color:#fff; }
body .mh-sell:hover, body .mkt-launch-btn:hover{ background:#0A5C9C; border-color:#0A5C9C; color:#fff; }
body .mh-actions .mh-sell{ background:#F5F5F5; border-color:transparent; border-radius:10px; color:#002748; font-weight:600; }
body .mh-actions .mh-sell:hover{ background:rgba(15,20,16,.06); border-color:transparent; color:#002748; }
body .mh-actions .mh-sell-wrap{ display:inline-flex; align-items:center; box-sizing:border-box; height:58px; padding:0 8px; border-radius:999px; background:#F5F5F5; }
body .mh-actions .mh-sell-wrap .mh-sell{ height:42px; padding:0 18px; border-radius:999px; background:#0C6EBA; border-color:#0C6EBA; color:#fff; font-weight:600; }
body .mh-actions .mh-sell-wrap .mh-sell:hover{ background:#0A5C9C; border-color:#0A5C9C; color:#fff; }
@media (max-width:719px){
  body .mh-actions .mh-sell-wrap{ height:38px; padding:0 4px; }
  body .mh-actions .mh-sell-wrap .mh-sell{ height:30px; padding:0 10px; font-size:12px; }
}
body .mkt-shop-sidebar .mkt-f{ border-radius:6px 6px 10px 10px; box-shadow:0 4px 14px -2px rgba(17,24,39,.24), 0 1px 3px rgba(17,24,39,.12); }
body .mkt .mkt-shop-sidebar, body .mkt.is-overlay-ready .mkt-shop-sidebar{ background:rgba(220,227,236,.7); border:1px solid #C5CEDA; box-shadow:0 2px 4px rgba(17,24,39,.06), 0 14px 30px -14px rgba(17,24,39,.30); }
body .mkt-shop-sidebar .mkt-f-pop{ background:#FFFFFF; }
@media (max-width:1079px){
  body .app-nav-bar .app-nav-msg svg,
  body .app-nav-bar .app-nav-item--notes svg{ fill:#fff; }
  body .app-nav-bar .app-nav-item--cart svg .cart-fill,
  body .app-nav-bar .app-nav-item--cart svg circle{ fill:#fff; }
}
body .at-rail-banner-cta, body .at-rail-banner--market .at-rail-banner-cta{ background:#0C6EBA; color:#fff; }
body .at-rail-banner:hover .at-rail-banner-cta{ background:#0A5C9C; }
body .at-rail-banner-cta::after{ color:#fff; }
body .mkt-faq-item{ border:0; }
body .mkt-faq-item > p{ background:#fff; border:0; border-radius:6px; padding:12px 14px; }
body .at-cbar .at-cbar-av{ display:none; }
.reportgate-modal.tkr-modal{ max-width:600px; padding:36px 32px 28px; border-radius:18px; background:#fff; box-shadow:0 24px 60px rgba(20,20,18,.25); color:#1A1A1A; font-family:var(--font-sans); box-sizing:border-box; animation:tkr-pop .18s ease-out; }
@keyframes tkr-pop{ from{ opacity:0; transform:translateY(8px) scale(.98); } to{ opacity:1; transform:none; } }
.tkr-close{ position:absolute; top:16px; right:16px; width:44px; height:44px; border:0; border-radius:50%; background:transparent; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.tkr-close:hover{ background:#F5F6F8; }
.tkr-close:focus-visible{ outline:3px solid #B9D2F7; }
.tkr-eyebrow{ font-size:13px; font-weight:600; letter-spacing:.14em; color:#5B5B57; }
.tkr-title{ margin:10px 0 0; font:700 34px/1.1 var(--font-sans); letter-spacing:-.02em; color:#1A1A1A; }
.tkr-reporting{ margin-top:18px; display:inline-flex; align-items:center; gap:10px; padding:8px 14px 8px 8px; background:#fff; border:1px solid #E2E0DA; border-radius:999px; font-size:15px; }
.tkr-reporting-icon{ width:28px; height:28px; border-radius:50%; background:#EEF4FD; display:flex; align-items:center; justify-content:center; }
.tkr-reporting strong{ font-weight:600; }
.tkr-form{ margin-top:24px; display:flex; flex-direction:column; gap:22px; }
.tkr-field{ display:flex; flex-direction:column; gap:8px; }
.tkr-label{ font-size:15px; font-weight:600; color:#1A1A1A; }
.tkr-optional{ font-weight:400; color:#5B5B57; }
.tkr-star{ color:#6B4E00; }
.tkr-select-wrap{ position:relative; }
.tkr-select{ -webkit-appearance:none; appearance:none; width:100%; height:50px; padding:0 44px 0 16px; border:1px solid #CFCCC4; border-radius:10px; background:#fff; font:inherit; font-size:15px; color:#1A1A1A; cursor:pointer; box-sizing:border-box; }
.tkr-select-wrap svg{ position:absolute; right:16px; top:16px; pointer-events:none; }
.tkr-textarea{ width:100%; min-height:160px; padding:14px 16px; border:1px solid #CFCCC4; border-radius:10px; font:inherit; font-size:15px; line-height:1.5; color:#1A1A1A; resize:vertical; box-sizing:border-box; }
.tkr-textarea::placeholder{ color:#76736C; }
.tkr-select:focus, .tkr-textarea:focus{ outline:3px solid #B9D2F7; outline-offset:1px; border-color:#0C6EBA; }
.tkr-submit{ height:52px; border:0; border-radius:10px; background:#0C6EBA; color:#fff; font:inherit; font-size:16px; font-weight:600; cursor:pointer; }
.tkr-submit:hover{ background:#0A5C9C; }
.tkr-submit:focus-visible{ outline:3px solid #B9D2F7; outline-offset:2px; }
@media (max-width:520px){
  .reportgate-overlay:has(.tkr-modal){ align-items:flex-end; padding:0; }
  .reportgate-modal.tkr-modal{ border-radius:18px 18px 0 0; padding:32px 20px 24px; max-width:none; }
  .tkr-title{ font-size:28px; }
}
.reportgate-overlay:has(.tkr-modal){ overflow-y:auto; } .reportgate-modal.tkr-modal{ margin:auto; }
body .feed-card, body .feed-card:hover, body .feed-card.disc-banner{ box-shadow:0 4px 6px -2px rgba(17,24,39,.13), 4px 0 6px -4px rgba(17,24,39,.11), -4px 0 6px -4px rgba(17,24,39,.11); }
body .at-cbar-main{ position:relative; }
body .at-cbar-foot{ position:absolute; margin:0; }
body .at-cbar-foot .at-cbar-post{ display:none; }
body .at-cbar-foot .at-cbar-lbl{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
body .at-cbar-foot .at-cbar-act svg{ stroke:none; }
body .at-cbar-main .at-cbar-field{ border-radius:10.4px; }
@media (min-width:768px){ body .at-cbar{ border-radius:7.8px; } }
body .at-cbar-foot .at-cbar-act{ padding:0 8px; }
body .at-cbar-foot{ gap:17px; }
body .at-cbar-foot{ top:0; right:0; }
body .at-cbar-foot .at-cbar-act{ height:45px; }
body .at-cbar-foot .at-cbar-act:nth-child(3){ border-radius:0 10.4px 10.4px 0; }
body .at-cbar-foot .at-cbar-act, body .at-cbar-foot .at-cbar-act:nth-child(3){ padding:0; justify-content:center; border-radius:50%; }
body .at-cbar-foot .at-cbar-act svg{ border-radius:0; }
body .at-cbar{ padding-top:19px; padding-bottom:19px; }
body .at-cbar-main .at-cbar-field{ height:54px; line-height:54px; }
body .at-cbar-foot .at-cbar-act, body .at-cbar-foot .at-cbar-act:nth-child(3){ width:54px; height:54px; }
body .at-cbar-foot .at-cbar-act svg{ width:27.5px; height:27.5px; flex:0 0 27.5px; }
body .at-cbar-main{ display:flex; align-items:center; gap:12px; }
body .at-cbar-main .at-cbar-field{ flex:1 1 auto; min-width:0; padding-right:14px; }
body .at-cbar-main .at-cbar-foot{ position:static; flex:0 0 auto; margin:0; }
body .at-cbar-foot .at-cbar-act{ background:rgba(0,0,0,.04); }
body .at-cbar-foot .at-cbar-act:hover{ background:#F5F6F8; }
body .at-cbar-foot .at-cbar-act svg{ filter:drop-shadow(0 1px 2px rgba(0,0,0,.28)); }
@media (max-width:640px){
  body .at-cbar-main{ flex-wrap:wrap; row-gap:12px; }
  body .at-cbar-main .at-cbar-field{ flex:1 1 100%; }
  body .at-cbar-main .at-cbar-foot{ width:100%; justify-content:space-between; gap:0; }
}
@media (min-width:1080px){
  .app-rail{ gap:43.06px; }
  .app-shell--guest .app-rail{ gap:96.72px; }
}
body:has(#dd-notes:not([hidden])) .app-rail-createwrap,
body:has(#dd-me:not([hidden])) .app-rail-createwrap{ visibility:hidden; }
@media (max-width:719px){
  .app-nav-item.mh-notes{ position:static; }
  .app-nav-item.mh-notes > .app-dd{ position:absolute; top:calc(100% + 11px); }
}
body .mdock.is-open{ z-index:220; }
body .app-dd-me{ background:#0C6EBA; border-color:#0C6EBA; }
@media (max-width:1079px){
  body:has(.msg-threads) .app-rail-createwrap,
  body:has(.net-grid) .app-rail-createwrap{ visibility:hidden; pointer-events:none; }
}
@media (min-width:1080px) and (max-width:1439px){
  .app-shell:not(.app-shell--guest) .app-rail{ gap:clamp(8px, calc((100vw - 1047px) / 3), 64.6px); }
}
@media (min-width:1440px){
  .app-shell:not(.app-shell--guest) .app-rail{ gap:clamp(12px, calc((100vw - 1382px) / 3), 64.6px); }
}
@media (max-width:1079px){
  .app-shell:not(.app-shell--guest) .app-rail--n5{
    gap:clamp(8px, calc((100vw - 2 * (19px + clamp(30px,11.7vw,44px)) - 4 * clamp(30px,11.7vw,44px) - 12px) / 3), 93.6px); }
}
@media (max-width:1079px){
  .app-shell:not(.app-shell--guest) .app-rail,
  .app-shell:not(.app-shell--guest) .app-rail--n5{
    justify-content:space-evenly; gap:0;
    padding-left:calc(16px + clamp(30px,11.7vw,44px));
    padding-right:calc(16px + clamp(30px,11.7vw,44px)); }
}
@media (max-width:1079px){
  body .app-guest-cta{ background:#000; color:#fff; }
  body .app-guest-cta:active{ background:#242424; }
}
.tkr-page{ max-width:600px; margin:32px auto 48px; padding:0 16px; box-sizing:border-box; }
.tkr-card{ position:relative; padding:36px 32px 28px; border-radius:18px; background:#fff; box-shadow:0 2px 10px rgba(20,20,18,.08); color:#1A1A1A; font-family:var(--font-sans); }
.tkr-result{ margin:18px 0 0; padding:12px 14px; border-radius:10px; font-size:15px; line-height:1.5; }
.tkr-result--ok{ background:#EAF6EE; color:#1E5631; }
.tkr-result--danger{ background:#FFF8E5; color:#6B4E00; }
@media (max-width:520px){
  .tkr-page{ margin:16px auto 32px; }
  .tkr-card{ padding:28px 20px 24px; }
}
@media (min-width:1080px) and (max-width:1439px){
  .app-shell--guest .app-rail{ gap:clamp(8px, calc((100vw - 1167px) / 3), 62px); }
}
@media (min-width:1440px){
  .app-shell--guest .app-rail{ gap:clamp(12px, calc((100vw - 1549px) / 3), 62px); }
}
@media (min-width:1440px) and (max-width:1579px){
  .app-shell--guest .app-rail--n5 .app-rail-label{ display:none; }
  .app-shell--guest .app-rail--n5 .app-rail-link{ width:58px; min-width:0; padding:0; justify-content:center; }
  .app-shell--guest .app-rail--n5 .app-rail-link:not(.app-rail-create)::after{ content:attr(data-tip); }
  .app-shell--guest .app-rail--n5 .app-rail-link:not(.app-rail-create)::before{ content:''; }
  .app-shell--guest .app-rail{ gap:clamp(8px, calc((100vw - 1167px) / 3), 62px); }
}
body .reportgate-form[hidden], body .tkr-result[hidden]{ display:none; }
body .tkr-reporting-icon svg[hidden]{ display:none; }
@media (min-width:1080px){
  .app-header .app-nav svg, .app-header .app-nav-btn svg{ stroke-width:1; }
  .app-header .app-nav-btn svg.app-nav-cart path{ stroke-width:19; }
  .app-header .app-nav-btn svg.app-nav-cart circle{ stroke-width:22; }
}
@media (min-width:1080px){
  .app-rail-link[aria-current="page"] .app-rail-rule,
  .app-rail-link[aria-current="page"]:hover .app-rail-rule{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M5 0 10 6H0z' fill='%230C6EBA'/%3E%3C/svg%3E") center bottom 2px / 10px 6px no-repeat,
      linear-gradient(#0C6EBA, #0C6EBA) left bottom / 100% 2px no-repeat;
  }
}
.app-nav-btn svg.app-nav-people, .app-header .app-nav-btn svg.app-nav-people{ fill:#fff; stroke:currentColor; stroke-width:1.25; stroke-linejoin:round; }
@media (min-width:1080px){
  .app-header .app-nav-btn svg.app-nav-people{ stroke-width:1; }
}
@media (max-width:1079px){
  .app-nav-bar .app-nav-item--people svg{ fill:#fff; stroke:#333; stroke-width:1.25; }
}
.at-hp, .at-hp[hidden]{ display:none; position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
body .auth .btn-navy.auth-submit, body .v2-verify{ background:#0C6EBA; border-color:#0C6EBA; color:#fff; filter:none; }
body .auth .btn-navy.auth-submit:hover, body .v2-verify:hover{ background:#0A5C9C; border-color:#0A5C9C; filter:none; }
body .auth .btn-navy.auth-submit:disabled, body .auth .btn-navy.auth-submit:disabled:hover{ background:var(--line-strong); border-color:var(--line-strong); }
body .v2-resend:not(:disabled){ color:#0C6EBA; }
body .mh-bar, body .mh-bar:hover, body .mh-find.is-open .mh-bar{ height:62px; padding:0 8px 0 22px; gap:8px; border-radius:28px; box-shadow:0 1px 4px rgba(32,33,36,.16); color:#5F6368; font:400 16px/1.3 var(--font-sans); }
body .mh-bar > span:first-child{ flex:1 1 auto; min-width:0; text-align:left; }
body .mh-bar .mh-bar-go{ flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#0C6EBA; }
body .mh-bar:hover .mh-bar-go{ background:#0A5C9C; }
body .mh-bar .mh-bar-go svg{ flex:none; width:20px; height:20px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; }
@media (max-width:1079px){ body .mh-bar, body .mh-bar:hover, body .mh-find.is-open .mh-bar{ height:52px; padding:0 4px 0 16px; } body .mh-bar .mh-bar-go{ width:42px; height:42px; } }
html{ scrollbar-gutter:stable; }
@media (min-width:1080px){
  .app-header-inner{ padding-left:calc(24px + max(0px, (100% - 1251px) / 2)); }
  body .app-shell:not(.app-shell--guest) .app-rail{ width:auto; margin:0; justify-content:space-between; gap:0; }
  body .app-shell:not(.app-shell--guest) .app-rail > a.app-rail-link:first-of-type{ padding-left:0; }
  body .app-shell:not(.app-shell--guest) .app-rail > a.app-rail-link:last-of-type{ padding-right:0; }
}
@media (min-width:1080px) and (max-width:1439px){
  body .app-shell:not(.app-shell--guest) .app-rail{ --rail-fl:calc(329px + max(0px, (100% - 1251px) / 2));
    left:calc(var(--rail-fl) - 6px); right:calc(100% - min(var(--rail-fl) + min(898px, 100% - 353px) - 3px, 100% - 408px) - 6px); }
}
@media (min-width:1440px){
  .app-header-inner{ padding-left:calc(24px + max(0px, (100% - 1556px) / 2)); }
  body .app-shell:not(.app-shell--guest) .app-rail{ --rail-fl:calc(329px + max(0px, (100% - 1556px) / 2));
    left:var(--rail-fl); right:calc(100% - min(var(--rail-fl) + min(898px, 100% - 658px) - 3px, 100% - 408px) - .5px); }
}
.at-more{ position:relative; display:inline-block; }
.at-more>summary{ list-style:none; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:50%; background:var(--surface,#fff); color:var(--ink); cursor:pointer; }
.at-more>summary::-webkit-details-marker{ display:none; }
.at-more>summary svg{ width:18px; height:18px; }
.at-more>summary:hover,.at-more[open]>summary{ background:var(--surface-soft,#f4f2ec); }
.at-more>summary:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
.at-more-menu{ position:absolute; right:0; top:40px; z-index:30; min-width:200px; display:grid; padding:6px; border:1px solid var(--line); border-radius:12px; background:var(--surface,#fff); box-shadow:var(--shadow-3); }
.at-more-menu form{ margin:0; }
.at-more-item{ display:block; width:100%; padding:10px 12px; border:0; border-radius:8px; background:none; text-align:left; font:500 13.5px/1.3 var(--font-sans); color:var(--ink); text-decoration:none; cursor:pointer; white-space:nowrap; }
.at-more-item:hover,.at-more-item:focus-visible{ background:var(--surface-soft,#f4f2ec); }
.at-more-item.is-danger{ color:#0C6EBA; }
.at-more-item.is-danger:hover{ background:#EAF3FB; }
.atb-empty{ margin:0; font:400 15px/1.5 var(--font-sans); color:var(--ink); }
.atb-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.atb-row{ display:flex; align-items:center; gap:14px; padding:12px 16px; border:1px solid var(--line); border-radius:14px; background:var(--surface,#fff); }
.atb-face{ display:grid; place-items:center; flex:0 0 auto; width:44px; height:44px; border-radius:50%; overflow:hidden; background:#15284B; color:#fff; font:600 16px/1 var(--font-sans); }
.atb-face img{ width:100%; height:100%; object-fit:cover; }
.atb-b{ display:flex; flex-direction:column; gap:4px; min-width:0; flex:1 1 auto; }
.atb-name{ font:600 15px/1.3 var(--font-sans); color:var(--ink); overflow-wrap:anywhere; }
.atb-since{ font:400 12.5px/1.3 var(--font-sans); color:var(--ink); opacity:.7; }
@media (max-width:760px){ :root{ --field-fs:16px; } :is(input, select, textarea):not(.we-title, .we-subtitle, .pv-edit-title, .v2-box){ font-size:var(--field-fs); } }
.gdq{ min-height:calc(100vh - 200px); display:grid; place-items:center; padding:var(--space-8) var(--pad-mobile); }
.gdq-card{ width:100%; max-width:520px; background:var(--surface); border:1px solid var(--line); border-radius:20px; box-shadow:0 18px 50px rgba(21,40,75,.10); padding:40px 36px 28px; text-align:center; }
.gdq-mark{ display:inline-flex; width:52px; height:52px; margin:0 auto 18px; }
.gdq-mark svg{ width:100%; height:100%; display:block; }
.gdq-title{ margin:0 0 28px; font-size:28px; line-height:1.2; font-weight:700; color:var(--ink); letter-spacing:-.01em; }
.gdq-title .dob-info{ vertical-align:middle; margin-left:8px; text-align:left; }
.gdq-alert{ margin:0 0 18px; padding:10px 14px; border-radius:var(--radius-md); background:#FFF8E5; color:#6B4E00; font-size:14px; }
.gdq-set{ border:0; margin:0; padding:0; min-width:0; }
.gdq-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.gdq-opt{ position:relative; display:block; cursor:pointer; }
.gdq-opt input{ position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.gdq-tile{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:128px; padding:20px 12px; border:1.5px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease); }
.gdq-opt:hover .gdq-tile{ border-color:var(--navy-soft); background:var(--surface-soft); }
.gdq-ico{ width:34px; height:34px; fill:none; stroke:var(--navy); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.gdq-name{ font-size:16px; font-weight:600; line-height:1.25; }
.gdq-opt input:checked + .gdq-tile{ border-color:var(--navy); background:var(--tint-blue); box-shadow:0 0 0 3px rgba(21,40,75,.14); }
.gdq-opt input:focus-visible + .gdq-tile{ outline:3px solid var(--blue-action); outline-offset:2px; }
.gdq-err{ margin:14px 0 0; color:#6B4E00; font-size:14px; font-weight:600; }
.gdq-go{ display:block; width:100%; margin-top:26px; padding:15px 20px; border:0; border-radius:var(--radius-pill); background:var(--navy); color:#fff; font:inherit; font-size:16px; font-weight:700; cursor:pointer; transition:background-color var(--dur-fast) var(--ease); }
.gdq-go:hover, .gdq-go:focus-visible{ background:var(--navy-hover); }
.gdq-out{ margin:18px 0 0; }
.gdq-outbtn{ background:none; border:0; padding:6px 10px; color:var(--muted); font:inherit; font-size:14px; cursor:pointer; }
.gdq-outbtn:hover{ color:var(--navy); text-decoration:underline; text-underline-offset:2px; }
@media (max-width:480px){ .gdq-card{ padding:30px 18px 22px; border-radius:16px; } .gdq-title{ font-size:24px; } .gdq-tile{ min-height:112px; } }

.fb{ position:fixed; left:0; top:50%; translate:0 -50%; z-index:210; font-family:var(--font-sans); }
.fb-open{ display:block; padding:16px 9px; border:0; border-radius:10px 0 0 10px; background:#002748; color:#FFFFFF; font:600 13px/1 var(--font-sans); letter-spacing:.04em; writing-mode:vertical-rl; transform:rotate(180deg); box-shadow:0 0 6px rgba(15,20,16,.2); cursor:pointer; }
.fb-open:hover{ background:#0B3A66; }
.fb-open:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
.fb.is-open .fb-open{ background:#0B3A66; }
.fb-panel{ position:absolute; left:44px; top:50%; bottom:auto; translate:0 -50%; box-sizing:border-box; width:320px; padding:12px 18px 16px; background:#FFFFFF; border:1px solid #E3E6EA; border-radius:16px; box-shadow:0 14px 26px -12px rgba(15,20,16,.28), 0 2px 6px rgba(15,20,16,.06); }
.fb-panel[hidden]{ display:none; }
.fb-top{ display:flex; align-items:center; justify-content:flex-end; gap:4px; margin:0 -8px 6px 0; }
.fb-why-btn{ height:30px; padding:0 10px; border:0; border-radius:999px; background:transparent; color:#0C6EBA; font:600 13px/1 var(--font-sans); cursor:pointer; }
.fb-why-btn:hover, .fb-why-btn[aria-expanded="true"]{ background:#F5F6F8; color:#0A5C9C; }
.fb-why-btn:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
.fb-intro{ margin:0 0 6px; font-size:14px; line-height:1.5; color:#24425F; }
.fb-x{ width:30px; height:30px; padding:0; border:0; border-radius:50%; background:transparent; color:#5B6470; cursor:pointer; display:grid; place-items:center; }
.fb-x:hover{ background:#F5F6F8; color:#0f1410; }
.fb-x svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.fb-why{ position:absolute; left:376px; top:50%; bottom:auto; translate:0 -50%; box-sizing:border-box; width:340px; max-height:min(600px, calc(100vh - 230px)); overflow-y:auto; padding:14px 18px 8px; background:#002748; border:1px solid #002748; border-radius:16px; box-shadow:0 14px 26px -12px rgba(15,20,16,.4), 0 2px 6px rgba(15,20,16,.1); color:#FFFFFF; opacity:0; transform:translateX(-14px); transition:opacity .22s ease, transform .22s ease; }
.fb-why[hidden]{ display:none; }
.fb-why.is-in{ opacity:1; transform:none; }
.fb-why-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 -8px 4px 0; }
.fb-why-title{ margin:0; font:700 17px/1.3 var(--font-sans); color:#FFFFFF; }
.fb-why .fb-x{ color:#FFFFFF; }
.fb-why .fb-x:hover{ background:rgba(255,255,255,.12); color:#FFFFFF; }
.fb-why-list{ list-style:none; margin:0; padding:0; }
.fb-why-item{ display:flex; align-items:flex-start; gap:14px; padding:10px 0; border-top:1px solid rgba(255,255,255,.14); }
.fb-why-item:first-child{ border-top:0; }
.fb-why-ic{ flex:0 0 40px; width:40px; height:40px; }
.fb-why-t{ min-width:0; }
.fb-why-n{ margin:0 0 3px; font:600 14px/1.35 var(--font-sans); color:#FFFFFF; }
.fb-why-d{ margin:0; font-size:13px; line-height:1.45; color:#FFFFFF; }
.fb-text{ display:block; box-sizing:border-box; width:100%; margin:0; padding:10px 12px; border:1px solid #DCE1E7; border-radius:10px; background:#FFFFFF; font:400 14px/1.45 var(--font-sans); color:#0f1410; resize:none; }
.fb-text:focus{ outline:none; border-color:#0C6EBA; box-shadow:0 0 0 3px rgba(12,110,186,.14); }
.fb-send{ display:block; width:100%; margin-top:10px; height:42px; border:0; border-radius:999px; background:#0C6EBA; color:#FFFFFF; font:600 14px/1 var(--font-sans); cursor:pointer; }
.fb-send:hover{ background:#0A5C9C; }
.fb-send:disabled{ opacity:.6; cursor:default; }
.fb-msg{ margin:8px 0 0; font-size:13px; text-align:center; color:#4E647A; }
.fb-msg:empty{ display:none; }
.fb-msg.is-ok{ color:#1E6B3A; }
.fb-msg.is-error{ color:#6B4E00; }
@media (max-width:1079px){
  .fb-panel{ width:min(320px, calc(100vw - 60px)); }
  .fb-why{ left:44px; width:min(340px, calc(100vw - 60px)); max-height:calc(100vh - 120px); transform:translateY(10px); z-index:1; }
}
@media (prefers-reduced-motion:reduce){ .fb-open, .fb-why{ transition:none; } }

body .at-rail-row:not(.is-active):hover,
body .at-rail-write-card:not(.at-rail-write-card--back) > .at-rail-row:hover,
body .at-rail-create-card > .at-rail-row:hover,
body .at-rail-links > .at-rail-row:hover,
body .bc-rail .bc-item:not(.is-off):not(.is-on):hover,
body .bc-rail-home:hover,
body .bc-rail-outlink:hover,
body .bc-rail-dd .app-dd-item:not(.is-off):hover{ background:#F5F6F8; }

body .at-rail-row, body .at-rail-row.is-active, body .at-rail-row *,
body .bc-rail .bc-item, body .bc-rail .bc-item.is-on, body .bc-rail .bc-item *,
body .bc-rail .bc-rail-home .bc-rail-home-n, body .bc-rail .bc-rail-outlink, body .bc-rail .bc-rail-outlink *,
body .bc-rail-dd .app-dd-item, body .bc-rail-dd .app-dd-item *{ font-weight:400; }
body .at-rail-row:hover, body .at-rail-row:hover span, body .at-rail-genres > .at-rail-row.is-empty:hover,
body .bc-rail .bc-item:not(.is-off):hover, body .bc-rail .bc-item:not(.is-off):hover .bc-item-l,
body .bc-rail .bc-rail-home:hover .bc-rail-home-n, body .bc-rail .bc-rail-outlink:hover, body .bc-rail .bc-rail-outlink:hover span,
body .bc-rail-dd .app-dd-item:not(.is-off):hover, body .bc-rail-dd .app-dd-item:not(.is-off):hover span{ color:#0C6EBA; }
body .at-rail-filter-card > .at-rail-row.is-active, body .at-rail-filter-card > .at-rail-row.is-active *{ font-weight:400; }
body .at-rail-filter-card > .at-rail-row.is-active:hover, body .at-rail-filter-card > button.at-rail-row.is-active:hover, body .at-rail-filter-card > .at-rail-row.is-active:hover span{ color:#0C6EBA; }
body .at-rail-row:hover :is(img.at-rail-ads-mark, img.at-rail-icon),
body .bc-rail .bc-item:not(.is-off):hover .bc-item-img,
body .bc-rail .bc-rail-home:hover .bc-item-img{ filter:brightness(0) saturate(100%) invert(22%) sepia(95%) saturate(2332%) hue-rotate(191deg) brightness(96%) contrast(91%); }
body .bc-rail .bc-item.is-on:hover .bc-item-img[src*="verification-active"]{ filter:none; }
body .at-rail-row:hover :is(.at-rail-mark, .at-rail-icon--pfeil){ color:#0C6EBA; }
body .app-search input, body .app-header-inner .app-search input{ background:#F5F6F8; border:1px solid #DDDDDD; }
body .app-search input:hover{ background:#F5F6F8; border-color:#C9CDD3; }
body .app-search input:focus{ background:#F5F6F8; border-color:#9A9A9A; }
body .mh-bar, body .mh-bar:hover, body .mh-find.is-open .mh-bar{ background:#F5F6F8; border:1px solid #DDDDDD; }
body .at-cbar-field, body .at-cbar-main .at-cbar-field{ background:#F5F6F8; border:1px solid #DDDDDD; }
body .at-cbar-field:hover, body .at-cbar-main .at-cbar-field:hover{ background:#F5F6F8; border-color:#C9CDD3; }
body .srch > .srch-form, body .srch-field select{ background:#FFFFFF; border:1px solid #DDDDDD; }
body .srch > .srch-form:hover, body .srch-field select:hover{ background:#F5F6F8; }
body .net-bar-search input, body .net-bar-select select{ background-color:#FFFFFF; border:1px solid #DDDDDD; }
body .net-bar-search input:hover, body .net-bar-select select:hover{ background-color:#F5F6F8; }
body .ps-bar, body .ps-filter, body .ps-menu-btn, body .ps-name-input{ background:#FFFFFF; border:1px solid #DDDDDD; }
body .ps-menu-btn:hover, body .ps-name-input:hover{ background:#F5F6F8; }
body .bk1-search{ background:#FFFFFF; border:1px solid #DDDDDD; }
body .bk1-search:hover{ background:#F5F6F8; }
@media (max-width:1399px){ body .mkt.is-overlay-ready .mkt-shop-sidebar{ background:#E4E9F0; box-shadow:-18px 0 38px rgba(21,40,75,.22); } }
@media (max-width:1399px) and (scripting:none){ body .mkt.is-overlay-ready .mkt-shop-sidebar{ background:rgba(220,227,236,.7); box-shadow:0 2px 4px rgba(17,24,39,.06), 0 14px 30px -14px rgba(17,24,39,.30); } }
body .mkt-shop-sidebar .mkt-f-accordion:not([open]), body .mkt-shop-sidebar .mkt-f-accordion:not([open]) .mkt-f-sum{ border-radius:6px; }
@media (min-width:1080px){ body .app-nav-btn, body button.app-me{ background:#F5F5F5; opacity:1; } body .app-nav-btn:hover, body button.app-me:hover{ background:rgba(15,20,16,.06); } body .app-nav-btn > svg, body .app-nav-btn > img, body button.app-me > *{ opacity:.9; } body .app-nav-btn:hover > svg, body .app-nav-btn:hover > img, body button.app-me:hover > *{ opacity:1; } }
body .mkt-shop-sidebar .mkt-f-opt:not(.is-on):hover{ background:#F5F6F8; }
body .ps-bar .ps-part, body .ps-bar .ps-part.ps-part-when, body .ps-bar .ps-part.is-open{ flex:1 1 0; min-width:0; }
.notif-disc > .disc-main > .notif{ max-width:none; margin:0; }
.notif-disc > .at-rail--promo{ display:none; }
.set-disc > .at-rail--promo{ display:none; }
body .cx .cx-card{ background:#FFFFFF; }
body .cx-layout.cx-layout--settings{ background:none; border-radius:0; }
body .cx-head.cx-head--settings{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; border-radius:var(--radius-lg); }
body .subm-foot{ position:static; padding:0; background:none; -webkit-backdrop-filter:none; backdrop-filter:none; border:0; box-shadow:none; }
body [data-react-kind="recommend"].is-active .rec-badge, body .act-rec.is-active .rec-badge{ fill:#0C6EBA; stroke:#0C6EBA; }
.bi-pick{ display:contents; }
.bi-pick [hidden]{ display:none; }
.bi-err{ margin:4px 0 0; font:600 12.5px/1.4 var(--font-sans,Arial,Helvetica,sans-serif); color:#6B4E00; }
.brw-multi-sec{ margin:12px 0 0; padding:0; border:0; min-width:0; }
.brw-multi-sec > legend{ margin:0 0 6px; padding:0; font:600 13px/1.3 var(--font-sans,Arial,Helvetica,sans-serif); color:#1D1D1F; }
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/IBMPlexSans.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:where(.ld-tk-contact) body:has(.ct-top){background:#F5F6F8}
:where(.ld-tk-contact) .ct-top,:where(.ld-tk-contact) .ct-main{font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1F2937}
:where(.ld-tk-contact) .ct-top *,:where(.ld-tk-contact) .ct-main *{box-sizing:border-box}
:where(.ld-tk-contact) .ct-top{background:#FFFFFF;border-bottom:1px solid #E4E7EC}
:where(.ld-tk-contact) .ct-top-in{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:12px}
:where(.ld-tk-contact) .ct-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
:where(.ld-tk-contact) .ct-logo{width:36px;height:36px;border-radius:9px;background:#1670E8;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}
:where(.ld-tk-contact) .ct-brand-n{font-weight:600;font-size:17px;color:#16213E}
:where(.ld-tk-contact) .ct-signin{margin-left:auto;display:inline-flex;align-items:center;min-height:24px;font-size:14px;font-weight:600;color:#1764D6;text-decoration:none}
:where(.ld-tk-contact) .ct-me{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#5A3E8C;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-decoration:none}
:where(.ld-tk-contact) .ct-main{background:#F5F6F8}
:where(.ld-tk-contact) :where(.ct-main) a,:where(.ct-main):where(.ld-tk-contact) a{color:#1764D6}
:where(.ld-tk-contact) :where(.ct-main) a:where(:hover),:where(.ct-main):where(.ld-tk-contact) a:where(:hover){color:#0F4FB0}
:where(.ld-tk-contact) .ct-main :where(h1,h2,p){margin:0}
:where(.ld-tk-contact) :where(.ct-main) button,:where(.ct-main):where(.ld-tk-contact) button,:where(.ld-tk-contact) :where(.ct-main) input,:where(.ct-main):where(.ld-tk-contact) input,:where(.ld-tk-contact) :where(.ct-main) textarea,:where(.ct-main):where(.ld-tk-contact) textarea{font-family:inherit}
:where(.ld-tk-contact) .ct-wrap{max-width:1200px;margin:0 auto;padding:32px 24px 64px;display:flex;justify-content:center}
:where(.ld-tk-contact) .ct-card{width:100%;max-width:540px;background:#FFFFFF;border:1px solid #E4E7EC;border-radius:16px;padding:28px 28px 24px}
:where(.ld-tk-contact) .ct-card h1{font-size:26px;font-weight:600;color:#16213E;letter-spacing:-.01em}
:where(.ld-tk-contact) .ct-err{margin-top:14px;background:#FFF8E5;border:1px solid #F1D88A;border-radius:10px;padding:10px 12px;font-size:14px;color:#6B4E00}
:where(.ld-tk-contact) .ct-topics{border:0;margin:18px 0 0;padding:0}
:where(.ld-tk-contact) .ct-topics legend{padding:0;font-size:13.5px;font-weight:600;color:#16213E}
:where(.ld-tk-contact) .ct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
:where(.ld-tk-contact) .ct-topic{position:relative;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border-radius:10px;font-size:14.5px;color:#16213E;background:#FFFFFF;border:1px solid #D0D5DD;cursor:pointer}
:where(.ld-tk-contact) .ct-topic input{position:absolute;opacity:0;width:1px;height:1px}
:where(.ld-tk-contact) .ct-ring{width:18px;height:18px;border-radius:50%;border:2px solid #98A2B3;flex:none}
:where(.ld-tk-contact) .ct-topic:has(input:checked){background:#F5F8FF;border:2px solid #1764D6;padding:0 11px}
:where(.ld-tk-contact) .ct-topic:has(input:checked) .ct-ring{border:5px solid #1764D6}
:where(.ld-tk-contact) .ct-topic:has(input:focus-visible){outline:3px solid #1764D6;outline-offset:2px}
:where(.ld-tk-contact) .ct-topic.is-danger{grid-column:1/-1;color:#6B4E00;font-weight:600;border-color:#F1D88A}
:where(.ld-tk-contact) .ct-topic.is-danger:has(input:checked){background:#FFF8E5;border:2px solid #E9C46A}
:where(.ld-tk-contact) .ct-topic.is-danger:has(input:checked) .ct-ring{border-color:#E9C46A}
:where(.ld-tk-contact) .ct-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
:where(.ld-tk-contact) .ct-f{margin-top:14px}
:where(.ld-tk-contact) .ct-two .ct-f{margin-top:0}
:where(.ld-tk-contact) .ct-f label{font-size:13.5px;font-weight:600;color:#16213E}
:where(.ld-tk-contact) .ct-f input,:where(.ld-tk-contact) .ct-f textarea{display:block;width:100%;margin-top:6px;font-size:var(--field-fs, 15px);color:#16213E;border:1px solid #D0D5DD;border-radius:10px;height:46px;padding:0 12px;background:#FFFFFF}
:where(.ld-tk-contact) .ct-f textarea{height:auto;min-height:112px;padding:10px 12px;line-height:1.5;resize:vertical}
:where(.ld-tk-contact) .ct-f input[readonly]{background:#F9FAFB}
:where(.ld-tk-contact) .ct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
:where(.ld-tk-contact) .ct-btn{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#344054;background:#FFFFFF;border:1px solid #D0D5DD;border-radius:10px;height:44px;padding:0 14px;cursor:pointer}
:where(.ld-tk-contact) .ct-btn:hover{background:#F5F6F8}
:where(.ld-tk-contact) .ct-btn svg{width:16px;height:16px;fill:none;stroke:#344054;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(.ld-tk-contact) .ct-files{display:block;font-size:13px;color:#5A6478;margin-top:6px}
:where(.ld-tk-contact) .ct-send{display:block;width:100%;margin-top:20px;font-size:15.5px;font-weight:600;color:#FFFFFF;background:#16213E;border:1px solid #16213E;border-radius:10px;height:48px;cursor:pointer}
:where(.ld-tk-contact) .ct-send:hover{background:#0E1730}
:where(.ld-tk-contact) .ct-danger{display:none}
:where(.ld-tk-contact) .ct-form:has(input[value=danger]:checked) .ct-danger{display:block}
:where(.ld-tk-contact) .ct-form:has(input[value=danger]:checked) .ct-normal{display:none}
:where(.ld-tk-contact) .ct-911{margin-top:16px;display:flex;gap:10px;align-items:flex-start;background:#FFF8E5;border:1px solid #F1D88A;border-radius:12px;padding:14px 16px}
:where(.ld-tk-contact) .ct-911 svg,:where(.ld-tk-contact) .er-911 svg,:where(.ld-tk-contact) .er-child-note svg{width:20px;height:20px;fill:none;stroke:#6B4E00;stroke-width:2;stroke-linecap:round;flex:none;margin-top:1px}
:where(.ld-tk-contact) .ct-911 p{font-size:15px;line-height:1.5;color:#6B4E00}
:where(.ld-tk-contact) .ct-911 b{font-weight:600}
:where(.ld-tk-contact) .ct-red{display:flex;align-items:center;justify-content:center;margin-top:20px;font-size:15.5px;font-weight:600;color:#FFFFFF;background:#FFF8E5;border:1px solid #6B4E00;border-radius:10px;height:48px;text-decoration:none}
:where(.ld-tk-contact) .ct-red:hover{background:#0C6EBA}
:where(.ld-tk-contact) .ct-done-h,:where(.ld-tk-contact) .er-done-h{display:flex;align-items:center;gap:10px}
:where(.ld-tk-contact) .ct-ok,:where(.ld-tk-contact) .er-ok{width:34px;height:34px;border-radius:50%;background:#067647;display:inline-flex;align-items:center;justify-content:center;flex:none}
:where(.ld-tk-contact) .ct-ok svg,:where(.ld-tk-contact) .er-ok svg{width:18px;height:18px;fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
:where(.ld-tk-contact) .ct-done h1,:where(.ld-tk-contact) .er-done h1{font-size:20px;font-weight:700;color:#16213E}
:where(.ld-tk-contact) .ct-p{font-size:14.5px;color:#344054;margin-top:10px}
:where(.ld-tk-contact) .ct-p b{font-weight:700;color:#16213E}
:where(.ld-tk-contact) .er-wrap{max-width:1200px;margin:0 auto;padding:28px 24px 64px;display:flex;justify-content:center}
:where(.ld-tk-contact) .er-card{width:100%;max-width:640px;background:#FFFFFF;border:1px solid #E4E7EC;border-radius:16px;overflow:hidden;padding:0}
:where(.ld-tk-contact) .er-card.is-narrow{max-width:460px}
:where(.ld-tk-contact) .er-red{background:#0C6EBA;padding:18px 24px;display:flex;align-items:center;gap:12px}
:where(.ld-tk-contact) .er-red svg{width:26px;height:26px;fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
:where(.ld-tk-contact) .er-red-t{margin:0;font-size:26px;font-weight:700;color:#FFFFFF;letter-spacing:-.01em}
:where(.ld-tk-contact) .er-body{padding:22px 24px 24px}
:where(.ld-tk-contact) .er-911{display:flex;gap:10px;align-items:flex-start;background:#FFF8E5;border:1px solid #F1D88A;border-radius:12px;padding:12px 14px}
:where(.ld-tk-contact) .er-911 p{font-size:15px;font-weight:600;line-height:1.5;color:#6B4E00}
:where(.ld-tk-contact) .er-p{margin-top:18px;font-size:15px;line-height:1.55;color:#344054}
:where(.ld-tk-contact) .er-err{margin-top:12px;font-size:14px;color:#6B4E00;font-weight:600}
:where(.ld-tk-contact) .er-f{margin-top:14px}
:where(.ld-tk-contact) .er-f+.er-f{margin-top:12px}
:where(.ld-tk-contact) .er-f label{display:flex;align-items:center;font-size:13.5px;font-weight:600;color:#16213E}
:where(.ld-tk-contact) .er-f label.is-light{font-size:13px;font-weight:400;color:#5A6478}
:where(.ld-tk-contact) .er-f.is-step{margin-top:20px}
:where(.ld-tk-contact) .er-f.is-step label{font-size:14px}
:where(.ld-tk-contact) .er-f input,:where(.ld-tk-contact) .er-f textarea,:where(.ld-tk-contact) .er-more input{display:block;width:100%;margin-top:6px;font-size:var(--field-fs, 15px);color:#16213E;border:1px solid #D0D5DD;border-radius:10px;height:46px;padding:0 12px;background:#FFFFFF}
:where(.ld-tk-contact) .er-f textarea{height:auto;min-height:126px;padding:10px 12px;line-height:1.5;resize:vertical}
:where(.ld-tk-contact) .er-more input+input{margin-top:8px}
:where(.ld-tk-contact) .er-own{display:block;font-size:13px;color:#5A6478;margin-top:4px}
:where(.ld-tk-contact) .er-navy{display:block;width:100%;margin-top:20px;font-size:15.5px;font-weight:600;color:#FFFFFF;background:#16213E;border:1px solid #16213E;border-radius:10px;height:48px;cursor:pointer}
:where(.ld-tk-contact) .er-navy:hover{background:#0E1730}
:where(.ld-tk-contact) .er-alt{text-align:center;margin-top:12px;font-size:14px;color:#5A6478}
:where(.ld-tk-contact) .er-alt a{font-weight:600;text-decoration:none}
:where(.ld-tk-contact) .er-h2{font-size:22px;font-weight:700;color:#16213E}
:where(.ld-tk-contact) .er-card.is-narrow .er-p{margin-top:10px}
:where(.ld-tk-contact) .er-grey{margin-top:12px;background:#F9FAFB;border:1px solid #E4E7EC;border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.5;color:#344054}
:where(.ld-tk-contact) .er-grey b{font-weight:600;color:#16213E}
:where(.ld-tk-contact) .er-redbtn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px;font-size:15.5px;font-weight:700;color:#FFFFFF;background:#0C6EBA;border:0;border-radius:10px;height:48px;cursor:pointer}
:where(.ld-tk-contact) .er-redbtn:hover{background:#0A5C9C}
:where(.ld-tk-contact) .er-ghost{display:flex;align-items:center;justify-content:center;margin-top:10px;height:46px;border:1px solid #D0D5DD;border-radius:10px;font-size:15px;font-weight:600;color:#344054;text-decoration:none}
:where(.ld-tk-contact) .er-ghost:hover{background:#F5F6F8}
:where(.ld-tk-contact) .er-card.is-narrow .er-alt{margin-top:14px}
:where(.ld-tk-contact) .er-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#16213E;color:#FFFFFF;font-size:13px;font-weight:700;margin-right:8px;flex:none}
:where(.ld-tk-contact) .er-set{border:0;margin:20px 0 0;padding:0}
:where(.ld-tk-contact) .er-set legend{padding:0;display:flex;align-items:center;font-size:14px;font-weight:600;color:#16213E}
:where(.ld-tk-contact) .er-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
:where(.ld-tk-contact) .er-kind{position:relative;display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:10px;background:#FFFFFF;border:1px solid #D0D5DD;cursor:pointer}
:where(.ld-tk-contact) .er-kind input,:where(.ld-tk-contact) .er-chip input{position:absolute;opacity:0;width:1px;height:1px}
:where(.ld-tk-contact) .er-ring{width:18px;height:18px;border-radius:50%;border:2px solid #98A2B3;flex:none;margin-top:2px}
:where(.ld-tk-contact) .er-kind b{display:block;font-size:14.5px;font-weight:600;color:#16213E}
:where(.ld-tk-contact) .er-kind span span{display:block;font-size:13px;color:#5A6478;margin-top:2px}
:where(.ld-tk-contact) .er-kind:has(input:checked){background:#FFF8E5;border:2px solid #6B4E00;padding:11px}
:where(.ld-tk-contact) .er-kind:has(input:checked) .er-ring{border:5px solid #6B4E00}
:where(.ld-tk-contact) .er-kind:has(input:focus-visible),:where(.ld-tk-contact) .er-chip:has(input:focus-visible){outline:3px solid #1764D6;outline-offset:2px}
:where(.ld-tk-contact) .er-police{display:none;margin-top:14px;background:#FFF8E5;border:2px solid #6B4E00;border-radius:12px;padding:14px 16px;flex-wrap:wrap;align-items:center;gap:12px 16px}
:where(.ld-tk-contact) .er-police>div{flex:1 1 260px;min-width:0}
:where(.ld-tk-contact) .er-police b{display:block;font-size:15.5px;font-weight:700;color:#6B4E00}
:where(.ld-tk-contact) .er-police p{font-size:14.5px;line-height:1.5;color:#6B4E00;margin-top:4px}
:where(.ld-tk-contact) .er-call{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:10px;background:#0C6EBA;color:#FFFFFF;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
:where(.ld-tk-contact) .er-call:hover{background:#0C6EBA}
:where(.ld-tk-contact) .er-call svg{width:18px;height:18px;fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(.ld-tk-contact) .er-card:has(input[data-er-kind][value=danger]:checked) .er-police,:where(.ld-tk-contact) .er-card:has(input[data-er-kind][value=crime]:checked) .er-police,:where(.ld-tk-contact) .er-card:has(input[data-er-kind][value=child]:checked) .er-police{display:flex}
:where(.ld-tk-contact) .er-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
:where(.ld-tk-contact) .er-chip{position:relative;cursor:pointer}
:where(.ld-tk-contact) .er-chip span{display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:#344054;background:#FFFFFF;border:1px solid #D0D5DD;border-radius:999px;height:38px;padding:0 14px}
:where(.ld-tk-contact) .er-chip:has(input:checked) span{font-weight:600;color:#FFFFFF;background:#16213E;border-color:#16213E}
:where(.ld-tk-contact) .er-ev{margin-top:20px}
:where(.ld-tk-contact) .er-step-l{display:flex;align-items:center;font-size:14px;font-weight:600;color:#16213E}
:where(.ld-tk-contact) .er-drop{position:relative;margin-top:10px;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:#F9FAFB;border:2px dashed #D0D5DD;border-radius:12px;padding:18px;cursor:pointer;text-align:center}
:where(.ld-tk-contact) .er-drop:hover{background:#F5F6F8}
:where(.ld-tk-contact) .er-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
:where(.ld-tk-contact) .er-drop svg{width:22px;height:22px;fill:none;stroke:#344054;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(.ld-tk-contact) .er-drop b{font-size:14.5px;font-weight:600;color:#16213E}
:where(.ld-tk-contact) .er-drop span{font-size:13px;color:#5A6478}
:where(.ld-tk-contact) .er-filechips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
:where(.ld-tk-contact) .er-filechips:empty{display:none}
:where(.ld-tk-contact) .er-fchip{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#16213E;background:#EEF1F6;border-radius:999px;padding:5px 6px 5px 12px}
:where(.ld-tk-contact) .er-fchip button{width:22px;height:22px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
:where(.ld-tk-contact) .er-fchip svg{width:12px;height:12px;fill:none;stroke:#344054;stroke-width:2.6;stroke-linecap:round}
:where(.ld-tk-contact) .er-more-l{display:block;margin-top:12px;font-size:13.5px;font-weight:600;color:#16213E}
:where(.ld-tk-contact) .er-l-child{display:none}
:where(.ld-tk-contact) .er-add{margin-top:8px;font-size:13.5px;font-weight:600;color:#1764D6;background:#FFFFFF;border:0;padding:4px 0;cursor:pointer}
:where(.ld-tk-contact) .er-child-note{display:none;margin-top:10px;gap:10px;align-items:flex-start;background:#FFF8E5;border:1px solid #F1D88A;border-radius:12px;padding:12px 14px}
:where(.ld-tk-contact) .er-child-note p{font-size:14.5px;font-weight:600;line-height:1.5;color:#6B4E00}
:where(.ld-tk-contact) .er-card:has(input[data-er-kind][value=child]:checked) .er-child-note{display:flex}
:where(.ld-tk-contact) .er-card:has(input[data-er-kind][value=child]:checked) .er-drop,:where(.ld-tk-contact) .er-card:has(input[data-er-kind][value=child]:checked) .er-filechips{display:none}
:where(.ld-tk-contact) .er-card:has(input[data-er-kind][value=child]:checked) .er-l-more{display:none}
:where(.ld-tk-contact) .er-card:has(input[data-er-kind][value=child]:checked) .er-l-child{display:inline}
:where(.ld-tk-contact) .er-contact{margin-top:16px}
:where(.ld-tk-contact) .er-as{font-size:14.5px;color:#344054;margin-top:8px}
:where(.ld-tk-contact) .er-as b{font-weight:600;color:#16213E}
:where(.ld-tk-contact) .er-contact .er-f{margin-top:10px}
:where(.ld-tk-contact) .er-send{display:block;width:100%;margin-top:22px;font-size:16px;font-weight:700;color:#FFFFFF;background:#0C6EBA;border:0;border-radius:10px;height:50px;cursor:pointer}
:where(.ld-tk-contact) .er-send:hover{background:#0C6EBA}
:where(.ld-tk-contact) .er-errs{margin-top:14px;background:#FFF8E5;border:1px solid #FFF8E5;border-radius:12px;padding:12px 14px;font-size:14.5px;color:#6B4E00}
:where(.ld-tk-contact) .er-errs b{font-weight:700}
:where(.ld-tk-contact) .er-errs ul{margin:6px 0 0;padding-left:18px}
:where(.ld-tk-contact) .er-case{font-size:14.5px;color:#344054;margin-top:10px}
:where(.ld-tk-contact) .er-case b{font-weight:700;color:#16213E}
:where(.ld-tk-contact) .er-done .er-p{margin-top:8px;font-size:14.5px}
:where(.ld-tk-contact) .er-911t{margin-top:14px;font-size:14px;font-weight:600;color:#6B4E00}
:where(.ld-tk-contact) .ct-main :focus-visible{outline:3px solid #1764D6;outline-offset:2px}
@media (max-width:600px){:where(.ld-tk-contact) .ct-wrap,:where(.ld-tk-contact) .er-wrap{padding:20px 16px 48px}:where(.ld-tk-contact) .ct-top-in{padding:12px 16px}:where(.ld-tk-contact) .ct-card{padding:22px 18px 20px}:where(.ld-tk-contact) .ct-grid,:where(.ld-tk-contact) .ct-two,:where(.ld-tk-contact) .er-kinds{grid-template-columns:minmax(0,1fr)}:where(.ld-tk-contact) .er-body{padding:18px 16px 20px}:where(.ld-tk-contact) .er-red{padding:16px}:where(.ld-tk-contact) .er-red-t{font-size:22px}:where(.ld-tk-contact) .er-call{width:100%;justify-content:center}}
:where(.ld-tk-contact) .er-topics{ margin:8px 0 0; padding-left:20px; font-size:15px; line-height:1.55; color:#344054; }
:where(.ld-tk-contact) .er-topics li{ margin:4px 0; }
.cmp-why-veil{ position:fixed; inset:0; z-index:600; background:rgba(20,22,27,.45); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.cmp-why-veil[hidden],.cmp-why[hidden]{ display:none; }
.cmp-why{ position:fixed; z-index:601; left:50%; top:50%; transform:translate(-50%,-50%); width:min(420px,92vw); padding:22px; border-radius:16px; background:#fff; box-shadow:0 24px 60px rgba(20,22,27,.28); font-family:var(--font-sans); color:#14161b; }
.cmp-why-grip{ display:none; }
.cmp-why-h{ margin:0 0 6px; font-size:18px; font-weight:700; }
.cmp-why-s{ margin:0 0 16px; font-size:14px; line-height:1.5; color:#3a3f4b; }
.cmp-why-dl{ margin:0 0 18px; display:flex; flex-direction:column; border:1px solid #e3e5ea; border-radius:10px; overflow:hidden; }
.cmp-why-dl div{ display:flex; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid #eef0f3; font-size:14px; }
.cmp-why-dl div:last-child{ border-bottom:0; }
.cmp-why-dl dt{ color:#5b6170; }
.cmp-why-dl dd{ margin:0; text-align:right; font-weight:600; }
.cmp-why-ok{ width:100%; min-height:44px; border:0; border-radius:10px; background:var(--navy,#15284b); color:#fff; font:700 14px/1 var(--font-sans); cursor:pointer; }
@media (max-width:600px){
  .cmp-why{ left:0; right:0; top:auto; bottom:0; transform:none; width:100%; border-radius:16px 16px 0 0; padding:12px 18px 22px; }
  .cmp-why-grip{ display:block; width:40px; height:4px; margin:0 auto 14px; border-radius:999px; background:#d0d5dd; }
}
.at-ad{ container-type:inline-size; margin-top:12px; }
.at-ad-in{ display:flex; flex-direction:column; max-height:200cqw; overflow:hidden; background:#fff; border:1px solid var(--line-soft,#e4e7ec); border-radius:calc(var(--radius-lg,16px) / 2); box-shadow:var(--shadow-2,none); }
.at-ad-media{ display:block; flex:1 1 auto; min-height:0; overflow:hidden; background:#f5f6f8; }
.at-ad-media img{ display:block; width:100%; height:100%; max-height:130cqw; object-fit:cover; }
.at-ad-body{ display:flex; flex-direction:column; gap:6px; padding:10px 12px 12px; }
.at-ad-label{ font:600 11px/1.3 var(--font-sans); color:#5b6170; }
.at-ad-title{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font:700 14px/1.35 var(--font-sans); color:#14161b; text-decoration:none; }
.at-ad-cta{ display:flex; align-items:center; justify-content:center; min-height:36px; border-radius:999px; background:var(--navy,#15284b); color:#fff; font:700 13px/1 var(--font-sans); text-decoration:none; }
.at-ad-why{ align-self:flex-start; padding:0; border:0; background:none; font:500 12px/1.3 var(--font-sans); color:#5b6170; text-decoration:underline; cursor:pointer; }
.at-rail-mark.is-line{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.at-rail-new{margin-left:auto;padding:2px 8px;border-radius:999px;background:#E8F1FA;color:#0A5A99;font-size:12px;font-style:normal;font-weight:700}
.at-rail-count.is-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#0C6EBA;color:#FFFFFF;display:inline-grid;place-items:center;font-style:normal;font-weight:700}

.app-dd.np-dd{ width:380px; padding:0; overflow:hidden; border-radius:16px; }
.np, .np-item{ --np-blue:#0C6EBA; --np-ink:#15284b; --np-soft:#F2F7FC; --np-line:#E4E7EC; color:var(--np-ink); font-family:var(--font-sans); }
.np-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 18px 10px; }
.np-h{ font:700 19px/1.2 var(--font-sans); color:var(--np-ink); margin:0; }
.np-head form{ margin:0; }
.np-markall{ background:none; border:0; padding:0; cursor:pointer; font:600 13px/1.2 var(--font-sans); color:var(--np-blue); }
.np-markall:hover{ text-decoration:underline; }
.np-tabs{ display:flex; gap:18px; padding:0 18px; border-bottom:1px solid var(--np-line); }
.np-tab{ position:relative; background:none; border:0; padding:8px 2px 10px; cursor:pointer; font:500 14px/1.2 var(--font-sans); color:#5b6475; display:inline-flex; align-items:center; gap:6px; }
.np-tab.is-on{ color:var(--np-ink); font-weight:600; }
.np-tab.is-on::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--np-blue); border-radius:2px; }
.np-count{ display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:var(--np-blue); color:#fff; font:700 11px/1 var(--font-sans); }
.np-pane[hidden]{ display:none; }
.np-list{ list-style:none; margin:0; padding:0; max-height:min(520px, calc(100vh - 380px)); min-height:140px; overflow-y:auto; overscroll-behavior:contain; }
.np-item{ position:relative; display:flex; gap:12px; padding:14px 34px 14px 18px; border-bottom:1px solid var(--np-line); background:#fff; }
.np-item.is-unread{ background:var(--np-soft); }
.np-item:last-child{ border-bottom:0; }
.np-av{ width:40px; height:40px; border-radius:50%; flex-shrink:0; object-fit:cover; }
.np-av-i{ display:inline-flex; align-items:center; justify-content:center; background:#DCE3EC; color:var(--np-ink); font:700 13px/1 var(--font-sans); }
.np-av-ico{ display:inline-flex; align-items:center; justify-content:center; background:#E3EEF8; color:var(--np-blue); }
.np-av-ico .np-ico{ width:20px; height:20px; }
.np-body{ display:flex; flex-direction:column; gap:6px; min-width:0; flex:1; }
.np-text{ margin:0; font:400 14px/1.45 var(--font-sans); color:var(--np-ink); }
.np-text b{ font-weight:700; }
.np-strong{ font-weight:400; }
.np-link{ color:var(--np-blue); text-decoration:none; font-weight:500; }
.np-link:hover{ text-decoration:underline; }
.np-meta{ margin:0; font:400 13px/1.4 var(--font-sans); color:#5b6475; }
.np-line{ margin:0; display:flex; align-items:center; gap:7px; font:500 13px/1.35 var(--font-sans); color:#1F7A4D; }
.np-ico{ width:16px; height:16px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.np-acts{ display:flex; gap:10px; margin-top:4px; }
.np-acts form{ margin:0; }
.np-btn{ height:38px; padding:0 18px; border-radius:10px; cursor:pointer; font:600 14px/1 var(--font-sans); }
.np-btn-line{ background:#fff; color:var(--np-blue); border:1px solid #B9CDE2; }
.np-btn-line:hover{ background:#F5F6F8; }
.np-btn-blue{ background:var(--np-blue); color:#fff; border:1px solid var(--np-blue); padding:0 22px; }
.np-btn-blue:hover{ background:#0a5d9e; }
.np-time{ margin:0; font:400 12px/1.3 var(--font-sans); color:#7a8394; }
.np-dot{ position:absolute; top:20px; right:14px; width:8px; height:8px; border-radius:50%; background:var(--np-blue); }
.np-open{ margin:0; }
.np-more{ align-self:flex-start; background:none; border:0; padding:0; cursor:pointer; font:600 14px/1.2 var(--font-sans); color:var(--np-blue); }
.np-more:hover{ text-decoration:underline; }
.np-row{ flex:1; min-width:0; }
.np-rowbtn{ display:flex; gap:12px; width:100%; background:none; border:0; padding:0; cursor:pointer; text-align:left; font:inherit; color:inherit; text-decoration:none; }
.np-empty{ padding:22px 18px; font:400 14px/1.4 var(--font-sans); color:#5b6475; }
.np-foot{ display:block; padding:14px 18px; border-top:1px solid var(--np-line); text-align:center; font:600 14px/1.2 var(--font-sans); color:var(--np-blue); text-decoration:none; background:#fff; }
.np-foot:hover{ background:#F5F6F8; }
@media (max-width:767px){
  .app-dd.np-dd{ width:auto; }
  .np-list{ max-height:max(180px, calc(100vh - 530px)); }
}
.app-nav .np .np-ico{ width:16px; height:16px; stroke:currentColor; stroke-width:1.7; }
.app-nav .np .np-av-ico .np-ico{ width:20px; height:20px; }

@keyframes atVerifyBlink{0%,100%{background-color:transparent;box-shadow:0 0 0 0 rgba(12,110,186,0)}50%{background-color:#E3F0FA;box-shadow:0 0 0 3px #0C6EBA}}
.app-nav-btn.has-verify-note{animation:atVerifyBlink 1.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.app-nav-btn.has-verify-note{animation:none;box-shadow:0 0 0 3px #0C6EBA}}
@media (max-width:767px){
  .fb{ position:relative; left:auto; top:auto; translate:none; z-index:20; margin-top:-76px; padding:16px; }
  .fb + .ft{ margin-top:0; }
  .fb-open{ display:inline-flex; align-items:center; padding:12px 20px; border-radius:999px; writing-mode:horizontal-tb; transform:none; font-size:14px; }
  .fb-panel{ left:16px; right:16px; top:auto; bottom:calc(100% - 12px); translate:none; width:auto; }
  .fb-why{ left:16px; right:16px; top:auto; bottom:calc(100% - 12px); translate:none; width:auto; max-height:calc(100vh - 160px); }
}
.at-dialog{ background:#FFF8E5; border:1px solid #F1D88A; }
.at-dialog .at-dialog-ok{ background:#0C6EBA; border-color:#0C6EBA; color:#fff; }
.at-dialog .at-dialog-ok:hover{ background:#0A5C9C; border-color:#0A5C9C; }
.tkc{ position:relative; display:block; width:100%; max-width:420px; margin:10px 0; font-family:var(--font-sans); text-align:left; }
.tkc-btn{ display:flex; align-items:center; gap:10px; width:100%; min-height:46px; padding:8px 12px; border:1px solid #E4E7EC; border-radius:12px; background:#FFFFFF; font:600 14px/1.2 var(--font-sans); color:#101828; cursor:pointer; text-align:left; }
.tkc-btn:hover{ background:#F5F6F8; }
.tkc-btn:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
.tkc.is-on .tkc-btn{ border:2px solid #0C6EBA; padding:7px 11px; background:#F3F8FD; }
.tkc-ico{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; border-radius:8px; background:#EAF3FB; color:#0C6EBA; }
.tkc-ico svg{ width:17px; height:17px; }
.tkc-t{ flex:1 1 auto; }
.tkc-sw{ position:relative; flex:0 0 auto; width:40px; height:24px; border-radius:999px; background:#C9CDD3; transition:background-color .15s ease; }
.tkc-sw::after{ content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#FFFFFF; box-shadow:0 1px 2px rgba(0,0,0,.25); transition:transform .15s ease; }
.tkc.is-on .tkc-sw{ background:#0C6EBA; }
.tkc.is-on .tkc-sw::after{ transform:translateX(16px); }
.tkc-panel{ position:absolute; z-index:60; left:0; right:0; top:calc(100% + 6px); display:grid; gap:10px; padding:12px; border:1px solid #E4E7EC; border-radius:14px; background:#FFFFFF; box-shadow:0 12px 32px rgba(16,24,40,.16); }
.tkc-panel[hidden]{ display:none; }
.tkc-opts{ display:grid; gap:8px; }
.tkc-opt{ display:flex; align-items:center; gap:12px; min-height:46px; padding:10px 14px; border:1px solid #E4E7EC; border-radius:12px; background:#FFFFFF; cursor:pointer; }
.tkc-opt:hover{ background:#F5F6F8; }
.tkc-opt.is-sel{ border:2px solid #0C6EBA; padding:9px 13px; background:#F3F8FD; }
.tkc-opt input{ flex:0 0 auto; width:18px; height:18px; margin:0; accent-color:#0C6EBA; }
.tkc-opt-t{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font:600 14px/1.3 var(--font-sans); color:#101828; }
.tkc-pill{ display:inline-flex; align-items:center; padding:2px 9px; border-radius:999px; font:700 11.5px/1.3 var(--font-sans); }
.tkc-pill[hidden]{ display:none; }
.tkc-pill--strong{ background:#E7F6EC; color:#157F3B; }
.tkc-pill--medium{ background:#EAF3FB; color:#0C6EBA; }
.tkc-pill--light{ background:#FFF8E5; color:#6B4E00; }
.tkc-levels{ display:flex; gap:4px; padding:4px; margin:-2px 0 2px 30px; border-radius:10px; background:#F2F4F7; }
.tkc-levels[hidden]{ display:none; }
.tkc-lv{ flex:1 1 0; position:relative; display:flex; }
.tkc-lv input{ position:absolute; opacity:0; width:1px; height:1px; }
.tkc-lv span{ flex:1 1 auto; display:flex; align-items:center; justify-content:center; min-height:34px; border-radius:8px; font:600 13px/1 var(--font-sans); color:#344054; cursor:pointer; }
.tkc-lv input:checked + span{ background:#FFFFFF; color:#101828; box-shadow:0 1px 3px rgba(16,24,40,.12); }
.tkc-lv input:focus-visible + span{ outline:2px solid #0C6EBA; outline-offset:1px; }
.tkc-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:6px 4px 2px; }
.tkc-row[hidden]{ display:none; }
.tkc-row-t{ font:600 13.5px/1.3 var(--font-sans); color:#101828; }
.tkc-wm{ position:relative; flex:0 0 auto; width:40px; height:24px; padding:0; border:0; border-radius:999px; background:#C9CDD3; cursor:pointer; }
.tkc-wm::after{ content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#FFFFFF; box-shadow:0 1px 2px rgba(0,0,0,.25); transition:transform .15s ease; }
.tkc-wm[aria-checked="true"]{ background:#0C6EBA; }
.tkc-wm[aria-checked="true"]::after{ transform:translateX(16px); }
.tkc-wm:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
.tkc.is-dis .tkc-panel{ background:#F2F4F7; }
.tkc.is-dis .tkc-opts, .tkc.is-dis .tkc-row{ opacity:.45; filter:grayscale(1); pointer-events:none; }
.tkc.is-dis .tkc-opt, .tkc.is-dis .tkc-opt.is-sel{ border:1px solid #D0D5DD; padding:10px 14px; background:#F2F4F7; }
.tkc.is-dis .tkc-btn{ background:#F2F4F7; color:#667085; }
.tkc.is-dis .tkc-ico{ background:#E4E7EC; color:#98A2B3; }
.cp-media-foot + .cp-protect-slot{ padding:0 16px 12px; }
.cp-protect-slot .tkc{ margin:0; max-width:none; }
.cp-protect-slot .tkc-panel{ top:auto; bottom:calc(100% + 6px); }
@media (max-width:600px){
  .tkc{ max-width:none; }
}
@media (max-width:1079px){
  .app-header-inner:not(.app-header-inner--guest){
    grid-template-areas:"logo spacer" "search search"; grid-template-columns:auto 1fr; row-gap:12px; }
  .app-header-inner:not(.app-header-inner--guest) .app-nav{ grid-area:spacer; }
  .app-header-inner:not(.app-header-inner--guest) .app-search{
    grid-area:search; justify-self:stretch; position:relative; display:block;
    width:100%; max-width:none; min-width:0; margin-left:0; }
  .app-header-inner:not(.app-header-inner--guest) .app-search input{
    display:block; box-sizing:border-box; width:100%; height:44px; padding:0 14px 0 42px; border-radius:6px; }
  .app-header-inner:not(.app-header-inner--guest) .app-search-ico{
    position:absolute; left:6px; top:50%; transform:translateY(-50%);
    width:32px; height:32px; background:none; border-radius:6px; }
  .app-header-inner:not(.app-header-inner--guest) .app-search-ico svg{ width:18px; height:18px; stroke:#4A7FB8; }
  .app-shell:not(.app-shell--guest) .app-rail,
  .app-shell:not(.app-shell--guest) .app-rail--n5,
  .app-shell:not(.app-shell--guest) .app-rail--n6{ padding-right:16px; }
}

body .mh-bar, body .mh-bar:hover, body .mh-find.is-open .mh-bar{ height:68px; }
@media (max-width:1079px){ body .mh-bar, body .mh-bar:hover, body .mh-find.is-open .mh-bar{ height:68px; } }
body .app-search input, body .app-search input::placeholder{ font-family:var(--font-sans); font-size:var(--field-fs, 15px); }
body .mh-bar, body .mh-bar:hover, body .mh-find.is-open .mh-bar{ font-family:var(--font-sans); font-size:15px; }
body .hc-search input, body .hc-search input::placeholder{ font-family:var(--font-sans); font-size:15px; }
body .tk-search input, body .tk-search input::placeholder{ font-family:var(--font-sans); font-size:15px; }
@media (min-width:720px){ body .mh-inner{ grid-template-columns:minmax(max-content,1fr) minmax(0,898px) minmax(max-content,1fr); } }
body .hc-search input{ box-sizing:border-box; height:68px; padding-top:0; padding-bottom:0; }
@media (min-width:1080px){ body .app-search input{ box-sizing:border-box; height:48px; padding-top:0; padding-bottom:0; } }
body .tk-search input{ box-sizing:border-box; height:38px; padding-top:0; padding-bottom:0; }
.tk-bar-filter{ flex:none; display:inline-grid; place-items:center; box-sizing:border-box; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:50%; background:#0C6EBA; color:#fff; cursor:pointer; transition:background-color .15s ease; }
.tk-bar-filter:hover{ background:#095A99; }
.tk-bar-filter:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
.tk-bar-filter svg, svg.tk-filter-ico{ display:block; width:20px; height:20px; fill:currentColor; stroke:none; }
@media (min-width:1080px){ body .app-search input{ height:68px; } }
body .net-bar-search input, body .net-bar-select select{ box-sizing:border-box; height:68px; padding-top:0; padding-bottom:0; }
body .tk-search{ position:relative; max-width:1203px; }
body .tk-search input{ height:68px; padding-right:68px; }
body .tk-search .tk-bar-filter{ position:absolute; right:12px; top:50%; transform:translateY(-50%); }
body .tk-search .tk-bar-filter svg{ position:static; transform:none; width:20px; height:20px; fill:currentColor; stroke:none; }
body .hc-search{ max-width:1203px; }
body .hc-search input{ padding-right:68px; }
body .hc-search .hc-search-go{ top:50%; right:12px; bottom:auto; transform:translateY(-50%); display:inline-grid; place-items:center; width:44px; height:44px; padding:0; border-radius:50%; background:#0C6EBA; color:#fff; }
body .hc-search .hc-search-go:hover{ background:#095A99; }
body .hc-search .hc-search-go svg{ width:20px; height:20px; fill:currentColor; stroke:none; position:static; transform:none; }
@media (max-width:480px){ body .hc-search input{ padding-right:68px; } body .hc-search .hc-search-go{ position:absolute; margin-top:0; width:44px; padding:0; } }
body .mh-bar .mh-bar-go svg.tk-filter-ico{ fill:#fff; stroke:none; }
@media (min-width:720px){ body .mh-inner{ grid-template-columns:minmax(max-content,1fr) minmax(0,1203px) minmax(max-content,1fr); } }
.hc > .hc-search{ width:100%; margin:0 auto; }
.hc > .hc-search + .hc-hero{ margin-top:calc(12px - var(--space-8)); }
.hc-main > .tk-track{ order:-1; padding:0; border:0; border-radius:0; background:none; }
.hc-main > .dpc-flash{ order:-2; }
@media (min-width:1400px){ body .mh-inner{ padding-left:24px; padding-right:24px; column-gap:18px; } }
@media (min-width:1080px){ .hc > .hc-search{ max-width:min(1203px, calc(100vw - 368px)); } }
body .mh-bar, body .mh-bar:hover, body .mh-find.is-open .mh-bar{ padding-right:12px; }
body :is(span.ui-ico,#ui-ico){ position:relative; display:inline-block; flex:0 0 27px; width:27px; height:27px; min-width:27px; max-width:none; margin:0; padding:0; color:#616161; line-height:0; vertical-align:middle; opacity:1; }
body :is(span.ui-ico,#ui-ico) > svg{ position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; margin:0; fill:currentColor; stroke:none; opacity:1; transition:opacity .15s ease; }
body :is(span.ui-ico,#ui-ico) > svg.is-line{ fill:none; stroke:currentColor; stroke-width:1; stroke-linecap:round; stroke-linejoin:round; }
body :is(span.ui-ico,#ui-ico) > svg.ui-ico-s.is-line{ fill:currentColor; }
body :is(span.ui-ico,#ui-ico) > svg.is-line :not([stroke]){ stroke:currentColor; }
body :is(span.ui-ico,#ui-ico) > svg.is-line :not([stroke-width]){ stroke-width:inherit; }
body :is(span.ui-ico,#ui-ico) > svg.ui-ico-o.is-line :not([fill]){ fill:none; }
body :is(span.ui-ico,#ui-ico) > svg.ui-ico-s.is-line :not([fill]){ fill:currentColor; }
body :is(span.ui-ico,#ui-ico) > svg:not(.is-line) :not([fill]){ fill:currentColor; stroke:none; }
body :is(span.ui-ico,#ui-ico) > svg.ui-ico-s{ opacity:0; }
body :where(.at-rail-links > .at-rail-row:hover, .at-rail-links > .at-rail-row.is-on, .bc-rail .bc-item:not(.is-off):hover, .bc-rail .bc-item.is-on, .bc-rail .bc-rail-home:hover, .bc-rail .bc-rail-home.is-on, .bc-rail .bc-rail-outlink:hover, .app-nav-btn:hover, .app-nav-btn[aria-current="page"], .app-nav-btn[aria-expanded="true"], .app-nav-msg:hover, .app-nav-msg[aria-current="page"], .app-dd-item:hover, .app-dd-tile:hover, .plus-menu-btn:hover, .bc-top-bell:hover, .bc-top-menu:hover, .bc-top-menu[aria-expanded="true"], .bc-top-plus:hover, .bc-top-plus[aria-expanded="true"], .feed-act:not(:disabled):hover, .feed-act.is-active, .act-like:not(:disabled):hover, .act-like.is-active, .act-rec:not(:disabled):hover, .act-rec.is-active, .act-save:not(:disabled):hover, .act-save.is-active, .mkt-rail-btn:not(:disabled):hover, .mkt-rail-btn.is-active, .dt-imini:hover, .dt-imini.is-active, .far-btn:hover, .far-btn.is-active, .cx-iconbtn:hover, .ht-share:hover, .artx-ract:hover, .artx-ract.is-active, .bm-save:hover, .bm-save.is-active, .feed-boost:hover, [data-atshare-open]:not(:disabled):hover, [role="menuitem"]:hover, .bc-tile:hover, .tkp-tab:hover, .tkp-tab.is-active, .bcd-btn:hover, .pjb-btn:hover, .mst-pillbtn:hover, .sv-btn:hover, .bc-btn:hover, .mbk-btn:hover, .pe-pen:hover, .st__tab:hover, .st__tab.is-active, .msg-new:hover, .atshare-act:hover, .ft-sos:hover, .cx-iconbtn.is-active, .ui-ico-host:hover, .ui-ico-host.is-on) :is(span.ui-ico,#ui-ico){ color:#0C6EBA; }
body :where(.at-rail-links > .at-rail-row:hover, .at-rail-links > .at-rail-row.is-on, .bc-rail .bc-item:not(.is-off):hover, .bc-rail .bc-item.is-on, .bc-rail .bc-rail-home:hover, .bc-rail .bc-rail-home.is-on, .bc-rail .bc-rail-outlink:hover, .app-nav-btn:hover, .app-nav-btn[aria-current="page"], .app-nav-btn[aria-expanded="true"], .app-nav-msg:hover, .app-nav-msg[aria-current="page"], .app-dd-item:hover, .app-dd-tile:hover, .plus-menu-btn:hover, .bc-top-bell:hover, .bc-top-menu:hover, .bc-top-menu[aria-expanded="true"], .bc-top-plus:hover, .bc-top-plus[aria-expanded="true"], .feed-act:not(:disabled):hover, .feed-act.is-active, .act-like:not(:disabled):hover, .act-like.is-active, .act-rec:not(:disabled):hover, .act-rec.is-active, .act-save:not(:disabled):hover, .act-save.is-active, .mkt-rail-btn:not(:disabled):hover, .mkt-rail-btn.is-active, .dt-imini:hover, .dt-imini.is-active, .far-btn:hover, .far-btn.is-active, .cx-iconbtn:hover, .ht-share:hover, .artx-ract:hover, .artx-ract.is-active, .bm-save:hover, .bm-save.is-active, .feed-boost:hover, [data-atshare-open]:not(:disabled):hover, [role="menuitem"]:hover, .bc-tile:hover, .tkp-tab:hover, .tkp-tab.is-active, .bcd-btn:hover, .pjb-btn:hover, .mst-pillbtn:hover, .sv-btn:hover, .bc-btn:hover, .mbk-btn:hover, .pe-pen:hover, .st__tab:hover, .st__tab.is-active, .msg-new:hover, .atshare-act:hover, .ft-sos:hover, .cx-iconbtn.is-active, .ui-ico-host:hover, .ui-ico-host.is-on) :is(span.ui-ico,#ui-ico) > svg.ui-ico-o{ opacity:0; }
body :where(.at-rail-links > .at-rail-row:hover, .at-rail-links > .at-rail-row.is-on, .bc-rail .bc-item:not(.is-off):hover, .bc-rail .bc-item.is-on, .bc-rail .bc-rail-home:hover, .bc-rail .bc-rail-home.is-on, .bc-rail .bc-rail-outlink:hover, .app-nav-btn:hover, .app-nav-btn[aria-current="page"], .app-nav-btn[aria-expanded="true"], .app-nav-msg:hover, .app-nav-msg[aria-current="page"], .app-dd-item:hover, .app-dd-tile:hover, .plus-menu-btn:hover, .bc-top-bell:hover, .bc-top-menu:hover, .bc-top-menu[aria-expanded="true"], .bc-top-plus:hover, .bc-top-plus[aria-expanded="true"], .feed-act:not(:disabled):hover, .feed-act.is-active, .act-like:not(:disabled):hover, .act-like.is-active, .act-rec:not(:disabled):hover, .act-rec.is-active, .act-save:not(:disabled):hover, .act-save.is-active, .mkt-rail-btn:not(:disabled):hover, .mkt-rail-btn.is-active, .dt-imini:hover, .dt-imini.is-active, .far-btn:hover, .far-btn.is-active, .cx-iconbtn:hover, .ht-share:hover, .artx-ract:hover, .artx-ract.is-active, .bm-save:hover, .bm-save.is-active, .feed-boost:hover, [data-atshare-open]:not(:disabled):hover, [role="menuitem"]:hover, .bc-tile:hover, .tkp-tab:hover, .tkp-tab.is-active, .bcd-btn:hover, .pjb-btn:hover, .mst-pillbtn:hover, .sv-btn:hover, .bc-btn:hover, .mbk-btn:hover, .pe-pen:hover, .st__tab:hover, .st__tab.is-active, .msg-new:hover, .atshare-act:hover, .ft-sos:hover, .cx-iconbtn.is-active, .ui-ico-host:hover, .ui-ico-host.is-on) :is(span.ui-ico,#ui-ico) > svg.ui-ico-s{ opacity:1; }
body .app-dd-me :is(span.ui-ico,#ui-ico), body .app-dd-me .app-dd-item:hover :is(span.ui-ico,#ui-ico), body .bc-top-plus[aria-expanded="true"] :is(span.ui-ico,#ui-ico), body .pv-actbar :is(span.ui-ico,#ui-ico), body .pv-actbar .feed-act:hover :is(span.ui-ico,#ui-ico){ color:#fff; }
body .bc-rail .bc-item.is-off :is(span.ui-ico,#ui-ico){ opacity:.45; }
body :is(.pjb-btn-pub, .mst-pillbtn.is-primary, .sv-btn--solid, .bc-btn.is-primary, .mbk-btn--primary, .bcd-btn--primary, .cx-iconbtn.is-active, .atshare-act-primary) :is(span.ui-ico,#ui-ico){ color:#fff; }
body .pjb-btn--trash :is(span.ui-ico,#ui-ico){ color:inherit; }
body .bc-tile-ico:has(> span.ui-ico){ width:27px; height:27px; }
body .bc-rail .bc-item-ico:has(> span.ui-ico){ width:27px; height:27px; }
body .bc-rail .bc-rail-home .bc-rail-home-ico, body .bc-rail .bc-rail-home:hover .bc-rail-home-ico, body .bc-rail .bc-rail-home.is-on .bc-rail-home-ico{ width:27px; height:27px; border-radius:0; background:none; }
@media (prefers-reduced-motion:reduce){ body :is(span.ui-ico,#ui-ico) > svg{ transition:none; } }
.app-header .app-brand{ display:inline-flex; align-items:center; gap:10px; justify-self:start; align-self:center; margin:0; padding:0; font:800 30px/1 'Plus Jakarta Sans', var(--font-sans); letter-spacing:-.04em; color:#0C6EBA; text-decoration:none; white-space:nowrap; }
@media (min-width:1080px){
  body .app-header-inner .app-search{ display:none; }
  .app-header-inner:not(.app-header-inner--guest){ grid-template-columns:auto 1fr; }
  .app-header-inner--guest .app-brand{ order:1; }
}
@media (max-width:1079px){
  .app-header-inner--guest .app-brand{ grid-area:search; justify-self:end; margin-top:12px; }
  .app-header-inner:not(.app-header-inner--guest){ grid-template-areas:"brand spacer" "search search"; grid-template-columns:auto 1fr; }
  .app-header-inner:not(.app-header-inner--guest) .app-brand{ grid-area:brand; }
}
.app-brand-mark{ display:block; width:40px; height:40px; flex:none; }
@media (max-width:767px){ .app-header .app-brand{ gap:6px; } .app-brand-mark{ width:20px; height:20px; } }
@media (max-width:1079px){
  .app-shell:not(.app-shell--guest) .app-rail{ --wm-room:162px; padding-left:var(--wm-room); padding-right:16px; gap:clamp(3px, calc((100vw - var(--wm-room) - 16px - 5 * clamp(30px,11.7vw,44px)) / 6), 26px); }
  .app-shell:not(.app-shell--guest) .app-rail--n6{ --c6:clamp(30px, calc((100vw - var(--wm-room) - 40px) / 5), 44px); gap:clamp(3px, calc((100vw - var(--wm-room) - 16px - 5 * var(--c6)) / 6), 26px); }
}
@media (max-width:767px){ .app-shell:not(.app-shell--guest) .app-rail{ --wm-room:138px; } }
.app-menu-search{ position:relative; margin:0 0 var(--space-2); }
.app-menu-search input{ display:block; box-sizing:border-box; width:100%; height:44px; padding:0 14px 0 42px; border:1px solid #DDDDDD; border-radius:6px; background:#F5F6F8; color:var(--ink); font:400 var(--field-fs, 15px)/1 var(--font-sans); outline:none; }
.app-menu-search input:focus{ border-color:#9A9A9A; }
.app-menu-search-ico{ position:absolute; left:6px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; background:none; cursor:pointer; }
.app-menu-search-ico svg{ width:18px; height:18px; fill:none; stroke:#4A7FB8; stroke-width:1.8; }
.app-menu-search .app-suggest{ width:100%; }
.at-side-search{ position:relative; }
.at-side-search input{ display:block; box-sizing:border-box; width:100%; height:48px; padding:0 16px 0 44px; border:1px solid #DCDFE4; border-radius:999px; background:#fff; color:var(--ink); font:400 var(--field-fs, 15px)/1 var(--font-sans); outline:none; box-shadow:0 2px 3px -1px rgba(17,24,39,.138); }
.at-side-search input:focus{ border-color:#9A9A9A; }
.at-side-search-ico{ position:absolute; left:12px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:28px; height:28px; padding:0; border:0; background:none; cursor:pointer; }
.at-side-search-ico svg{ width:18px; height:18px; fill:none; stroke:#4A7FB8; stroke-width:1.8; }
.at-side-search .app-suggest{ left:auto; right:0; width:max(100%, 340px); }
.home-faq{ max-width:860px; margin:48px auto 40px; padding:0 var(--space-5); }
.home-faq-title{ margin:0 0 16px; font:700 24px/1.25 var(--font-sans); color:var(--ink); }
.home-faq-item{ border-top:1px solid var(--line); }
.home-faq-item:last-of-type{ border-bottom:1px solid var(--line); }
.home-faq-item summary{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 0; font:600 16px/1.4 var(--font-sans); color:var(--ink); cursor:pointer; list-style:none; }
.home-faq-item summary::-webkit-details-marker{ display:none; }
.home-faq-item summary::after{ content:"+"; flex:0 0 auto; font:400 22px/1 var(--font-sans); color:var(--muted); }
.home-faq-item[open] summary::after{ content:"\2212"; }
.home-faq-item p{ margin:0 0 16px; font:400 15px/1.6 var(--font-sans); color:var(--ink); }
@media (max-width:1079px){ .home-faq{ margin:32px auto; padding:0 var(--pad-mobile); } }
body :is(svg.at-av-ico,#at-av-ico){ display:block; flex:0 0 auto; width:62%; height:62%; min-width:0; max-width:none; margin:auto; padding:0; fill:none; stroke:#616161; stroke-width:1; stroke-linecap:round; stroke-linejoin:round; opacity:1; transition:fill .15s ease, stroke .15s ease; }
body :is(*,#at-av-ico):not(button.app-me):has(> svg.at-av-ico){ background:#eef1f6; color:#616161; }
body :is(button.app-me,#at-av-ico) > svg.at-av-ico{ flex:0 0 27px; width:27px; height:27px; margin:0; }
body :is(button.app-me:hover, button.app-me[aria-current="page"], button.app-me[aria-expanded="true"], a.at-me-face:hover, .cx-avatar:hover, #at-av-ico) > svg.at-av-ico{ fill:#0C6EBA; stroke:#0C6EBA; }
@media (prefers-reduced-motion:reduce){ body :is(svg.at-av-ico,#at-av-ico){ transition:none; } }

body:has(.pwr){ min-height:100vh; display:flex; flex-direction:column; background:var(--auth-page); }
body:has(.pwr) .app-shell{ flex:1; display:flex; flex-direction:column; background:var(--auth-page); }
body:has(.pwr) .app-main{ flex:1; display:flex; flex-direction:column; }
.app-header .pwr-head{ max-width:1200px; height:72px; margin:0 auto; padding:0 24px; box-sizing:border-box; align-items:center; justify-content:space-between; gap:16px; }
.app-header .lgx-head{ height:99px; padding:0 24px; box-sizing:border-box; align-items:center; justify-content:space-between; gap:16px; }
.lgx-join{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 18px; border-radius:var(--login-radius); background:var(--login-page); color:var(--login-blue); font:600 14px/1 var(--login-font); text-decoration:none; white-space:nowrap; transition:background .15s; }
.lgx-join:hover{ background:var(--login-tint); }
.pwr-brand{ display:flex; align-items:center; gap:12px; text-decoration:none; }
.pwr-mark{ display:block; width:40px; height:40px; flex:none; }
.pwr-word{ font:800 22px/1 'Plus Jakarta Sans', var(--font-sans); letter-spacing:-.04em; color:var(--auth-blue); }
.pwr-hc{ font:500 14px/1 var(--auth-font); color:var(--auth-text); text-decoration:none; }
.pwr-hc:hover{ color:var(--auth-blue-dark); }
.pwr{ flex:1; display:flex; flex-direction:column; align-items:center; padding:72px 16px 56px; font-family:var(--auth-font); color:var(--auth-ink); -webkit-font-smoothing:antialiased; }
.pwr--set{ padding-top:64px; }
.pwr-card{ width:100%; max-width:440px; box-sizing:border-box; background:var(--surface); border:1px solid var(--auth-line); border-radius:16px; padding:40px; box-shadow:0 1px 2px rgba(11,34,56,.04), 0 12px 32px rgba(11,34,56,.06); }
.pwr-card .auth-note{ margin:0 0 16px; }
.pwr-ico{ width:56px; height:56px; border-radius:14px; background:#E8F1FA; display:flex; align-items:center; justify-content:center; }
.pwr-title{ margin:24px 0 10px; font:700 26px/1.25 var(--auth-font); letter-spacing:-.02em; color:var(--auth-ink); }
.pwr-text{ margin:0; font-size:15px; line-height:1.6; color:var(--auth-text); overflow-wrap:anywhere; }
.pwr-text strong{ font-weight:600; color:var(--auth-ink); }
.pwr-back{ margin-top:28px; display:flex; align-items:center; justify-content:center; gap:8px; height:48px; border-radius:var(--auth-radius); background:var(--auth-blue); color:var(--surface); font-size:15px; font-weight:600; text-decoration:none; }
.pwr-back:hover{ background:var(--auth-blue-dark); color:var(--surface); }
.pwr-rule{ height:1px; background:var(--auth-line); margin:28px 0 22px; }
.pwr-acts{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; }
.pwr-resend{ height:44px; padding:0 18px; border-radius:var(--auth-radius); border:1px solid var(--auth-field); background:var(--surface); color:var(--auth-ink); font:600 14px/1 var(--auth-font); cursor:pointer; }
.pwr-resend:hover{ border-color:var(--auth-blue); color:var(--auth-blue); }
.pwr-other, .pwr-help a{ font-size:14px; font-weight:500; color:var(--auth-blue); text-decoration:none; }
.pwr-other:hover, .pwr-help a:hover, .pwr-backlink a:hover{ color:var(--auth-blue-dark); }
.pwr-ok{ display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:var(--auth-radius); background:#EAF6EF; color:#1B5E34; font-size:14px; font-weight:500; }
.pwr-ok svg{ flex:none; }
.pwr-help{ margin:24px 0 0; font-size:14px; text-align:center; }
.pwr-alert{ margin:20px 0 0; }
.pwr-form{ margin-top:28px; display:flex; flex-direction:column; gap:20px; }
.pwr-field{ display:flex; flex-direction:column; gap:8px; }
.pwr-field label{ font-size:14px; font-weight:600; color:var(--auth-ink); }
.pwr-input{ display:flex; align-items:center; height:48px; border:1px solid var(--auth-field); border-radius:var(--auth-radius); background:var(--surface); transition:border-color .15s ease, box-shadow .15s ease; }
.pwr-input:focus-within{ border-color:var(--auth-blue); box-shadow:0 0 0 3px rgba(12,110,186,.18); }
.pwr-input.is-error{ border-color:var(--auth-error); }
.pwr-input.is-error:focus-within{ box-shadow:0 0 0 3px rgba(180,35,24,.15); }
.pwr-input input{ flex:1; min-width:0; height:100%; border:0; background:transparent; padding:0 14px; font:400 15px/1.2 var(--auth-font); color:var(--auth-ink); outline:none; }
.pwr-input input::placeholder{ color:#8A97A8; }
.pwr-eye{ width:44px; height:44px; margin-right:2px; border:0; background:transparent; border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--auth-muted); cursor:pointer; }
.pwr-eye:hover{ color:var(--auth-ink); }
.pwr-eye .pwr-eye-hide, .pwr-eye[aria-pressed="true"] .pwr-eye-show{ display:none; }
.pwr-eye[aria-pressed="true"] .pwr-eye-hide{ display:block; }
.pwr-rules{ margin:4px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px; }
.pwr-rules li{ display:flex; align-items:center; gap:8px; font-size:13px; line-height:1.4; color:var(--auth-muted); }
.pwr-rules li svg{ flex:none; }
.pwr-rules .pwr-rule-done, .pwr-rules li.is-ok .pwr-rule-todo{ display:none; }
.pwr-rules li.is-ok{ color:var(--auth-ok); font-weight:500; }
.pwr-rules li.is-ok .pwr-rule-done{ display:block; }
.pwr-match{ min-height:20px; font-size:13px; line-height:1.5; }
.pwr-match-ok, .pwr-match-err{ display:flex; align-items:center; gap:6px; font-weight:500; }
.pwr-match-ok{ color:var(--auth-ok); }
.pwr-match-err{ color:var(--auth-error); }
.pwr-match [hidden]{ display:none; }
.pwr-submit{ height:48px; border:0; border-radius:var(--auth-radius); background:var(--auth-blue); color:var(--surface); font:600 15px/1 var(--auth-font); cursor:pointer; transition:background .15s ease, opacity .15s ease; }
.pwr-submit:hover{ background:var(--auth-blue-dark); }
.pwr-submit:disabled{ opacity:.45; cursor:not-allowed; background:var(--auth-blue); }
.pwr-eye:focus-visible, .pwr-submit:focus-visible, .pwr a:focus-visible{ outline:2px solid var(--auth-blue); outline-offset:2px; border-radius:6px; }
.pwr-backlink{ margin:22px 0 0; text-align:center; }
.pwr-backlink a{ display:inline-flex; align-items:center; gap:6px; padding:10px 4px; font-size:14px; font-weight:500; color:var(--auth-blue); text-decoration:none; }
.pwr-foot{ border-top:1px solid var(--auth-line); background:var(--auth-page); font-family:var(--auth-font); }
.pwr-foot-in{ max-width:1200px; margin:0 auto; padding:20px 24px; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; font-size:13px; color:var(--auth-muted); }
.pwr-foot nav{ display:flex; flex-wrap:wrap; gap:20px; }
.pwr-foot a{ color:var(--auth-muted); text-decoration:none; }
.pwr-foot a:hover{ color:var(--auth-blue-dark); }
@media (max-width:600px){
  .app-header .pwr-head{ height:60px; padding:0 16px; }
  body:has(.pwr) .app-shell{ padding-left:0; padding-right:0; }
  .pwr-brand{ gap:10px; }
  .pwr-mark{ width:32px; height:32px; }
  .pwr-word{ font-size:19px; }
  .pwr-hc{ padding:12px 0; }
  .pwr-hc-l{ display:none; }
  .pwr{ padding:32px 16px 24px; align-items:stretch; }
  .pwr--set{ padding:24px 16px 32px; }
  .pwr-card{ max-width:none; padding:28px 22px; box-shadow:0 1px 2px rgba(11,34,56,.04), 0 8px 24px rgba(11,34,56,.05); }
  .pwr--set .pwr-card{ padding:24px 20px; }
  .pwr-ico{ width:52px; height:52px; }
  .pwr-ico svg{ width:26px; height:26px; }
  .pwr--set .pwr-ico{ width:48px; height:48px; border-radius:12px; }
  .pwr--set .pwr-ico svg{ width:24px; height:24px; }
  .pwr-title{ margin:20px 0 8px; font-size:24px; }
  .pwr--set .pwr-title{ margin-top:18px; font-size:23px; }
  .pwr-back{ margin-top:24px; height:50px; }
  .pwr-rule{ margin:24px 0 18px; }
  .pwr-acts{ flex-direction:column; align-items:stretch; gap:4px; }
  .pwr-resend{ height:46px; width:100%; }
  .pwr-other{ height:44px; display:flex; align-items:center; justify-content:center; }
  .pwr-form{ margin-top:22px; gap:16px; }
  .pwr-submit{ height:50px; }
  .pwr-backlink{ margin-top:10px; }
  .pwr-foot{ border-top:0; }
  .pwr-foot-in{ justify-content:center; padding:20px 16px; gap:0; }
  .pwr-foot nav{ gap:0; }
  .pwr-foot nav a::before{ content:"\00b7"; padding:0 6px; }
  .pwr-foot-help{ display:none; }
}
@font-face{ font-family:'Space Grotesk'; font-style:normal; font-weight:300 700; font-display:swap; src:url('/assets/fonts/SpaceGrotesk.woff2') format('woff2'); }
body:has(.lgx){ margin:0; min-height:100vh; background:var(--login-page); color:var(--login-ink); font-family:var(--login-font); -webkit-font-smoothing:antialiased; }
body:has(.lgx) .app-shell{ max-width:none; margin:0; padding:0; }
.lgx, .lgx *{ box-sizing:border-box; }
.lgx{ min-height:calc(100vh - 100px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; padding:48px 24px; }
.lgx-box{ display:grid; grid-template-columns:repeat(2, minmax(0, 440px)); }
.lgx-brand{ position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; gap:20px; padding:36px 32px; border-radius:var(--login-card-radius) 0 0 var(--login-card-radius); isolation:isolate; --lgx-shade-start:45.6%; background:var(--surface); color:var(--surface); }
.lgx-brand::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, var(--login-blue) 22.4%, color-mix(in srgb, var(--login-blue) 96%, transparent) 26.4%, color-mix(in srgb, var(--login-blue) 85%, transparent) 30.4%, color-mix(in srgb, var(--login-blue) 69%, transparent) 34.4%, color-mix(in srgb, var(--login-blue) 50%, transparent) 38.4%, color-mix(in srgb, var(--login-blue) 31%, transparent) 42.4%, color-mix(in srgb, var(--login-blue) 15%, transparent) 46.4%, color-mix(in srgb, var(--login-blue) 4%, transparent) 50.4%, transparent calc(100% - var(--lgx-shade-start))); }
.lgx-video{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.lgx-brand-tag{ position:absolute; top:var(--lgx-shade-start); left:32px; right:32px; margin:0; font-family:var(--login-display); font-weight:600; font-size:28px; line-height:1.1; letter-spacing:-0.04em; color:var(--surface); }
.lgx-logo{ position:absolute; top:36px; left:32px; display:inline-flex; align-items:baseline; gap:3px; font-family:var(--login-display); font-weight:600; font-size:20px; letter-spacing:-0.04em; color:#3F3F46; text-decoration:none; }
.lgx-logo-dot{ display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; }
.lgx-brand-copy{ position:relative; display:flex; flex-direction:column; gap:10px; }
.lgx-brand-copy h1{ margin:0; font-family:var(--login-display); font-weight:500; font-size:24px; line-height:1.1; letter-spacing:-0.04em; color:var(--surface); }
.lgx-brand-copy h1 span{ color:#DCE5FF; }
.lgx-brand-foot{ position:relative; margin:0; font-size:12px; color:var(--login-tint); }
.lgx-card{ width:100%; margin:0; background:var(--surface); border-radius:0 var(--login-card-radius) var(--login-card-radius) 0; padding:40px 36px; display:flex; flex-direction:column; gap:24px; }
.lgx-card h2{ margin:0 0 8px; font-family:var(--login-display); font-weight:500; font-size:32px; line-height:normal; letter-spacing:-0.03em; color:var(--login-ink); }
.lgx-sub{ margin:0; font-size:15px; color:var(--login-text); }
.lgx-sub a, .lgx-field-head a, .lgx-legal a, .lgx-alert a{ color:var(--login-blue); text-decoration:none; font-weight:500; }
.lgx-sub a:hover, .lgx-field-head a:hover, .lgx-legal a:hover, .lgx-alert a:hover{ text-decoration:underline; }
.lgx-alert{ margin:0; padding:12px 14px; border-radius:var(--login-radius); background:#FEF3F2; color:var(--auth-error); font-size:14px; line-height:1.5; }
.lgx-social{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lgx-btn-social{ height:48px; display:flex; align-items:center; justify-content:center; gap:10px; background:var(--surface); color:var(--login-ink); border:1px solid var(--login-field); border-radius:var(--login-radius); font:500 15px var(--login-font); text-decoration:none; transition:background .15s,border-color .15s; }
.lgx-btn-social:hover{ background:#F0F0F2; border-color:#C9C9CF; }
.lgx-divider{ display:flex; align-items:center; gap:14px; font-size:13px; color:var(--login-muted); }
.lgx-divider::before, .lgx-divider::after{ content:""; flex:1; height:1px; background:var(--login-line); }
.lgx-fields{ display:flex; flex-direction:column; gap:18px; }
.lgx-field{ display:flex; flex-direction:column; gap:8px; }
.lgx-field-head{ display:flex; justify-content:space-between; align-items:baseline; }
.lgx-field-head a{ font-size:13px; }
.lgx-field label{ font-size:14px; font-weight:500; color:#27272A; }
.lgx-input{ width:100%; height:50px; margin:0; padding:0 16px; background:var(--surface); color:var(--login-ink); border:1px solid var(--login-field); border-radius:var(--login-radius); font:400 15px var(--login-font); transition:border-color .15s,box-shadow .15s; }
.lgx-input::placeholder{ color:#8A8A94; }
.lgx-input:focus{ outline:none; border-color:var(--login-blue); box-shadow:0 0 0 4px rgba(37,84,232,.16); }
.lgx-input[aria-invalid="true"]{ border-color:var(--auth-error); }
.lgx-err{ font-size:13px; color:var(--auth-error); }
.lgx-pw-wrap{ position:relative; }
.lgx-pw-wrap .lgx-input{ padding-right:52px; }
.lgx-pw-toggle{ position:absolute; right:3px; top:3px; width:44px; height:44px; display:flex; align-items:center; justify-content:center; background:transparent; border:0; border-radius:10px; color:var(--login-muted); cursor:pointer; }
.lgx-pw-toggle:hover{ color:var(--login-ink); }
.lgx-pw-toggle .lgx-eye-off, .lgx-pw-toggle[aria-pressed="true"] .lgx-eye-open{ display:none; }
.lgx-pw-toggle[aria-pressed="true"] .lgx-eye-off{ display:block; }
.lgx-pw-toggle:focus-visible, .lgx-btn-social:focus-visible, .lgx-btn-primary:focus-visible, .lgx-join:focus-visible{ outline:2px solid var(--login-blue); outline-offset:2px; }
.lgx-remember{ display:flex; align-items:center; gap:10px; font-size:14px; color:var(--login-text); cursor:pointer; }
.lgx-remember input{ width:18px; height:18px; margin:0; accent-color:var(--login-blue); }
.lgx-btn-primary{ height:52px; display:flex; align-items:center; justify-content:center; gap:10px; background:var(--login-blue); color:var(--surface); border:0; border-radius:var(--login-radius); font:600 16px var(--login-font); cursor:pointer; transition:background .15s; }
.lgx-btn-primary:hover{ background:#1A43C4; }
.lgx-legal{ margin:0; font-size:12px; line-height:1.6; color:var(--login-muted); text-align:center; }
@media (max-width:900px){
  .lgx-box{ width:100%; max-width:440px; grid-template-columns:1fr; }
  .lgx-brand{ display:none; }
  .lgx-card{ border-radius:var(--login-card-radius); padding:32px 24px; }
}
@media (max-width:420px){
  .lgx{ padding:24px 16px; }
  .lgx-social{ grid-template-columns:1fr; }
}

body:has(.jn){ background:var(--jn-bg); }
body:has(.jn) .app-shell{ background:var(--jn-bg); }
.jn-signin{ margin:0; font:400 15px/1.3 var(--jn-font); color:var(--jn-muted); }
.jn-signin a{ font-weight:700; color:var(--jn-blue); text-decoration:none; }
.jn{ display:flex; justify-content:center; padding:40px 40px 48px; font-family:var(--jn-font); font-size:16px; line-height:1.5; color:var(--jn-ink); -webkit-font-smoothing:antialiased; }
.jn, .jn *{ box-sizing:border-box; }
.jn [hidden]{ display:none; }
.jn a{ color:var(--jn-blue); }
.jn a:hover{ color:var(--jn-blue-dark); }
.jn button{ font:inherit; }
.jn :focus-visible{ outline:3px solid var(--jn-blue); outline-offset:2px; }
.jn-layout{ width:100%; max-width:1140px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:64px; }
.jn-flow{ position:relative; flex:1 1 420px; max-width:520px; display:flex; flex-direction:column; gap:24px; }
.jn-preview{ flex:1 1 360px; display:flex; flex-direction:column; align-items:center; gap:22px; padding-top:8px; }
.jn-head{ display:flex; flex-direction:column; gap:12px; }
.jn-title{ margin:0; font:800 44px/1.04 var(--jn-display); letter-spacing:-0.035em; color:var(--jn-muted); }
.jn-title:focus{ outline:none; }
.jn-lead{ margin:0; font-size:17px; line-height:1.55; color:var(--jn-body); }
.jn-lead strong{ color:var(--jn-ink); }
.jn-label{ font-size:14px; font-weight:600; color:var(--jn-ink); }
.jn-fine{ margin:0; font-size:13px; line-height:1.6; color:var(--jn-muted); text-align:center; }
.jn-stack{ display:flex; flex-direction:column; gap:22px; margin:0; }
.jn-stack-xs{ display:flex; flex-direction:column; align-items:stretch; gap:6px; }
.jn-grid-2{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:14px; }
.jn-wrap{ display:flex; flex-direction:column; gap:8px; }
.jn-center{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.jn-btn{ height:54px; padding:0 20px; display:flex; align-items:center; justify-content:center; gap:10px; border:0; border-radius:var(--login-radius); font-size:16px; font-weight:700; text-decoration:none; cursor:pointer; transition:filter .15s ease, transform .15s ease, background .15s ease, border-color .15s ease; }
.jn-btn-primary{ width:100%; background:var(--jn-blue); color:var(--surface); }
.jn a.jn-btn-primary, .jn a.jn-btn-primary:hover{ color:var(--surface); }
.jn-btn-primary:hover:not(:disabled){ filter:brightness(.92); }
.jn-btn-primary:active:not(:disabled){ transform:translateY(1px); }
.jn-btn-primary:disabled{ background:var(--jn-off); color:var(--jn-muted); cursor:not-allowed; }
.jn-social{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.jn-btn-social{ height:var(--jn-field-h); background:var(--surface); color:var(--jn-ink); border:1px solid var(--jn-edge); font-weight:600; }
.jn a.jn-btn-social{ color:var(--jn-ink); }
.jn-btn-social:hover{ background:#F4F7FB; border-color:var(--jn-edge-strong); }
.jn-btn-dashed{ position:relative; width:100%; height:var(--jn-field-h); background:var(--surface); color:var(--jn-blue); border:1.5px dashed var(--jn-dash); font-size:15px; font-weight:600; }
.jn-btn-dashed:hover, .jn-btn-dashed:focus-within{ background:#F4F9FD; border-color:var(--jn-blue); }
.jn-link, .jn-link-muted, .jn-back{ padding:4px 8px; border:0; background:transparent; font-size:14px; font-weight:700; cursor:pointer; }
.jn-link{ color:var(--jn-blue); }
.jn-link:disabled{ color:var(--jn-muted); cursor:default; }
.jn-link-muted{ align-self:flex-start; padding:4px; font-weight:600; color:var(--jn-muted); }
.jn-back{ align-self:flex-start; display:flex; align-items:center; gap:6px; padding:4px 0; font-weight:600; color:var(--jn-muted); }
.jn-back:hover{ color:var(--jn-navy); }
.jn-backform{ margin:0; }
.jn-divider{ display:flex; align-items:center; gap:14px; font-size:14px; color:var(--jn-muted); }
.jn-divider::before, .jn-divider::after{ content:""; flex:1; height:1px; background:var(--jn-edge); }
.jn-field, .jn .dob-sel, .jn .v2-box{ width:100%; height:var(--jn-field-h); padding:0 16px; border:1px solid var(--jn-line); border-radius:var(--login-radius); background:var(--surface); color:var(--jn-ink); font:400 16px/1.2 var(--jn-font); }
.jn-field::placeholder, .jn-group input::placeholder{ color:var(--jn-placeholder); }
.jn-field:focus, .jn .dob-sel:focus, .jn .v2-box:focus{ outline:none; border-color:var(--jn-blue); box-shadow:var(--jn-ring); }
.jn-field:disabled{ background:#F3F6FA; color:var(--jn-placeholder); cursor:not-allowed; }
.jn-field[aria-invalid="true"]{ border-color:var(--jn-danger); }
.jn select.jn-field, .jn .dob-sel{ padding-right:12px; cursor:pointer; }
.jn .dob-row{ gap:12px; }
.jn .dob-f{ gap:8px; font:600 14px/1.2 var(--jn-font); color:var(--jn-ink); }
.jn-group{ height:var(--jn-field-h); display:flex; align-items:center; border:1px solid var(--jn-line); border-radius:var(--login-radius); background:var(--surface); overflow:hidden; }
.jn-group:focus-within{ border-color:var(--jn-blue); box-shadow:var(--jn-ring); }
.jn-group input{ flex:1; min-width:0; height:100%; border:0; padding:0 16px; background:transparent; color:var(--jn-ink); font:400 16px/1.2 var(--jn-font); }
.jn-group input:focus{ outline:none; }
.jn-group-btn{ width:52px; height:100%; border:0; background:transparent; color:var(--jn-muted); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.jn-err{ margin:0; font-size:13px; font-weight:600; color:var(--jn-danger); }
.jn-ok{ margin:0; font-size:14px; font-weight:600; color:var(--jn-success); }
.jn-note{ margin:0; display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border-radius:var(--login-radius); background:var(--amber-tint); color:var(--jn-blue-dark); font-size:14px; line-height:1.5; }
.jn-note svg{ flex:0 0 18px; margin-top:1px; }
.jn-check{ display:flex; align-items:flex-start; gap:12px; font-size:15px; line-height:1.5; color:var(--jn-body); cursor:pointer; }
.jn-check input{ width:20px; height:20px; flex:0 0 20px; margin:2px 0 0; accent-color:var(--jn-blue); cursor:pointer; }
.jn-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.jn-chip{ position:relative; display:inline-flex; }
.jn-chip input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.jn-chip span{ height:36px; padding:0 14px; display:inline-flex; align-items:center; border:1px solid var(--jn-chip-line); border-radius:999px; background:var(--surface); color:var(--jn-ink); font-size:14px; font-weight:500; }
.jn-chip:hover span{ border-color:var(--jn-navy); }
.jn-chip:has(input:checked) span{ background:var(--jn-navy); border-color:var(--jn-navy); color:var(--surface); font-weight:600; }
.jn-chip:has(input:focus-visible) span{ outline:3px solid var(--jn-blue); outline-offset:2px; }
.jn .v2-boxes{ display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:10px; }
.jn .v2-box{ height:66px; padding:0; text-align:center; font:700 28px/1 var(--jn-display); color:var(--jn-navy); }
.jn .v2-nopaste{ margin:0; color:var(--jn-blue-dark); }
.jn-file{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
.jn-art-rows{ display:flex; flex-direction:column; gap:12px; }
.jn-art-row{ display:flex; flex-direction:column; gap:12px; padding:14px; border:1px solid var(--jn-line-soft); border-radius:16px; background:var(--surface); }
.jn-art-top{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) 36px; gap:10px; align-items:center; }
.jn-art-row .jn-field{ height:50px; font-size:15px; }
.jn-art-remove{ width:36px; height:36px; border:0; border-radius:10px; background:transparent; color:var(--jn-muted); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.jn-art-remove:hover{ background:var(--jn-bg); color:var(--jn-navy); }
.jn-pw-row{ display:flex; align-items:center; gap:12px; }
.jn-pw-bars{ flex:1; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:6px; }
.jn-pw-bars span{ height:4px; border-radius:99px; background:var(--jn-track); transition:background .2s ease; }
.jn-pw-label{ min-width:52px; text-align:right; font-size:13px; font-weight:600; color:var(--jn-muted); }
.jn-pw-row.is-1 .jn-pw-bars span:nth-child(-n+1){ background:#C0392B; }
.jn-pw-row.is-2 .jn-pw-bars span:nth-child(-n+2){ background:#B86E00; }
.jn-pw-row.is-3 .jn-pw-bars span:nth-child(-n+3){ background:#2F8F6B; }
.jn-pw-row.is-4 .jn-pw-bars span{ background:#1F7A59; }
.jn-pw-row.is-1 .jn-pw-label{ color:var(--jn-danger); }
.jn-pw-row.is-2 .jn-pw-label{ color:#8F5600; }
.jn-pw-row.is-3 .jn-pw-label{ color:#1F7A59; }
.jn-pw-row.is-4 .jn-pw-label{ color:var(--jn-success); }
.jn-badge{ margin:0; align-self:flex-start; display:flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; background:var(--jn-success-bg); color:var(--jn-success); font-size:13px; font-weight:700; }
.jn-strength{ width:100%; max-width:380px; display:flex; flex-direction:column; gap:8px; }
.jn-strength-head{ display:flex; justify-content:space-between; align-items:baseline; font-size:14px; font-weight:600; }
.jn-strength-head span:last-child{ color:var(--jn-blue-dark); }
.jn-strength-track{ height:6px; border-radius:99px; background:var(--jn-track); overflow:hidden; }
.jn-strength-fill{ height:100%; width:0; border-radius:99px; background:var(--jn-blue); transition:width .45s ease; }
.jn-strength-fill[data-pct="10"]{ width:10%; }
.jn-strength-fill[data-pct="20"]{ width:20%; }
.jn-strength-fill[data-pct="30"]{ width:30%; }
.jn-strength-fill[data-pct="40"]{ width:40%; }
.jn-strength-fill[data-pct="50"]{ width:50%; }
.jn-strength-fill[data-pct="60"]{ width:60%; }
.jn-strength-fill[data-pct="70"]{ width:70%; }
.jn-strength-fill[data-pct="80"]{ width:80%; }
.jn-strength-fill[data-pct="90"]{ width:90%; }
.jn-strength-fill[data-pct="100"]{ width:100%; }
.jn-card{ width:100%; max-width:380px; background:var(--surface); border-radius:24px; overflow:hidden; transform:rotate(2deg); box-shadow:0 40px 80px -24px rgba(10, 37, 64, .35), 0 2px 6px rgba(10, 37, 64, .06); }
.jn-cover{ position:relative; height:120px; overflow:hidden; background:var(--jn-blue); }
.jn-cover-mark{ position:absolute; right:-36px; top:-58px; width:250px; height:250px; }
.jn-ready{ position:absolute; top:14px; left:14px; display:flex; align-items:center; gap:6px; padding:6px 12px 6px 8px; border-radius:999px; background:var(--surface); color:var(--jn-success); font-size:12px; font-weight:700; box-shadow:0 4px 14px rgba(10, 37, 64, .18); }
.jn-card-body{ padding:0 24px 24px; display:flex; flex-direction:column; gap:16px; }
.jn-avatar{ position:relative; display:block; width:88px; height:88px; margin-top:-44px; padding:0; border:0; background:transparent; }
.jn-avatar-pick{ cursor:pointer; }
.jn-avatar-in{ width:88px; height:88px; border-radius:999px; border:4px solid var(--surface); background:var(--jn-navy); color:var(--surface); display:flex; align-items:center; justify-content:center; overflow:hidden; font:700 32px/1 var(--jn-display); letter-spacing:-0.02em; }
.jn-avatar-in img{ width:100%; height:100%; object-fit:cover; display:block; }
.jn-cam{ position:absolute; right:-2px; bottom:2px; width:30px; height:30px; border-radius:999px; border:3px solid var(--surface); background:var(--jn-blue); color:var(--surface); display:flex; align-items:center; justify-content:center; transition:transform .15s ease; }
.jn-avatar-pick:hover .jn-cam, .jn-avatar-pick:focus-within .jn-cam{ transform:scale(1.08); }
.jn-id{ display:flex; flex-direction:column; gap:6px; }
.jn-name-row{ display:flex; align-items:center; gap:8px; }
.jn-name{ font:700 28px/1.1 var(--jn-display); letter-spacing:-0.025em; color:var(--jn-navy); overflow-wrap:anywhere; }
.jn-verified{ width:22px; height:22px; flex:0 0 22px; border-radius:50%; background:var(--jn-blue); color:var(--surface); display:flex; align-items:center; justify-content:center; }
.jn-loc{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:14px; color:var(--jn-muted); }
.jn-url{ font-size:14px; font-weight:600; color:var(--jn-blue); overflow-wrap:anywhere; }
.jn-sec{ display:flex; flex-direction:column; gap:8px; }
.jn-sec-title{ font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--jn-muted); }
.jn-tags{ display:flex; flex-wrap:wrap; gap:6px; }
.jn-tag{ display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:999px; background:var(--amber-tint); color:var(--jn-blue-dark); font-size:12px; font-weight:700; }
.jn-tag-level{ font-weight:500; color:#33658F; }
.jn-tag-soft{ padding:5px 10px; border-radius:999px; background:#F1F4F8; color:var(--jn-body); font-size:12px; font-weight:600; }
.jn-tabs{ display:flex; gap:22px; border-bottom:1px solid var(--jn-off); font-size:14px; font-weight:600; color:var(--jn-muted); }
.jn-tabs span{ padding-bottom:10px; }
.jn-tabs .is-active{ margin-bottom:-1px; border-bottom:2px solid var(--jn-blue); color:var(--jn-navy); }
.jn-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
.jn-tile{ aspect-ratio:1; border-radius:12px; background:var(--jn-bg); overflow:hidden; }
.jn-tile-add{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1.5px dashed var(--jn-dash); background:var(--surface); color:var(--jn-blue); font-size:12px; font-weight:600; }
.jn-hint{ margin:0; max-width:340px; text-align:center; font-size:14px; line-height:1.55; color:var(--jn-muted); }
.jn-letsgo{ max-width:380px; height:58px; border-radius:14px; font-size:17px; box-shadow:0 12px 28px -10px rgba(12, 110, 186, .6); }
@media (max-width:900px){
  .jn{ padding:28px 20px 40px; }
  .jn-title{ font-size:34px; }
  .jn-card{ transform:none; }
}
@media (max-width:480px){
  .jn-signin{ font-size:13px; text-align:right; }
  .jn .v2-boxes{ gap:6px; }
  .jn .v2-box{ height:56px; font-size:24px; }
}
@media (prefers-reduced-motion:reduce){
  .jn-btn, .jn-strength-fill, .jn-pw-bars span, .jn-cam{ transition:none; }
}
@media (prefers-reduced-motion:reduce){ .ft *, .ft .ft-sos, .ft .ft-top{ transition:none; } }