@font-face { font-family: "Gmarket Sans"; font-style: normal; font-weight: 700; font-display: fallback; src: url(/src/eb6c757998.806f146.woff2) format("woff2"); }
html:root:not([data-theme="dark"]) {
  color-scheme: light;
  --paper: #fbf7f1; --surface: #ffffff; --surface-2: #f3eee6; --line: #e6dfd5; --line-strong: #cbc1b3;
  --ink: #1b1433; --ink-2: #4a4260; --ink-3: #6e6783;
  --accent: #4b2bd6; --accent-hover: #3a1fb3; --accent-ink: #ffffff; --accent-soft: #ece7ff;
  --sel: #e2dbff; --sel-ink: #3a1fb3; --sel-soft: #f4f1ff; --sel-text: #3a1fb3; --focus-line: #4b2bd6; --focus: 0 0 0 3px rgba(75, 43, 214, .28);
  --ok: #1f7a4a; --ok-soft: #e2f4ec; --warn: #9a5b00; --warn-soft: #fdf1da; --err: #b42318; --err-soft: #fdeae8;
  --shadow: 0 1px 2px rgba(27, 20, 51, .06);
  --r-sm: 10px; --r-md: 12px; --r-lg: 12px; --opt-r: 12px; --chip-r: 8px; --card-r: 12px;
  --font-display: "Gmarket Sans", "Pretendard Variable", Pretendard, sans-serif;
  --bg: #fbf7f1; --sf: #ffffff; --sf2: #f3eee6; --sf3: #ebe4da; --ln: #e6dfd5; --ln2: #cbc1b3; --tx: #1b1433; --mu: #4a4260; --mu2: #6e6783;
  --ac: #4b2bd6; --ac-h: #3a1fb3; --ac-t: #ece7ff; --ac-t2: #d9d0ff; --ac-tx: #ffffff; --btn: #4b2bd6; --btn-h: #3a1fb3; --btn-tx: #ffffff;
  --ok-t: #e2f4ec; --warn-t: #fdf1da; --bad: #b42318; --bad-t: #fdeae8;
  --sh: 0 1px 2px rgba(27, 20, 51, .06); --sh2: 0 1px 3px rgba(27, 20, 51, .08); --sh3: 0 2px 8px rgba(27, 20, 51, .12);
  --ring: 0 0 0 3px #d9d0ff; --cb: #e6dfd5; --seg-on: #ffffff; --r: 12px;
  --s1: #4a4260; --s2: #4a4260; --s4: #4a4260; --s5: #4a4260; --s7: #4a4260; --s8: #4a4260;   
  --fav: #9a5b00; --fav-t: #fdf1da; --fav-tx: #9a5b00;
}
html:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #120e1f; --surface: #1a1530; --surface-2: #241d3f; --line: #2e2650; --line-strong: #463c70;
  --ink: #f3f0ff; --ink-2: #cbc4e6; --ink-3: #9a92b8;
  --accent: #9c86ff; --accent-hover: #b8a8ff; --accent-ink: #120e1f; --accent-soft: #2a2150;
  --sel: #3a2f6e; --sel-ink: #e2dbff; --sel-soft: #241d3f; --sel-text: #c4b6ff; --focus-line: #9c86ff; --focus: 0 0 0 3px rgba(156, 134, 255, .35);
  --ok: #3ddc97; --ok-soft: #0f2b22; --warn: #f0b44c; --warn-soft: #2d2410; --err: #ff8a7d; --err-soft: #331816;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4);
  --r-sm: 10px; --r-md: 12px; --r-lg: 12px; --opt-r: 12px; --chip-r: 8px; --card-r: 12px;
  --font-display: "Gmarket Sans", "Pretendard Variable", Pretendard, sans-serif;
  --bg: #120e1f; --sf: #1a1530; --sf2: #241d3f; --sf3: #2e2650; --ln: #2e2650; --ln2: #463c70; --tx: #f3f0ff; --mu: #cbc4e6; --mu2: #9a92b8;
  --ac: #9c86ff; --ac-h: #b8a8ff; --ac-t: #2a2150; --ac-t2: #3a2f6e; --ac-tx: #120e1f; --btn: #9c86ff; --btn-h: #b8a8ff; --btn-tx: #120e1f;
  --ok-t: #0f2b22; --warn-t: #2d2410; --bad: #ff8a7d; --bad-t: #331816;
  --sh: 0 1px 2px rgba(0, 0, 0, .4); --sh2: 0 1px 3px rgba(0, 0, 0, .45); --sh3: 0 2px 8px rgba(0, 0, 0, .5);
  --ring: 0 0 0 3px #3a2f6e; --cb: #2e2650; --seg-on: #2e2650; --r: 12px;
  --s1: #cbc4e6; --s2: #cbc4e6; --s4: #cbc4e6; --s5: #cbc4e6; --s7: #cbc4e6; --s8: #cbc4e6;
  --fav: #f0b44c; --fav-t: #2d2410; --fav-tx: #f0b44c;
}
h1, h2, .rh-title, .arch-t, .ln-h1, .page-head h1, .logo { font-family: var(--font-display); font-weight: 700; letter-spacing: -.01em; }
.logo { font-size: 1.25rem; }
.top { background: var(--accent); border-bottom: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
.top .wrap { height: 60px; }
.top .logo, .top .nav a, .top .theme-toggle, .top .nav-auth-item { color: var(--accent-ink); }
.top .logo .mk-body { fill: var(--accent-ink); }
.top .nav a { border-radius: 12px; }
.top .nav a:hover { background: color-mix(in srgb, var(--accent-ink) 14%, transparent); color: var(--accent-ink); }
.top .nav a[aria-current="page"] { background: color-mix(in srgb, var(--accent-ink) 20%, transparent); color: var(--accent-ink); font-weight: 700; box-shadow: none; }
.top .btn.ghost { color: var(--accent-ink); border-color: color-mix(in srgb, var(--accent-ink) 50%, transparent); }
.top a.btn:not(.ghost) { background: var(--accent-ink); color: var(--accent); border-color: var(--accent-ink); }
.top .icon-btn { color: var(--accent-ink); border-color: color-mix(in srgb, var(--accent-ink) 45%, transparent); background: color-mix(in srgb, var(--accent-ink) 12%, transparent); }
.top .icon-btn svg { color: var(--accent-ink); }
.top .nav-sep { background: color-mix(in srgb, var(--accent-ink) 30%, transparent); }
.btn, .ln-btn { height: 44px; border-radius: 12px; }
.btn.sm { height: 34px; border-radius: 10px; }
.btn.lg { height: 50px; border-radius: 12px; }
input[type=text], input[type=email], input[type=password], input[type=date], input[type=search], select, input:not([type]) { height: 44px; border-radius: 12px; }
.badge, .chip, .cchip, .srcb, .ln-chip, .ln-src b, .ln-me, .bst-l, .nbadge, .pk, .clsbadge { border-radius: 8px; }
.badge { height: 24px; padding: 0 9px; border: 1px solid var(--line); background: var(--surface-2); color: var(--ink-2); }
.badge::before { display: none; }
.srcb[class] { --src-c: var(--ink-2); }
.ln-src b { height: 22px; border: 1px solid var(--line); background: var(--surface-2); color: var(--ink-2) !important; }
.ln-src b::before { display: none; }
.ln-chip { height: 32px; background: var(--surface-2); color: var(--ink); border: 1px solid var(--line); }
.ln-chip:hover { background: var(--surface-2); border-color: var(--line-strong); }
.ln-chip:hover i { background: var(--ac); color: var(--ac-tx); }
a { color: var(--ink); }
:where(p, li, td, dd, dt, small, label, .lead, .sub) a:not([class]) { text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; }   
:where(p, li, td, dd, dt, small, label, .lead, .sub) a:not([class]):hover { text-decoration-color: var(--ink); }
.eyebrow { color: var(--ink-3); }
.hero h1 em { color: inherit; }
.hero .proof svg { color: var(--ink-3); }
.hero .proof .proof-key { background: var(--surface-2); }
.tabs, .page-head .tabs { background: var(--surface-2); border-radius: 12px; padding: 4px; }
.tabs a, .page-head .tabs a { border-radius: 9px; }
.tabs a[aria-current="page"], .page-head .tabs a[aria-current="page"] { background: var(--surface); color: var(--ink); font-weight: 700; box-shadow: none; }
.pager a, .ln-pg button { border-radius: 10px; }
.pagerbar { border-radius: 12px; }
.pagerbar.stuck { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--surface); border-color: var(--line); box-shadow: none; }
.panel { border-radius: 12px; }
.elev { box-shadow: none; border: 1px solid var(--line); }
.rh-count .count { color: var(--ink); }
.ln-side, .ln-det, .ln-list.rows, .ln-card .c-open { box-shadow: none; border-radius: 12px; }
.ln-card .c-open:hover { box-shadow: none; transform: none; border-color: var(--ink); }
.ln-card.on .c-open { box-shadow: none; border-color: var(--ink); border-width: 2px; }
.ln-line { box-shadow: none; }
.ln-sum b { color: var(--tx); }
.ln-list .c-n { font-family: var(--font-display); font-weight: 700; font-size: 1.05rem; letter-spacing: 0; }
@media (min-width: 901px) {
  .arch .ln-main > .ln-side { display: flex; }   
  .v-filters-side .ln-main { grid-template-columns: var(--side) minmax(0, 1fr); }
  .v-detail-stage .ln-main.det-on > .ln-det { border: 2px solid var(--ac); }   
  .v-detail-stage .ln-det-h { height: 60px; border-bottom: 1px solid var(--ln); }
  .v-detail-stage .ln-det-h b { font-family: var(--font-display); font-size: 1.25rem; }
}
.bd-poster { position: relative; isolation: isolate; overflow-x: clip; color: var(--ink); background: var(--paper); border-bottom: 1px solid var(--line); }
.bd-bands { display: none; }
.bd-poster-in { padding-block: clamp(48px, 9vh, 104px) clamp(44px, 8vh, 88px); max-width: var(--wrap); }
.bd-presents { margin: 0; font-size: var(--fs-sm); font-weight: 700; letter-spacing: .14em; color: var(--ink-3); }
.bd-title { margin: 14px 0 0; max-width: 18ch; word-break: keep-all; font-family: var(--font-display); font-weight: 700; font-size: clamp(2.6rem, 1.4rem + 5vw, 5.2rem); line-height: 1.04; letter-spacing: -.01em; color: var(--ink); text-wrap: balance; }
.bd-title em { font-style: normal; color: inherit; text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .1em; text-decoration-color: var(--line-strong); }
.bd-lead { margin: 18px 0 26px; max-width: 46ch; font-size: var(--fs-md); color: var(--ink-2); }
.bd-lead b { font-family: var(--mono); font-weight: 500; color: var(--ink); }
.bd-search { max-width: 640px; }
.bd-search .qs-tabs { justify-content: flex-start; }
.bd-search .qs-tab { color: var(--ink-2); }
.bd-search .qs-tab[aria-selected="true"] { background: var(--sel); color: var(--sel-ink); }
.bd-search .qs-big .qs-box { border-color: var(--ink-3); background: var(--surface); box-shadow: none; }
.bd-search .qs-big input.qs-in { color: var(--ink); }
.bd-search .qs-big .qs-go { background: var(--accent); color: var(--accent-ink); }
.bd-search .qs-try { justify-content: flex-start; }
.bd-search .qs-try li:first-child { color: var(--ink-3); }
.bd-search .qs-try a { background: var(--surface); border-color: var(--line); color: var(--ink); }
.bd-search .qs-try a:hover { border-color: var(--ink); }
.bd-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.bd-btn-pop { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.bd-btn-pop:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.bd-btn-ghost { background: transparent; border: 1.5px solid var(--ink); color: var(--ink); }
.bd-btn-ghost:hover { background: var(--surface-2); }
@media (max-width: 760px) { .bd-title { max-width: none; } }
.bd-sec { padding: clamp(40px, 7vh, 72px) 0; }
.bd-sec + .bd-sec { border-top: 1px solid var(--line); }
.bd-sec-h { margin-bottom: 22px; }
.bd-kicker { margin: 0; font-size: var(--fs-xs); font-weight: 800; letter-spacing: .18em; color: var(--ink-3); }
.bd-sec-h h2 { margin: 4px 0 6px; font-family: var(--font-display); font-weight: 700; font-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.6rem); letter-spacing: 0; }
.bd-sec-h .sub { margin: 0; }
.bd-lineup-sec { background: var(--surface); }
.bd-lineup { margin: 0; text-align: center; line-height: 1.25; text-wrap: balance; }
.bd-lineup a { display: inline-block; margin: 0 4px; color: var(--ink); text-decoration: none; font-family: var(--font-display); letter-spacing: 0; }
.bd-lineup a:hover { text-decoration: underline; text-underline-offset: .12em; }
.bd-lineup a sup { margin-left: 4px; font-family: var(--mono); font-size: .32em; font-weight: 500; color: var(--ink-3); vertical-align: super; }
.bd-lineup .t-xl { font-size: clamp(2.2rem, 1.4rem + 3.2vw, 4rem); color: var(--ink); }
.bd-lineup .t-lg { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.3rem); color: var(--ink-2); }
.bd-lineup .t-md { font-size: clamp(1.1rem, .95rem + .8vw, 1.5rem); color: var(--ink-3); }
.bd-lineup .dot { display: inline-block; margin: 0 6px; color: var(--ink-3); font-size: 1rem; vertical-align: middle; }
.bd-tour { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
.bd-tour a { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 20px; align-items: baseline; gap: 12px; padding: 14px 4px; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.bd-tour a:hover { background: var(--surface-2); }
.bd-tour .no { font-family: var(--mono); font-size: var(--fs-sm); color: var(--ink-3); }
.bd-tour .city { font-family: var(--font-display); font-size: 1.25rem; }
.bd-tour .cnt { font-family: var(--mono); font-size: var(--fs-sm); color: var(--ink-2); }
.bd-tour .go { color: var(--ink-3); }
@media (max-width: 760px) { .bd-tour { grid-template-columns: minmax(0, 1fr); } }
.bd-tix { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 14px; }
.bd-tick { position: relative; display: grid; gap: 4px; padding: 18px 20px 18px 22px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.bd-tick:hover { border-color: var(--ink); }
.bd-tick-k { font-size: 11px; font-weight: 800; letter-spacing: .16em; color: var(--ink-3); }
.bd-tick b { font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; white-space: nowrap; }
.bd-tick-c { font-size: var(--fs-xs); color: var(--ink-3); }
.bd-tick-p { margin-top: 8px; font-family: var(--mono); font-size: 1.1rem; }
.bd-tick.is-head { border: 2px solid var(--ac); }
.bd-tick-live { margin-top: 14px; grid-template-columns: auto auto 1fr auto; align-items: baseline; column-gap: 16px; }
.bd-tick-live .bd-tick-p { margin-top: 0; }
@media (max-width: 760px) { .bd-tick-live { grid-template-columns: 1fr; } }
@media (max-width: 1100px) { .bd-tix { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .bd-tix { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .bd-tix { grid-template-columns: 1fr; } }
.og.hero { --ink: #ffffff; --ink-2: #e9e3ff; --ink-3: #d3cbff; color: #ffffff; background: #4b2bd6; }
.og.hero h1 { font-family: var(--font-display); font-weight: 700; letter-spacing: 0; line-height: 1.08; }
.og.hero h1 em { color: inherit; }
.og.hero .dom { position: relative; z-index: 1; padding: 4px 12px; border-radius: 8px; background: #fbf7f1; color: #1b1433; }
.og.hero .brand { font-family: var(--font-display); font-weight: 700; }
.og .bar { background: #fbf7f1; }
.app-cp-band { margin-bottom: clamp(24px, 3vw, 36px); }
.uc-tile .uc-t { font-family: var(--font-display); font-weight: 700; letter-spacing: 0; font-size: 1.6rem; }
.uc-tile.uc-c0, .uc-tile.uc-c1, .uc-tile.uc-c2, .uc-tile.uc-c3, .uc-tile.uc-c4, .uc-tile.uc-c5 { background: var(--surface); color: var(--ink); border: 1px solid var(--line); }   
.xs-paper { position: relative; overflow: visible; margin-top: 14px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); box-shadow: none; transform: none; }
.xs-paper .hx-grid { border-radius: 0 0 4px 4px; }
.xs-tape { position: absolute; top: -14px; left: 50%; width: 120px; height: 28px; margin-left: -60px; background: var(--surface-2); border: 1px solid var(--line); transform: rotate(2deg); z-index: 2; }
.xs-stamp { position: absolute; right: 18px; top: 12px; z-index: 2; display: grid; place-items: center; width: 62px; height: 62px; border: 3px solid var(--ink-3); border-radius: 50%; color: var(--ink-2); font-family: var(--font-display); font-size: 1.1rem; transform: rotate(12deg); opacity: .9; }
.xs-ptitle { display: grid; gap: 2px; padding: 22px 96px 14px 18px; }
.xs-ptitle b { font-family: var(--font-display); font-weight: 700; font-size: 1.05rem; letter-spacing: -.01em; color: var(--ink); overflow-wrap: anywhere; }
.xs-ptitle span { font-family: var(--mono); font-size: var(--fs-xs); color: var(--ink-3); }
.xs-paper .hx-grid th, .xs-paper .hx-grid td { border-color: var(--line); }
.xs-paper .hx-grid thead th, .xs-paper .hx-grid tbody th { background: var(--surface-2); }
.xs-paper .hx-grid tr.hd td { background: var(--surface-2); color: var(--ink); font-weight: 700; }
.xs-paper figcaption { border-top: 1px dashed var(--line); }
.od-head h1 { font-family: var(--font-display); font-weight: 700; color: var(--ink); letter-spacing: 0; }
.od-no { justify-self: start; padding: 3px 12px; border-radius: 8px; background: var(--surface-2); color: var(--ink-2); }
.od-receipt { border-top-style: dashed; }
.od-auth div { background: var(--surface-2); border-radius: 12px; }
.od-auth dt { color: var(--ink-2); font-weight: 600; }
.bdg { gap: 0; }
.bdg-hero { padding: 8px 0 36px; border-bottom: 2px solid var(--line-strong); }
.bdg-hero h1 { margin: 10px 0 0; font-family: var(--font-display); font-weight: 700; font-size: clamp(2.2rem, 1.4rem + 3vw, 3.6rem); line-height: 1.08; letter-spacing: 0; }
.bdg-hero h1 em { font-style: normal; color: inherit; }
.bdg-lead { margin: 14px 0 0; max-width: 60ch; color: var(--ink-2); }
.bdg-toc { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; counter-reset: tr; }
.bdg-toc li { counter-increment: tr; }
.bdg-toc a { color: var(--ink); text-decoration: none; font-weight: 700; }
.bdg-toc a::before { content: counter(tr, decimal-leading-zero) " "; font-family: var(--mono); color: var(--ink-3); }
.bdg-track { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 24px; padding: 34px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 80px; }
.bdg-no { display: grid; align-content: start; gap: 2px; }
.bdg-no span { font-size: 11px; font-weight: 800; letter-spacing: .18em; color: var(--ink-3); }
.bdg-no b { font-family: var(--font-display); font-weight: 700; font-size: 3.4rem; line-height: 1; color: var(--ink); }
.bdg-body { display: grid; gap: 14px; }
.bdg-body h2 { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: 1.6rem; letter-spacing: 0; }
.bdg-sub { margin: -6px 0 0; color: var(--ink-2); }
.bdg-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; color: var(--ink-2); line-height: 1.55; }
.bdg-list li { padding-left: 14px; position: relative; }
.bdg-list li::before { content: ''; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; background: var(--ink-3); transform: rotate(45deg); }
.bdg-list b { color: var(--ink); }
.bdg-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; align-items: start; }
.bdg-note { display: grid; gap: 8px; padding: 18px; border: 2px dashed var(--line-strong); border-radius: 12px; color: var(--ink-2); line-height: 1.55; }
.bdg-note p { margin: 0; }
.bdg-note .btn { justify-self: start; }
.bdg .gpin, .bdg .gnum { background: var(--sel); color: var(--sel-ink); border-radius: 8px; box-shadow: none; }
.bdg .gshot { border-radius: 12px; border: 1px solid var(--line-strong); box-shadow: none; }
@media (max-width: 760px) { .bdg-track { grid-template-columns: 1fr; gap: 10px; } .bdg-no { grid-auto-flow: column; justify-content: start; align-items: baseline; gap: 10px; } .bdg-no b { font-size: 2.2rem; } .bdg-cols { grid-template-columns: 1fr; } }
.bd404 { text-align: left; }
.bd404-no { margin: 0; font-family: var(--font-display); font-size: clamp(5rem, 4rem + 8vw, 9rem); line-height: .9; color: var(--ink); letter-spacing: -.02em; }
.bd404 h1 { margin: 0; font-family: var(--font-display); font-weight: 700; letter-spacing: 0; }
.bd404-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.ln-list .c-new, .c-new { background: var(--sel); color: var(--sel-ink); }   
.fg select.on { border-color: var(--ac); background-color: var(--ac-t); color: var(--sel-text); }
.fg-more, .fg-kt, .ln-side-clr { color: var(--tx); }
.fg-kt { border-color: var(--tx); }
.ln-side-clr:hover { background: var(--sf2); }
.ln-view button[aria-pressed="true"] { background: var(--sf3); color: var(--tx); }
.ln-sortb .si svg { color: var(--mu); }
.ln-pg button[aria-current="page"] { background: var(--sel); border-color: var(--ac); color: var(--sel-ink); }
.ln-pg button:hover:not(:disabled):not([aria-current]) { border-color: var(--tx); color: var(--tx); }
.ln-btn:hover { border-color: var(--tx); color: var(--tx); background: var(--sf2); }
.ln-list.rows .ln-card.on .c-open { background: var(--ac-t); box-shadow: inset 3px 0 0 var(--ac); }
.ln-card.on .c-open { border-color: var(--ac); }
.arch-bagn { background: var(--sel); color: var(--sel-ink); }
.arch-bagp .bag-add { color: var(--tx); border-color: var(--tx); }
.ln a { color: var(--tx); }
.ln a.btn:not(.ghost):not(.secondary) { color: var(--accent-ink); }
.arch .seg { display: flex; gap: 0; padding: 3px; background: var(--sf2); border: 0; border-radius: min(var(--opt-r), 12px); }
.arch .seg label { height: 28px; padding: 0 8px; border: 0; border-radius: min(calc(var(--opt-r) - 2px), 10px); font-size: 13px; font-weight: 500; color: var(--mu); background: none; box-shadow: none; }
.arch .seg label:has(input:checked) { background: var(--seg-on); color: var(--tx); font-weight: 700; box-shadow: none; }
.arch .seg label:has(input:focus-visible) { outline: 2px solid var(--focus-line); outline-offset: -1px; box-shadow: none; }
.bsrs { display: grid; gap: 4px; }
.bsr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "ck t n" "ck bar bar"; align-items: center; gap: 2px 8px; padding: 6px 8px; border: 1px solid var(--ln); border-radius: min(var(--opt-r), 10px); cursor: pointer; }
.bsr input { grid-area: ck; width: 16px; height: 16px; margin: 0; accent-color: var(--tx); }
.bsr .sr-ic { display: none; }
.bsr .bsr-t { grid-area: t; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; min-width: 0; font-size: 13px; line-height: 1.3; }
.bsr .bsr-t b { color: var(--tx); }
.bsr .bsr-t small { color: var(--mu2); font-size: 11.5px; }
.bsr .bsr-n { grid-area: n; color: var(--mu); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.bsr .bsr-bar { grid-area: bar; display: block; height: 3px; background: var(--sf3); border-radius: 2px; overflow: hidden; }
.bsr .bsr-bar i { display: block; height: 100%; background: var(--mu2); }
.bsr:has(input:checked) { border-color: var(--ac); background: var(--ac-t); }
@media (min-width: 901px) {
  .v-filters-top .ln-side-b > .fg-src { flex: 1 1 320px; max-width: 460px; }
  .v-filters-top .bsrs { grid-template-columns: 1fr 1fr; }
}
.ln .top a.btn:not(.ghost) { color: var(--accent); }   
.src .ic { background: var(--surface-2); color: var(--ink-2); }
.src .go, .plan li svg, .app-cp-t em, .hx-facts b, .uc-q svg, .uc-no, .pick-save, .shk-note.save, .shk-ol em, .summary .total strong, .tk-head h1 em, .step b, .steps .step::before { color: var(--ink); }
.plan .tag, .pick-ribbon, .shk-no, .grade { background: var(--sel); color: var(--sel-ink); }
.v-checkout-sheet .choice label.shk-row:has(input:checked) { border-color: var(--ac); }
.shk-opt.on, .shk-opt.on .shk-radio { border-color: var(--ac); }
.shk-opt.on .shk-radio { background: var(--sel); }
.v-checkout-ticket .choice label:has(input:checked) { border-color: var(--ac); background: var(--sel-soft); box-shadow: inset 0 0 0 1px var(--ac); }
.v-checkout-ticket .paym label:has(input:checked) { border-color: var(--ac); box-shadow: inset 0 0 0 1px var(--ac); background: var(--sel-soft); }
.v-checkout-ticket .seg label:has(input:checked) { border-color: var(--ac); background: var(--sel); color: var(--sel-ink); }
.v-checkout-ticket .summary .total strong, .v-checkout-ticket .summary dd { color: var(--ink); border-color: var(--line); }
.fg-pk { color: var(--mu); }   
@media (min-width: 901px) { .v-filters-top .bsr .bsr-t small { display: none; } .v-filters-top .ln-side-b > .fg-src { max-width: 420px; } }   
html .arch .seg label:has(input:checked) { background: var(--seg-on); border-color: transparent; color: var(--tx); }
.app-cp { background: var(--surface); border-color: var(--line); }
.app-cp-ic { background: var(--sel-soft); color: var(--sel-text); }
.uc-tile .uc-t { color: var(--ink); }
.uc-tile .uc-d { color: var(--ink-2); }
.uc-tile .uc-q { background: var(--surface-2); color: var(--ink-2); }
.uc-tile:hover { border-color: var(--accent); }
.v-checkout-ticket .choice label:nth-child(2) { --gi: var(--accent); }   
.v-checkout-steps .choice label:has(input:checked) { border-color: var(--ac); background: var(--sel-soft); }
.v-checkout-steps .choice label.pick-all { border-color: var(--ac); }
.v-checkout-steps .choice label:has(input:checked)::before, .v-checkout-steps .pick-ribbon, .tk-steps b { background: var(--sel); color: var(--sel-ink); }
.v-checkout-steps .seg label:has(input:checked) { background: var(--sel); color: var(--sel-ink); }
.v-checkout-steps .paym label:has(input:checked) { border-color: var(--ac); box-shadow: inset 0 0 0 1px var(--ac); background: var(--sel-soft); }
.tabs2 a[aria-current="page"] { background: var(--sel); border-color: var(--ac); color: var(--sel-ink); }
.span-pick.on > summary { background: var(--sel); border-color: var(--ac); color: var(--sel-ink); }
:root[data-theme="dark"] .tb-head { background: color-mix(in srgb, var(--accent) 38%, #000); }   
:root[data-theme="dark"] .v-checkout-ticket .admit-top { background: color-mix(in srgb, var(--accent) 42%, #000); }
.choice label:has(input:checked), .paym label:has(input:checked) { border-color: var(--ac); box-shadow: inset 0 0 0 1px var(--ac); }
.refund-ok:has(input:checked) { border-color: var(--ac); }
.refund-ok:has(input:checked) .box { background: var(--ac); border-color: var(--ac); }
.check input, .pp-inputs input[type=range] { accent-color: var(--ac); }
.switch input:checked + .sw-track { background: var(--ac); }
.dep-code { border-color: var(--ac); }
.pager a[aria-current="page"], .ln-pg button[aria-current="page"] { border-color: var(--ac); }
html .arch .seg label:has(input:checked) { background: var(--seg-on); color: var(--tx); box-shadow: inset 0 0 0 1px var(--ln2); }
html .arch .seg:not(.def) label:has(input:checked) { background: var(--sel); color: var(--sel-ink); box-shadow: inset 0 0 0 1px var(--ac); }
:root[data-theme="dark"] .xf-file { color: #062a1c; }   
.bdg .gpin, .bdg .gnum { box-shadow: 0 0 0 2px var(--surface); }
html .arch .seg label:has(input:checked) { box-shadow: inset 0 0 0 1px var(--mu2); }
.qs-tab[aria-selected="true"], .v-checkout-steps .seg label:has(input:checked), .v-checkout-ticket .seg label:has(input:checked), .tabs a[aria-current="page"], .page-head .tabs a[aria-current="page"] { box-shadow: inset 0 0 0 1px var(--ac); }
.ln-view button[aria-pressed="true"], .kp-l1 button[aria-selected="true"], .my-nav a[aria-current="page"] { background: var(--sel); color: var(--sel-ink); box-shadow: inset 0 0 0 1px var(--ac); }
.choice label.pick-all:not(:has(input:checked)) { border-color: var(--line-strong); background: var(--surface); box-shadow: none; }
.bsr:has(input:checked) small { color: var(--mu); }
.bsr input, .ch input, .gp-ck input { accent-color: var(--ac); }
.bsr input:focus-visible, .ln-sortm [role="option"]:focus-visible { outline: 2px solid var(--focus-line); outline-offset: 1px; }
::placeholder { color: var(--ink-3); opacity: 1; }
h1, h2, h3, .grade, .ln-h1 { word-break: keep-all; overflow-wrap: break-word; }
.xf-sum { word-break: keep-all; }
:root:not([data-theme="dark"]) { --field-ln: #868097; --switch-off: #868097; }
:root[data-theme="dark"] { --field-ln: #7468a0; --switch-off: #7468a0; }
html :is(input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=search], input:not([type]), select, textarea):not(:focus):not(:focus-visible) { border-color: var(--field-ln); }
html .xf-sw:not(:checked), html .switch input:not(:checked) + .sw-track { background-color: var(--switch-off); }
@media (max-width: 1080px) {
  .top .nav a, .top .nav .nav-auth-item, .top .nav .theme-toggle, .top .nav button.link { color: var(--ink); }
  .top .nav a:hover { background: var(--surface-2); color: var(--ink); }
  .top .nav a[aria-current="page"] { background: var(--sel); color: var(--sel-ink); box-shadow: inset 0 -2px 0 var(--ac); }
}
@media (min-width: 1081px) {
  .top button.link, .top .nav-auth-item { color: var(--accent-ink); }
  .top .btn.ghost:hover { background: color-mix(in srgb, var(--accent-ink) 14%, transparent); color: var(--accent-ink); }
}
.top :focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; box-shadow: none; }
html:root:not([data-theme="dark"]) .tb-head { background: var(--paper); color: var(--ink); border: 1px solid var(--line); }
html:root:not([data-theme="dark"]) .tb-head h1 { color: var(--ink); }
html:root:not([data-theme="dark"]) .tb-head .muted { color: var(--ink-2); }
html:root:not([data-theme="dark"]) .tb-kicker { color: var(--accent); }
html:root:not([data-theme="dark"]) .v-checkout-ticket .admit-top { background: var(--surface-2); color: var(--ink); }
.v-checkout-ticket .choice label:nth-child(1) { --g: var(--sel); --gi: var(--sel-ink); }
.v-checkout-form .seg label:has(input:checked) { background: var(--sel); color: var(--sel-ink); box-shadow: inset 0 0 0 1px var(--ac); }
@media (max-width: 1080px) { .top .nav :focus-visible { outline: 2px solid var(--focus-line); outline-offset: -2px; } }
@media (max-width: 359px) { .arch-tools #ln-sortl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .arch-tools .ln-sortb { padding-inline: 10px; } }
html .top button.link:hover { background: color-mix(in srgb, var(--accent-ink) 14%, transparent); color: var(--accent-ink); }
@media (max-width: 1080px) { html .top .nav button.link:hover { background: var(--surface-2); color: var(--ink); } }
html:root:not([data-theme="dark"]) {
  --bd-poster: #4b2bd6; --bd-pink: #ffffff; --bd-pink2: #e9e4ff; --bd-pline: rgba(255, 255, 255, .2);
  --bd-qbox: #ffffff; --bd-qline: #ffffff;
  --bd-tray: #f3eee6; --bd-card: #ffffff; --bd-well: #f3eee6;
}
html:root[data-theme="dark"] {
  --bd-poster: #2a2150; --bd-pink: #f3f0ff; --bd-pink2: #d6cff0; --bd-pline: #463c70;
  --bd-qbox: #120e1f; --bd-qline: #6a5ca8;
  --bd-tray: #1a1530; --bd-card: #241d3f; --bd-well: #1a1530;
}
.badge, .chip, .cchip, .srcb, .ln-chip, .ln-src b, .ln-me, .bst-l, .nbadge, .pk, .clsbadge, .c-g, .c-st, .c-new, .ch, .sdef { border-radius: 999px; }
.c-g { padding: 3px 8px; }
.arch .arch-top {
  max-width: none; margin: 0; padding: 20px max(24px, calc((100% - 1560px) / 2 + 24px)) 22px;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "t n" "s s"; align-items: end; gap: 4px 28px;
  background: var(--bd-poster); color: var(--bd-pink); border-top: 1px solid var(--bd-pline);
}
.arch .arch-top .arch-h1 { grid-area: t; margin: 0; font-family: var(--font-display); font-weight: 700; font-size: clamp(24px, 1rem + 1.5vw, 36px); line-height: 1.15; letter-spacing: -.01em; color: var(--bd-pink); }
.arch .arch-top .arch-sum { grid-area: n; margin: 0; justify-self: end; text-align: right; color: var(--bd-pink2); font-size: 15px; line-height: 1.15; white-space: nowrap; }
.arch .arch-top .arch-sum b { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: clamp(22px, .9rem + 1.3vw, 32px); color: var(--bd-pink); font-variant-numeric: tabular-nums; letter-spacing: 0; }
.arch .arch-top .arch-sum .ln-what { font-family: var(--font-display); font-weight: 700; font-size: clamp(22px, .9rem + 1.2vw, 32px); color: var(--bd-pink); margin-right: 6px; }
.arch .arch-top:has(.arch-h1[hidden]) .arch-sum { grid-area: t; justify-self: start; text-align: left; }   
.arch .arch-top .arch-search { grid-area: s; margin: 14px 0 0; }
.arch .arch-top .arch-q { max-width: 760px; height: 54px; padding: 0 6px 0 18px; background: var(--bd-qbox); border: 1.5px solid var(--bd-qline); border-radius: 16px; }
.arch .arch-top .arch-q:focus-within { border-color: var(--bd-qline); box-shadow: 0 0 0 3px var(--bd-pink2); }
.arch .arch-top .arch-q > svg { color: var(--ink-3); }
.arch .arch-top .arch-q input { font-size: 16.5px; color: var(--ink); }
.arch .arch-top .arch-q > button { height: 44px; padding: 0 24px; border-radius: 12px; background: var(--accent); color: var(--accent-ink); font-size: 15.5px; }
.arch .arch-top .arch-q > button:hover { background: var(--accent-hover); }
.arch .arch-top .ln-ex { margin: 12px 0 0; justify-content: flex-start; color: var(--bd-pink2); }
.arch .arch-top .ln-ex a { background: transparent; border-color: var(--bd-pink2); color: var(--bd-pink); }
.arch .arch-top .ln-ex a:hover { background: color-mix(in srgb, var(--bd-pink) 14%, transparent); color: var(--bd-pink); border-color: var(--bd-pink); }
.arch .ln-main { padding-top: 16px; }
.arch .ln-side { background: var(--bd-tray); border: 0; box-shadow: none; }
.arch .ln-side-b { padding: 10px 10px 2px; }
.arch .ln-side-b > .fg { margin: 0 0 6px; padding: 11px 12px 12px; background: var(--bd-card); border: 1px solid var(--line); border-radius: 16px; }
.arch .ln-side .fg legend { margin-bottom: 8px; font-family: var(--font-display); font-weight: 700; font-size: 15px; letter-spacing: 0; color: var(--ink); }
.arch .ln-side .fg legend .fg-pk { margin-left: 4px; font-family: var(--font, inherit); font-size: 12px; font-weight: 500; color: var(--mu); }
.arch .ln-side button.fg-pick { height: 44px; border-radius: 14px; background-color: var(--bd-well); border-color: transparent; font-weight: 700; }
.arch .ln-side button.fg-pick:hover { border-color: var(--line-strong); }
.arch .ln-side button.fg-pick.on { background-color: var(--ac-t); border-color: var(--ac); color: var(--sel-text); }
.arch .ln-side .chs { gap: 6px; }
.arch .ln-side .ch { height: 32px; padding: 0 12px; border: 1px solid var(--line-strong); background: var(--bd-card); color: var(--ink-2); font-size: 13px; }
.arch .ln-side .ch:hover { border-color: var(--ink-3); }
.arch .ln-side .ch:has(input:checked) { background: var(--sel); border-color: var(--ac); color: var(--sel-ink); }
.arch .ln-side .ch .n { color: var(--mu2); }
.arch .ln-side .ch:has(input:checked) .n { color: inherit; }
html .arch .ln-side .seg { padding: 4px; background: var(--bd-well); border-radius: 999px; }
html .arch .ln-side .seg label { height: 30px; border-radius: 999px; font-size: 13px; }
.arch .ln-side .bsrs { gap: 6px; }
.arch .ln-side .bsr { padding: 8px 10px; background: var(--bd-well); border-color: transparent; border-radius: 12px; }
.arch .ln-side .bsr:hover { border-color: var(--line-strong); }
.arch .ln-side .bsr:has(input:checked) { background: var(--ac-t); border-color: var(--ac); }
.arch .ln-side .bsr .bsr-bar { background: var(--line); }
.arch .ln-side .bsr .bsr-bar i { background: var(--ink-3); }
@media (min-width: 901px) {
  .arch .ln-main > .ln-side { border-radius: 22px; max-height: calc(100vh - var(--top) - 186px); }   
  .arch .ln-side > .arch-dlg { padding: 6px 10px 10px; border-top: 0; }
  .arch .ln-side > .arch-dlg .ln-btn { height: 48px; border-radius: 14px; }
  .arch .ln-side > .arch-dlg .ln-btn:not(.pri) { background: var(--bd-card); border-color: var(--line-strong); }
  .arch .ln-side-f { padding: 6px 10px 4px; border-top: 0; }
  .arch .ln-side-f #ln-reset { height: 36px; border-radius: 999px; background: var(--bd-card); }
}
@media (max-width: 900px) {
  .arch .ln-side-b { padding: 4px 12px 2px; }
  .arch .ln-side-f { background: var(--bd-tray); }
  .arch .ln-side-h { background: var(--bd-tray); }
}
.arch .arch-tools .ln-tourb, .arch button.ln-sortb, .arch .ln-view, .arch .arch-tools .ln-btn, .arch button.ln-myb, .arch .ln-chip { border-radius: 999px; }
.arch .ln-view button { border-radius: 999px; }
.arch .arch-tools .ln-tourb, .arch button.ln-sortb, .arch .ln-view { background: var(--bd-card); border-color: var(--line-strong); }
.arch .ln-chip { height: 34px; padding: 0 8px 0 14px; background: var(--bd-card); border: 1px solid var(--line-strong); color: var(--ink); }
.arch .ln-pg button { border-radius: 999px; background: var(--bd-card); border-color: var(--line-strong); }
@media (min-width: 901px) { .arch .ln-pg { gap: 6px; } .arch .ln-pg button { min-width: 40px; height: 40px; } }
.arch .ln-pg button[aria-current="page"] { background: var(--sel); border-color: var(--ac); color: var(--sel-ink); font-weight: 700; }
.arch .ln-list.rows { background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.arch .ln-list.rows .ln-rowhead { padding: 0 20px 8px; background: none; border: 0; color: var(--mu); font-size: 12.5px; font-weight: 700; }
.arch .ln-list.rows .ln-card .c-open, .arch .ln-list.rows .ln-rowhead + .ln-card .c-open { padding: 15px 20px; background: var(--bd-card); border: 1px solid var(--line); border-radius: 16px; }
.arch .ln-list.rows .ln-card + .ln-card, .arch .ln-list.rows .arch-exp + .ln-card { margin-top: 8px; }
.arch .ln-list.rows .ln-card .c-open:hover { background: var(--bd-card); border-color: var(--ink-3); }
.arch .ln-list.rows .ln-card.on .c-open { padding: 14px 19px; background: var(--sel-soft); border: 2px solid var(--ac); box-shadow: none; }
.arch .ln-list .c-n { font-family: var(--font-display); font-weight: 700; font-size: 16px; letter-spacing: 0; color: var(--ink); }
@media (min-width: 901px) { .arch .ln-list.rows .c-n { font-size: 15px; letter-spacing: -.02em; } }
@media (min-width: 901px) and (max-width: 1299px) { .arch .ln-list.rows .ln-card .c-open, .arch .ln-list.rows .ln-rowhead + .ln-card .c-open { padding-inline: 16px; } .arch .ln-list.rows .ln-card.on .c-open { padding-inline: 15px; } .arch .ln-list.rows .ln-rowhead { padding-inline: 16px; } }
.arch .ln-list.rows .c-c > span { font-weight: 600; }
.arch .ln-list:not(.rows) .ln-card .c-open { background: var(--bd-card); border-radius: 18px; padding: 16px 18px 14px; }
.arch .ln-list:not(.rows) .ln-card.on .c-open { border: 2px solid var(--ac); background: var(--sel-soft); box-shadow: none; }
@media (min-width: 901px) {
  .v-detail-inline .ln-list.rows .ln-card.on:has(+ .arch-exp) .c-open { border-radius: 16px 16px 0 0; border-bottom-width: 1px; border-bottom-color: var(--line); }
  .v-detail-inline .ln-list.rows .arch-exp > .ln-det.arch-in { border: 2px solid var(--ac); border-top: 0; border-radius: 0 0 16px 16px; box-shadow: none; }
  .v-detail-inline .ln-list:not(.rows) .arch-exp > .ln-det.arch-in { border: 2px solid var(--ac); border-radius: 18px; box-shadow: none; }
  .arch .ln-det.arch-in .ln-det-h { height: 52px; background: var(--bd-card); border-bottom: 1px solid var(--line); }
}
.arch .ln-det-h b { font-family: var(--font-display); font-weight: 700; font-size: 16px; }
.arch .ln-det-b .d-src h3, .arch .ln-det-b .d-note h3 { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: var(--ink); }
.arch .ln-det-b .d-tel, .arch .ln-det-b .d-why { border-radius: 14px; }
.arch .ln-det-b .d-lock, .arch .ln-det-b .d-note, .arch .ln-det-b .d-src article { border-radius: 16px; }
@media (max-width: 900px) {
  .arch .arch-top { grid-template-columns: minmax(0, 1fr); grid-template-areas: "t" "n" "s"; gap: 2px; padding: 18px max(16px, calc((100% - 1560px) / 2 + 16px)) 18px; }
  .arch .arch-top .arch-sum { justify-self: start; text-align: left; }
  .arch .arch-top:has(.arch-h1[hidden]) .arch-sum { grid-area: n; }
  .arch .arch-top .arch-search { margin-top: 12px; }
  .arch .arch-top .arch-q { height: 52px; padding-left: 14px; border-radius: 14px; }
  .arch .arch-top .arch-q > button { height: 40px; padding: 0 16px; }
  .arch .ln-main { padding-top: 14px; }
  .arch .ln-list.rows .ln-card .c-open, .arch .ln-list.rows .ln-rowhead + .ln-card .c-open { padding: 14px 16px; border-inline: 0; border-radius: 0; }   
  .arch .ln-list.rows .ln-card.on .c-open { padding: 13px 16px; border-inline: 0; }
  .arch .ln-list .c-n { font-size: 16px; }
  .arch .arch-top .arch-sum b { font-size: 22px; }
  .arch .arch-top .arch-sum { margin-top: 2px; }
}
@media (min-width: 901px) { .arch .ln-main > .ln-side > .ln-side-b { overscroll-behavior: auto; } }
.arch .ln-side #f-c { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.arch .ln-side #f-c > .ch { width: auto; min-width: 0; margin: 0; justify-content: flex-start; white-space: nowrap; overflow: hidden; }
:root { --si-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath fill-rule='evenodd' d='M12 2a7.5 7.5 0 0 0-7.5 7.5C4.5 15.3 12 22 12 22s7.5-6.7 7.5-12.5A7.5 7.5 0 0 0 12 2zm0 10.3a2.8 2.8 0 1 1 0-5.6 2.8 2.8 0 0 1 0 5.6z'/%3E%3C/svg%3E"); --si-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2.5 2 8.5V10.5h20V8.5z'/%3E%3Cpath d='M4 12h2.6v6.5H4zM8.5 12h2.6v6.5H8.5zM12.9 12h2.6v6.5h-2.6zM17.4 12H20v6.5h-2.6zM2 19.6h20v2.2H2z'/%3E%3C/svg%3E"); --si-8: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M2 3h3.5l.7 3.2H22l-2.4 9a1.6 1.6 0 0 1-1.6 1.2H8.5a1.6 1.6 0 0 1-1.6-1.3L4.7 5H2z'/%3E%3Ccircle cx='9' cy='20.3' r='1.8'/%3E%3Ccircle cx='17.5' cy='20.3' r='1.8'/%3E%3C/svg%3E"); --si-4: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath fill-rule='evenodd' d='M3 2h12v20H3zm3 4v2h2V6zm4 0v2h2V6zm-4 4v2h2v-2zm4 0v2h2v-2zm-4 4v2h2v-2zm4 0v2h2v-2z'/%3E%3Cpath d='M16 8h5v14h-5z'/%3E%3C/svg%3E"); --si-5: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath fill-rule='evenodd' d='M6 2h8.5L20 7.5V22H6zm8 1.5V8h4.5zM9.2 14.6l1.2-1.2 1.9 1.9 3.8-3.8 1.2 1.2-5 5z'/%3E%3C/svg%3E"); }
.srci-place, .bsr.s-1 { --si: var(--si-1); }
.srci-local, .bsr.s-2 { --si: var(--si-2); }
.srci-openmarket, .bsr.s-8 { --si: var(--si-8); }
.srci-enterprise, .bsr.s-4 { --si: var(--si-4); }
.srci-procure, .bsr.s-5 { --si: var(--si-5); }
.srci { display: inline-flex; flex: none; align-items: center; justify-content: center; vertical-align: middle; margin-right: 7px; width:22px;height:22px;border-radius:7px; background: color-mix(in srgb, var(--ac) 16%, transparent); }
.srci::before { content: ''; width: 13px; height: 13px; background: var(--ac); -webkit-mask: var(--si) center / contain no-repeat; mask: var(--si) center / contain no-repeat; }
.bsr .bsr-t b::before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 5px; vertical-align: -2px; background: var(--ac); -webkit-mask: var(--si) center / contain no-repeat; mask: var(--si) center / contain no-repeat; }
.sxq { position: relative; display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 6px 0 18px; border: 1.5px solid var(--ink-3); border-radius: 16px; background: var(--bd-qbox); box-sizing: border-box; }
.sxq:focus-within { box-shadow: 0 0 0 3px var(--bd-pink2); }
.sxq-ic { display: flex; flex: none; color: var(--ink-3); }
.sxq-ic svg { width: 19px; height: 19px; }
.sxq input { flex: 1 1 auto; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: none; color: var(--ink); font: inherit; font-size: 16.5px; }
html body .sxq input:is(:focus, :focus-visible) { outline: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; }
.sxq input::-webkit-search-cancel-button { display: none; }
.sxq > button { flex: none; height: 44px; margin: 0; padding: 0 24px; border: 0; border-radius: 12px; background: var(--accent); color: var(--accent-ink); font: inherit; font-size: 15.5px; font-weight: 700; cursor: pointer; }
.sxq > button:hover { background: var(--accent-hover); }
.bd-search .sxq-try { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 12px 0 0; padding: 0; list-style: none; }
.bd-search .sxq-try li:first-child { color: var(--ink-3); font-size: 13px; }
@media (max-width: 560px) { .sxq { height: 52px; padding-left: 14px; border-radius: 14px; } .sxq input { font-size: 1rem; } .sxq > button { height: 40px; padding: 0 16px; } }
.sxq .sxq-sug { position: absolute; left: -1.5px; right: -1.5px; top: calc(100% + 8px); margin: 0; padding: 6px; list-style: none; background: var(--sf); border: 1px solid var(--ln); border-radius: 14px; box-shadow: var(--sh2); z-index: 40; text-align: left; }
.sxq .sxq-sug li { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 9px; cursor: pointer; font-size: 15px; }
.sxq .sxq-sug li[aria-selected="true"], .sxq .sxq-sug li:hover { background: var(--ac-t); }
.sxq .sxq-sug .t { flex: none; font-size: 11.5px; color: var(--ac); font-weight: 700; padding: 2px 7px; border-radius: 6px; background: var(--ac-t); min-width: 36px; text-align: center; }
.sxq .sxq-sug li[aria-selected="true"] .t, .sxq .sxq-sug li:hover .t { background: var(--ac-t2); }
.sxq .sxq-sug .s { margin-left: auto; color: var(--mu2); font-size: 13px; }
.sxq .sxq-sug .t.k-r { color: #2563eb; background: color-mix(in srgb, #2563eb 12%, var(--sf)); }   
.sxq .sxq-sug .t.k-c { color: #0f8a4d; background: color-mix(in srgb, #0f8a4d 12%, var(--sf)); }
.sxq .sxq-sug .t.k-n { color: #7c3aed; background: color-mix(in srgb, #7c3aed 12%, var(--sf)); }
:root[data-theme="dark"] .sxq .sxq-sug .t.k-r { color: #7aa7ff; } :root[data-theme="dark"] .sxq .sxq-sug .t.k-c { color: #5fd39a; } :root[data-theme="dark"] .sxq .sxq-sug .t.k-n { color: #b79bff; }
.arch .ln-sug, .arch .ln-sug li { color: var(--ink); }
.arch .ln-sug .s { color: var(--ink-3); }
.arch #ln-chips .ln-chips-n { display: inline-flex; align-items: baseline; gap: 4px; height: 30px; padding: 0 14px; margin-right: 4px; border-radius: 999px; background: var(--accent); color: var(--accent-ink); font-size: 13px; align-items: center; white-space: nowrap; }
.arch #ln-chips .ln-chips-n b { font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; }
html body.arch .ln-side .ln-side-f #ln-reset { color: color-mix(in srgb, var(--ac) 60%, var(--tx)); border-color: color-mix(in srgb, var(--ac) 45%, transparent); background: color-mix(in srgb, var(--ac) 6%, transparent); font-weight: 600; }
html body.arch .ln-side .ln-side-f #ln-reset:hover { color: color-mix(in srgb, var(--ac) 75%, var(--tx)); border-color: var(--ac); background: color-mix(in srgb, var(--ac) 12%, transparent); }
html body.arch .ln-side .ln-side-f #ln-reset svg { color: inherit; }