body { isolation: isolate; }
#theme-backdrop { position: fixed; inset: 0px; z-index: -1; pointer-events: none; overflow: hidden; }
#theme-toggle { display: flex; align-items: center; gap: 6px; }
#theme-toggle span { font-size: 12px; }
body[data-theme="white"] { background: rgb(255, 255, 255); }
body[data-theme="black"] { background: rgb(0, 0, 0); }
body[data-theme="stars"], body[data-theme="meteors"] { background: radial-gradient(at 80% 10%, rgb(39, 57, 85), transparent 60%), linear-gradient(145deg, rgb(16, 26, 42), rgb(24, 43, 64) 65%, rgb(17, 28, 44)); }
body[data-theme="aurora"] { background: linear-gradient(145deg, rgb(19, 29, 50), rgb(20, 45, 59)); }
body[data-theme="stars"] .card, body[data-theme="meteors"] .card, body[data-theme="aurora"] .card { background: linear-gradient(125deg, rgba(35, 52, 72, 0.85), rgba(28, 43, 60, 0.79)); border-color: rgba(166, 202, 213, 0.07); box-shadow: rgba(0, 0, 0, 0.043) 0px 8px 30px; }
body[data-theme="black"] .card { background: rgb(20, 20, 20); color: rgb(230, 233, 231); border-color: rgba(255, 255, 255, 0.047); }
.sky-star { position: absolute; width: var(--size); height: var(--size); border-radius: 50%; background: rgb(200, 232, 255); box-shadow: rgba(181, 219, 255, 0.333) 0px 0px 5px; opacity: 0.35; animation: star-breathe var(--duration) ease-in-out var(--delay) infinite alternate; }
@keyframes star-breathe { 
  0% { opacity: 0.18; transform: scale(0.7); }
  100% { opacity: 0.95; transform: scale(1.2); }
}
.sky-meteor { position: absolute; width: 260px; height: 2px; border-radius: 50%; background: linear-gradient(90deg, transparent, rgb(167, 220, 255) 65%, rgb(255, 255, 255)); transform: rotate(150deg); transform-origin: right center; box-shadow: rgba(159, 218, 255, 0.46) 0px 0px 7px; opacity: 0; animation: 6s linear 0s infinite normal none running meteor-flight; }
@keyframes meteor-flight { 
  0% { opacity: 0; transform: translate(0px, 0px) rotate(150deg); }
  5% { opacity: 0.95; }
  43% { opacity: 0.8; }
  55% { opacity: 0; transform: translate(-75vw, 43vw) rotate(150deg); }
  100% { opacity: 0; transform: translate(-75vw, 43vw) rotate(150deg); }
}
.aurora-band { position: absolute; width: 145vw; height: 85vh; left: -25vw; top: -22vh; border-radius: 46% 54% 42% 58%; background: radial-gradient(at 50% 100%, transparent 40%, rgba(66, 245, 185, 0.533) 49%, rgba(103, 255, 206, 0.733) 51%, rgba(33, 188, 169, 0.333) 56%, transparent 68%); filter: blur(13px); mix-blend-mode: screen; transform-origin: 50% 80%; animation: 7s ease-in-out 0s infinite alternate none running aurora-drift; will-change: transform; opacity: 0.8; }
.aurora-band.band-1 { left: -12vw; top: 2vh; height: 95vh; background: radial-gradient(at 50% 100%, transparent 43%, rgba(72, 140, 255, 0.333) 50%, rgba(161, 133, 255, 0.6) 53%, rgba(100, 124, 246, 0.267) 59%, transparent 70%); animation-duration: 10s; animation-delay: -4s; animation-direction: alternate-reverse; opacity: 0.65; }
.aurora-band.band-2 { left: -42vw; top: 23vh; height: 70vh; background: radial-gradient(at 50% 100%, transparent 39%, rgba(18, 190, 191, 0.333) 48%, rgba(95, 255, 214, 0.6) 52%, rgba(39, 135, 173, 0.2) 60%, transparent 70%); animation-duration: 8s; animation-delay: -3s; opacity: 0.55; }
@keyframes aurora-drift { 
  0% { transform: translate3d(-16vw, -14vh, 0px) rotate(-22deg) scale(1, 0.72); }
  50% { transform: translate3d(4vw, 12vh, 0px) rotate(3deg) scale(1.1, 1.22); }
  100% { transform: translate3d(20vw, -8vh, 0px) rotate(23deg) scale(0.92, 0.85); }
}
body[data-theme="aurora"] { background: rgb(6, 23, 37); }
body[data-theme="aurora"] #theme-backdrop { background: radial-gradient(at 20% 20%, rgba(16, 62, 78, 0.533), transparent 60%), linear-gradient(165deg, rgb(7, 20, 37), rgb(11, 35, 48) 65%, rgb(17, 29, 54)); }
body[data-theme="aurora"] .card { background: linear-gradient(125deg, rgba(20, 39, 55, 0.73), rgba(17, 34, 52, 0.65)); border-color: rgba(166, 202, 213, 0.07); }
@media (max-width: 700px) {
  .aurora-band { filter: blur(16px); width: 180vw; left: -45vw; }
  .aurora-band.band-2 { display: none; }
}
#theme-backdrop.paused * { animation-play-state: paused; }
#theme-backdrop.paused .sky-meteor { visibility: hidden; }
#appearance-panel { width: min(540px, -32px + 100vw); max-height: 85vh; overflow: auto; margin: auto; border: 1px solid rgb(219, 227, 230); border-radius: 20px; padding: 28px; background: rgb(250, 251, 249); color: rgb(40, 58, 69); box-shadow: rgba(16, 35, 51, 0.25) 0px 24px 100px; }
#appearance-panel::backdrop { background: rgba(16, 30, 50, 0.333); }
.dark #appearance-panel { background: rgb(36, 50, 62); color: rgb(227, 237, 243); border-color: rgb(64, 85, 100); }
.appearance-heading { display: flex; gap: 20px; justify-content: space-between; align-items: flex-start; }
.appearance-heading h2 { font-size: 20px; }
.appearance-heading p { font-size: 12px; color: rgb(125, 146, 159); margin: 9px 0px 22px; }
.appearance-heading button { background: transparent; border: 0px; color: inherit; font-size: 26px; line-height: 1; }
.theme-options { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }
.theme-options button { text-align: left; background: transparent; border: 1px solid rgba(154, 179, 193, 0.2); border-radius: 12px; padding: 8px; color: inherit; position: relative; font-size: 12px; }
.theme-options button[aria-pressed="true"] { border-color: rgb(33, 164, 201); box-shadow: rgba(33, 164, 201, 0.082) 0px 0px 0px 2px; }
.theme-options b { display: none; position: absolute; right: 12px; bottom: 8px; color: rgb(21, 160, 200); }
.theme-options [aria-pressed="true"] b { display: block; }
.theme-swatch { display: block; height: 70px; border-radius: 7px; margin-bottom: 10px; background: rgb(255, 255, 255); }
.swatch-paper { background: linear-gradient(130deg, rgb(250, 245, 233), rgb(233, 240, 239)); }
.swatch-black { background: rgb(0, 0, 0); }
.swatch-stars, .swatch-meteors { background: radial-gradient(circle at 25% 25%, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 1px, transparent 2px), radial-gradient(circle at 70% 65%, rgb(179, 215, 243) 0px, rgb(179, 215, 243) 1px, transparent 2px), linear-gradient(135deg, rgb(16, 26, 42), rgb(43, 66, 99)); }
.swatch-meteors { position: relative; }
.swatch-meteors::after { content: ""; position: absolute; left: 25%; top: 35%; width: 50%; height: 1px; background: linear-gradient(90deg, transparent, rgb(224, 250, 255)); transform: rotate(-30deg); }
.swatch-aurora { background: radial-gradient(at 20% 10%, rgb(69, 167, 142), transparent 65%), radial-gradient(at 90% 90%, rgb(117, 105, 166), transparent 70%), rgb(23, 51, 65); }
.motion-setting { display: flex; align-items: center; justify-content: space-between; margin: 24px 0px 0px; padding-top: 18px; border-top: 1px solid rgba(154, 179, 193, 0.15); font-size: 14px; }
.motion-setting small { display: block; font-weight: 400; font-size: 11px; color: rgb(130, 154, 169); margin-top: 6px; }
.motion-setting input { width: 18px; height: 18px; accent-color: rgb(7, 156, 190); }
@media (max-width: 700px) {
  .sky-star:nth-child(n+25) { display: none; }
  .sky-meteor:nth-last-child(-n+9) { display: none; }
  #appearance-panel { padding: 21px; }
  .theme-options { gap: 8px; }
  .theme-swatch { height: 55px; }
  #theme-toggle { padding: 8px; }
  #theme-toggle .nav-icon { display: none; }
}
body[data-theme="meteors"] { background: rgb(7, 19, 35); }
body[data-theme="meteors"] #theme-backdrop { background: linear-gradient(rgba(3, 12, 27, 0.27), rgba(4, 13, 27, 0.62) 56%, rgba(4, 12, 25, 0.4)), url("assets/nebula-blue.jpg") center 35% / cover no-repeat; }
body[data-theme="meteors"] .card { background: linear-gradient(125deg, rgba(16, 32, 52, 0.88), rgba(12, 27, 47, 0.77)); border-color: rgba(145, 194, 232, 0.1); box-shadow: rgba(0, 8, 22, 0.15) 0px 12px 40px; }
body[data-theme="meteors"] .site-header, body[data-theme="meteors"] #site-footer { background: transparent; }
.swatch-meteors { background: radial-gradient(at 70% 30%, rgb(53, 116, 157), transparent 52%), radial-gradient(at 25% 85%, rgb(52, 60, 117), transparent 58%), rgb(9, 25, 46); }
body[data-theme="white"] { --surface: #fff; --soft: #f6f8fb; --line: #e3e9ef; --ink: #193047; --muted: #6e8193; }
body[data-theme="white"] :is(.card, .order-card, .notice, .market-notice, .side-notice, .contact, .orders, .order-list, .comparison, .number-panel, .membership-hero, .sidebar-panel) { background: rgb(255, 255, 255); border-color: rgb(229, 234, 240); box-shadow: rgba(23, 46, 69, 0.01) 0px 2px 4px, rgba(23, 46, 69, 0.125) 0px 12px 28px -16px; }
body[data-theme="white"] :is(.orders, .order-list, .comparison) th { background: rgb(246, 248, 251); }
body[data-theme="white"] :is(.description, .soft-box) { background: rgb(246, 248, 251); border-color: rgb(230, 237, 243); }
.order-search-tools { padding: 20px 28px; }
.order-search-tools input[type="search"] { display: block; width: min(100%, 420px); min-height: 42px; margin: 0px; }
@media (max-width: 600px) {
  .order-search-tools { padding: 16px; }
  .order-search-tools input[type="search"] { width: 100%; }
}
body[data-theme="stars"] .sky-star { animation: star-breathe var(--duration) ease-in-out var(--delay) infinite alternate,star-travel 12s ease-in-out var(--delay) infinite alternate; }
body[data-theme="stars"] .sky-star:nth-child(3n) { animation-duration: 4s, 18s; }
@keyframes star-travel { 
  0% { translate: -25px 30px; }
  100% { translate: 45px -55px; }
}
body[data-theme="stars"] #theme-backdrop.paused .sky-star { animation-play-state: paused; }
body { --action-ink: #087d9e; --action-hover: #079bc510; --action-focus: #079bc5; }
body[data-theme="paper"] { --action-ink: #82653c; --action-hover: #aa865b12; --action-focus: #967344; }
body[data-theme="white"] { --action-ink: #176283; --action-hover: #287da810; --action-focus: #287da8; }
body[data-theme="black"] { --action-ink: #f0f2f5; --action-hover: #ffffff0e; --action-focus: #e4e9ef; }
body[data-theme="stars"] { --action-ink: #c3d9ff; --action-hover: #a3caff12; --action-focus: #a3caff; }
body[data-theme="meteors"] { --action-ink: #b1e5ff; --action-hover: #9edcff12; --action-focus: #9edcff; }
body[data-theme="aurora"] { --action-ink: #a0f4d7; --action-hover: #78edc612; --action-focus: #78edc6; }
body .primary, body .small-primary, body.dark .primary, body.dark .small-primary, body #theme-toggle { background: transparent; border-color: transparent; box-shadow: none; color: var(--action-ink); text-shadow: none; transition: color 0.2s, background 0.2s; }
body .primary:hover:not(:disabled), body .small-primary:hover:not(:disabled), body #theme-toggle:hover { background: var(--action-hover); box-shadow: none; color: var(--action-ink); }
body .primary:focus-visible, body .small-primary:focus-visible, body #theme-toggle:focus-visible { outline: 2px solid var(--action-focus); outline-offset: 3px; }
body .primary:disabled, body .small-primary:disabled { opacity: 0.4; cursor: not-allowed; background: transparent; box-shadow: none; }
.theme-native-select { clip-path: inset(50%); position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
body .theme-select-trigger { display: block; position: relative; width: 100%; min-height: 46px; text-align: left; padding: 12px 42px 12px 15px; border: 1px solid rgba(160, 187, 204, 0.22); border-radius: 10px; background: rgba(255, 255, 255, 0.46); color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; line-height: 1.5; cursor: pointer; white-space: normal; transition: background 0.2s, border-color 0.2s; }
.theme-select-trigger::after { content: ""; position: absolute; right: 17px; top: calc(50% - 4px); width: 6px; height: 6px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); opacity: 0.6; }
body.dark .theme-select-trigger { background: rgba(16, 35, 51, 0.333); color: rgb(220, 232, 239); border-color: rgba(171, 203, 213, 0.17); }
body .theme-select-trigger:hover, body .theme-select-trigger[aria-expanded="true"] { border-color: var(--action-focus); background: var(--action-hover); }
.theme-select-trigger:focus-visible { outline: 2px solid var(--action-focus); outline-offset: 2px; }
.theme-select-trigger:disabled { opacity: 0.45; cursor: not-allowed; }
.theme-select-menu { position: fixed; z-index: 10000; overflow: auto; overscroll-behavior: contain; padding: 7px; border: 1px solid rgba(175, 197, 206, 0.25); border-radius: 13px; background: rgba(250, 253, 255, 0.95); color: rgb(35, 62, 78); box-shadow: rgba(16, 42, 66, 0.133) 0px 15px 45px; backdrop-filter: blur(24px); scrollbar-width: thin; }
.theme-select-menu[hidden] { display: none; }
body.dark .theme-select-menu { background: rgba(16, 34, 50, 0.95); color: rgb(222, 235, 243); border-color: rgba(157, 185, 205, 0.19); box-shadow: rgba(0, 0, 0, 0.267) 0px 15px 45px; }
body[data-theme="aurora"] .theme-select-menu { background: linear-gradient(125deg, rgba(18, 53, 46, 0.96), rgba(23, 43, 64, 0.96)); }
body[data-theme="paper"] .theme-select-menu { background: rgba(252, 248, 240, 0.96); }
body[data-theme="black"] .theme-select-menu { background: rgba(21, 21, 21, 0.96); }
.theme-select-menu [role="option"] { padding: 11px 13px; border-radius: 8px; font-size: 14px; line-height: 1.5; cursor: pointer; overflow-wrap: anywhere; margin: 2px 0px; }
.theme-select-menu [role="option"].focused { background: var(--action-hover); }
.theme-select-menu [aria-selected="true"] { color: var(--action-ink); background: var(--action-hover); font-weight: 600; }
.theme-select-menu [aria-selected="true"]::after { content: "✓"; margin-left: 12px; color: var(--action-ink); }
.theme-select-menu [aria-disabled="true"] { opacity: 0.4; cursor: not-allowed; }
#orders table { min-width: 1080px; width: 100%; table-layout: auto; }
#orders th, #orders td { padding: 16px 14px; }
#orders th { white-space: nowrap; }
#orders td:nth-child(3) { min-width: 210px; max-width: 340px; white-space: normal; overflow-wrap: anywhere; }
#orders td:not(:nth-child(3)) { white-space: nowrap; }
#orders .service-order-actions .table-action { color: var(--action-ink); margin-right: 12px; padding: 6px 0px; }
#orders .service-order-actions .table-action:disabled { opacity: 0.32; cursor: not-allowed; }
#order-action-feedback:not(:empty) { padding: 14px 28px; color: var(--action-ink); font-size: 13px; }
:is([data-history="market"], [data-history="number"]) table { min-width: 850px; width: 100%; }
:is([data-history="market"], [data-history="number"]) th { white-space: nowrap; }
:is([data-history="market"], [data-history="number"]) td:nth-child(2), :is([data-history="market"], [data-history="number"]) td:nth-child(4) { white-space: nowrap; }
.market-delivery { display: flex; align-items: center; gap: 16px; max-width: 460px; }
.market-delivery code { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.8; color: inherit; min-width: 0px; }
.market-delivery .table-action { flex-shrink: 0; color: var(--action-ink); }
.market-delivery { display: block; width: 100%; min-width: 260px; max-width: 480px; }
.market-delivery-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 7px; font-size: 12px; color: var(--muted); }
.market-delivery code { display: block; max-height: 164px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; white-space: pre-wrap; line-height: 1.9; padding-right: 8px; }
.market-delivery code:focus-visible { outline: 2px solid var(--action-focus); outline-offset: 3px; border-radius: 4px; }
[data-history="number"] .number-phone { white-space: nowrap; }
[data-history="number"] .market-delivery-heading { flex-wrap: wrap; justify-content: flex-start; gap: 8px 14px; }
[data-history="number"] .market-delivery-heading > span { display: none; }
[data-history="number"] .market-delivery { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: none; }
[data-history="number"] .market-delivery code { order: 0; flex: 1 1 0%; min-width: 0px; }
[data-history="number"] .market-delivery-heading { order: 1; display: flex; flex-flow: column; align-items: flex-start; gap: 8px; margin: 0px; flex-shrink: 0; }
[data-history="number"] .market-delivery-heading .table-action { white-space: nowrap; margin: 0px; padding: 4px 0px; }
[data-history="number"] table { width: 100%; min-width: 800px; table-layout: fixed; }
[data-history="number"] th, [data-history="number"] td { padding: clamp(12px, 1.2vw, 22px) clamp(10px, 1.1vw, 24px); }
[data-history="number"] th:nth-child(1) { width: 11%; }
[data-history="number"] th:nth-child(2) { width: 18%; }
[data-history="number"] th:nth-child(3) { width: 18%; }
[data-history="number"] th:nth-child(4) { width: 11%; }
[data-history="number"] th:nth-child(5) { width: 17%; }
[data-history="number"] th:nth-child(6) { width: 25%; }
[data-history="number"] td:nth-child(2) { white-space: normal; }
[data-history="number"] td:nth-child(3) { overflow-wrap: anywhere; }
[data-history="number"] .market-delivery { justify-content: flex-start; gap: clamp(12px, 1vw, 20px); min-width: 0px; width: auto; }
[data-history="number"] .market-delivery code { flex: 0 1 auto; padding-right: 0px; }
[data-history="number"] .market-delivery-heading { font-size: 12px; }
#orders table { min-width: 1240px; }
#orders td.service-order-content { min-width: 200px; max-width: 340px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.7; }
.order-notes { max-width: 360px; min-width: 180px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
.proxy-guide .section-heading { margin-bottom: 16px; }
.proxy-guide .process-list { margin: 0px 0px 18px; padding: 0px; }
.proxy-guide .process-list li { position: relative; padding-left: 34px; margin: 0px 0px 14px; min-height: 40px; line-height: 1.5; }
.proxy-guide .process-list li:last-child { margin-bottom: 0px; }
.proxy-guide .process-list li::before { position: absolute; left: 0px; top: 0px; width: 23px; height: 23px; }
.proxy-guide .process-list li b { display: block; font-size: 13px; }
.proxy-guide .process-list li p { margin: 4px 0px 0px; font-size: 12px; line-height: 1.6; }
.proxy-guide .note { padding-top: 14px; font-size: 12px; line-height: 1.7; }
.proxy-guide .note p { margin: 0px 0px 5px; }
.proxy-guide .note p:last-child { margin-bottom: 0px; }
.purchase-layout > section > .section-heading { margin-bottom: 24px; }
.purchase-layout #proxy-form, .purchase-layout #product-form { display: flex; flex-direction: column; flex: 1 1 0%; }
.purchase-layout > section { display: flex; flex-direction: column; }
.purchase-layout form > .field { margin-bottom: 20px; }
.purchase-layout form textarea { height: 112px; min-height: 112px; }
.purchase-layout form > .checkout { margin-top: auto; padding-top: 24px; }
.purchase-layout form > .simulation-note:empty { display: none; }
@media (min-width: 1001px) {
  .purchase-layout > section { min-height: clamp(640px, 812px - 9vw, 720px); }
  .purchase-layout > aside { font-size: 12px; line-height: 1.7; }
  .purchase-layout > aside.body-copy p { margin: 0px 0px 14px; }
  .purchase-layout .proxy-guide .process-list { margin-bottom: 14px; }
  .purchase-layout .proxy-guide .process-list li { margin-bottom: 10px; }
  .purchase-layout .proxy-guide .note { font-size: 12px; line-height: 1.6; }
}
body[data-theme] { --table-tint: #ffffff08; --number-surface: linear-gradient(125deg,#233448d9,#1c2b3cc9); }
body[data-theme="paper"] { --table-tint: #a68b6210; --number-surface: #fffdf9ed; }
body[data-theme="white"] { --table-tint: #16314805; --number-surface: #fff; }
body[data-theme="black"] { --table-tint: #ffffff05; --number-surface: #141414; }
body[data-theme="meteors"] { --table-tint: #9acfff08; --number-surface: linear-gradient(125deg,rgba(16,32,52,.88),rgba(12,27,47,.77)); }
body[data-theme="aurora"] { --table-tint: #82edcb08; --number-surface: linear-gradient(125deg,#142737ba,#112234a6); }
body[data-theme] :is(.orders, .order-list, .comparison) th { background: var(--table-tint); color: var(--muted); }
body[data-theme] .number-panel, body[data-theme].dark .number-panel { background: var(--number-surface); color: var(--ink); border-color: rgba(166, 202, 213, 0.07); box-shadow: none; }
.proxy-guide .proxy-intro { font-size: 12px; line-height: 1.6; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.proxy-guide .proxy-intro p { margin: 0px 0px 5px; }
.proxy-guide .proxy-intro p:last-child { margin-bottom: 0px; }
.proxy-guide .proxy-intro { margin-bottom: 10px; padding-bottom: 8px; }
.member-plans { align-items: stretch; }
.member-plans .member-plan { display: flex; flex-direction: column; }
.member-plans .member-plan > .body-copy { flex: 1 1 0%; padding-bottom: 18px; }
.member-plans .member-plan > button[data-member] { margin-top: auto; min-height: 40px; width: 100%; }
body.brand-home-active > header, body.brand-home-active > .site-footer { display: none; }
body.brand-home-active main.wrap { width: 100%; max-width: none; margin: 0px; padding: 0px; }
body.brand-home-active .preview-ribbon, body.brand-home-active .site-footer { display: none; }
vc-brand-home { display: block; }
body :is(#page-root, #service-root, .modal) :is(input:not([type="checkbox"]):not([type="radio"]), textarea) { border: 1px solid color-mix(in srgb,var(--muted) 24%,transparent); box-shadow: none; transition: border-color 0.18s, box-shadow 0.18s; background: var(--surface); color: var(--ink); }
body :is(#page-root, #service-root, .modal) :is(input:not([type="checkbox"]):not([type="radio"]), textarea):hover:not(:read-only) { border-color: color-mix(in srgb,var(--action-focus) 50%,transparent); }
body :is(#page-root, #service-root, .modal) :is(input:not([type="checkbox"]):not([type="radio"]), textarea):focus { outline: none; border-color: var(--action-focus); box-shadow: 0 0 0 2px var(--action-hover); background: var(--surface); }
body :is(#page-root, #service-root, .modal) :is(input:not([type="checkbox"]):not([type="radio"]), textarea)[readonly] { color: var(--muted); background: var(--soft); }
body .account-grid .password-wrap button { border: 0px; box-shadow: none; background: transparent; color: var(--action-ink); border-radius: 5px; transition: background 0.18s, color 0.18s; }
body .account-grid .password-wrap button:hover { background: var(--action-hover); }
body .account-grid .password-wrap button:focus-visible { outline: 2px solid var(--action-focus); outline-offset: 1px; }
body .account-grid .primary:active:not(:disabled), body .account-grid .password-wrap button:active { background: var(--action-hover); color: var(--action-ink); box-shadow: none; transform: none; }
body .account-grid .account-session-action { width: auto; margin-left: auto; padding: 9px 12px; font-size: 13px; }
.field, .card, .inline-fields > * { min-width: 0px; }
.header-nav { flex-wrap: wrap; }
.header-nav a { white-space: nowrap; }
.choice strong, .select-row strong, .member-plan h2 { overflow-wrap: anywhere; }
html[lang="ko"] .card { word-break: keep-all; overflow-wrap: anywhere; }
.session-row > div { min-width: 0px; }
.session-row small { overflow-wrap: anywhere; }
.password-wrap input { padding-right: 76px; }
.long-guide-content.collapsible:not(.expanded) > :nth-child(n+3) { display: none; }
.long-guide-toggle { display: block; margin-top: 16px; padding: 6px 0px; color: var(--action-ink); border: 0px; background: transparent; text-align: left; }
.long-guide-toggle[hidden] { display: none; }
.long-guide-toggle:focus-visible { outline: 2px solid var(--action-focus); outline-offset: 3px; }
[data-expand][hidden] { display: none; }
body .contact-card .soft-box { background: transparent; border: 0px; box-shadow: none; padding: 0px; color: var(--ink); border-radius: 0px; }
body .contact-card :is(#copy-contact, #copy-channel) { padding: 8px 0px; min-width: 0px; text-align: left; }
body .site-footer .footer-socials { display: flex; align-items: center; gap: 12px; margin-top: 22px; }
body .site-footer .footer-socials a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 0px; padding: 8px; border-radius: 50%; color: var(--muted); background: transparent; transition: color 0.18s, background 0.18s, transform 0.18s; }
body .site-footer .footer-socials a:hover { color: var(--action-ink); background: var(--action-hover); transform: translateY(-2px); }
body .site-footer .footer-socials a:focus-visible { outline: 2px solid var(--action-focus); outline-offset: 3px; }
.footer-socials svg { width: 21px; height: 21px; fill: currentcolor; }
body .contact-profile-link { color: var(--action-ink); text-decoration: none; cursor: pointer; transition: color 0.18s; }
body .contact-profile-link:hover { text-decoration: underline; text-underline-offset: 4px; }
body .contact-profile-link:focus-visible { outline: 2px solid var(--action-focus); outline-offset: 4px; border-radius: 3px; }
body .footer-socials a { cursor: pointer; }
@media (max-width: 1000px) {
}
body #site-dialog #auth-form .auth-forgot { display: block; width: auto; margin: -8px 0px 18px auto; padding: 0px; color: rgb(39, 185, 235); font-size: 13px; line-height: 20px; }
body #site-dialog #auth-form > .primary { display: block; width: 100%; min-height: 46px; margin-top: 8px; border: 1px solid rgb(9, 173, 229); border-radius: 8px; background: rgb(9, 173, 229); color: rgb(255, 255, 255); font-weight: 700; }
body #site-dialog #auth-form > .primary:hover:not(:disabled) { background: rgb(0, 152, 207); border-color: rgb(0, 152, 207); }
body #site-dialog #auth-form > .primary:disabled { opacity: 0.55; }
body #site-dialog .auth-switch { margin-top: 20px; text-align: center; }