:root {
  --primary: #a5e7ca !important;
  --primary-rgb: 165 231 202 !important;
  --primary-accent: #ec7318 !important;
  --accent: #a5e7ca !important;
  --bg: #090c0d !important;
  --panel: #151a1b !important;
  --panel-2: #1d2426 !important;
  --line: rgba(90, 109, 103, .34) !important;
  --line-2: rgba(165, 231, 202, .34) !important;
  --text: #c0c9c5 !important;
  --text-soft: #9da9a4 !important;
  --text-dim: #71817b !important;
  color-scheme: dark;
}

html, body {
  min-height: 100%;
  background: #090c0d;
  color: #c0c9c5;
  letter-spacing: 0 !important;
}

.bg-dark-900 { background-color: #090c0d !important; }
.bg-dark-800 { background-color: #151a1b !important; }
.bg-dark-700 { background-color: #1d2426 !important; }
.bg-dark-600 { background-color: #293330 !important; }
.border-dark-700 { border-color: rgba(90, 109, 103, .28) !important; }
.border-dark-600 { border-color: rgba(90, 109, 103, .48) !important; }
.text-primary-cyan { color: #a5e7ca !important; }
.bg-primary-cyan { background-color: #a5e7ca !important; }
.border-primary-cyan { border-color: #a5e7ca !important; }

button, a, input, textarea, select {
  letter-spacing: 0 !important;
}

button:focus-visible, a:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible {
  outline: 2px solid rgba(165, 231, 202, .72);
  outline-offset: 2px;
}

html[data-bolin-route="/shotsedit"] [data-dropdown] > div.absolute {
  width: 15rem !important;
  background: rgba(21, 26, 27, .98) !important;
  border-color: rgba(90, 109, 103, .54) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .48) !important;
  overflow: visible;
}

html[data-bolin-route="/shotsedit"] [data-dropdown] > div.absolute button {
  min-height: 32px;
  border-left: 2px solid transparent;
  color: #c0c9c5;
}

html[data-bolin-route="/shotsedit"] [data-dropdown] > div.absolute button:hover {
  background: #25302d !important;
  border-left-color: #a5e7ca;
}

html[data-bolin-route="/shotsedit"] .shot-check:checked {
  background: #a5e7ca !important;
  border-color: #a5e7ca !important;
}

html[data-bolin-route="/shotsedit"] img.object-cover,
html[data-bolin-route="/shotsedit"] video.object-cover {
  background: #11161b;
}

html[data-bolin-route="/"] .cf-card,
html[data-bolin-route="/"] .cf-inner {
  border-radius: 8px !important;
}

html[data-bolin-route="/"] .cf-card {
  background: rgba(21, 26, 27, .88);
  border: 1px solid rgba(90, 109, 103, .38);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .42);
}

html[data-bolin-route="/"] .cf-card.is-center {
  border-color: rgba(165, 231, 202, .58);
  box-shadow: 0 20px 52px rgba(0, 0, 0, .5), 0 0 30px rgba(165, 231, 202, .08);
}

html[data-bolin-route="/"] .cf-card img,
html[data-bolin-route="/"] main .group img.object-cover {
  object-position: center;
  filter: saturate(.94) contrast(1.06) brightness(.94);
}

html[data-bolin-route="/"] main .group:hover img.object-cover {
  filter: saturate(1.02) contrast(1.08) brightness(1);
}

body {
  position: relative;
  isolation: isolate;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

body::before {
  background:
    linear-gradient(118deg, transparent 7%, rgba(165, 231, 202, .055) 27%, transparent 46%),
    linear-gradient(142deg, transparent 48%, rgba(236, 115, 24, .032) 61%, transparent 72%),
    radial-gradient(ellipse 72% 46% at 18% -8%, rgba(165, 231, 202, .09), transparent 68%);
}

body::after {
  opacity: .32;
  background-image:
    radial-gradient(circle at 12% 22%, rgba(192, 201, 197, .8) 0 1px, transparent 1.4px),
    radial-gradient(circle at 41% 68%, rgba(165, 231, 202, .72) 0 1px, transparent 1.4px),
    radial-gradient(circle at 74% 16%, rgba(192, 201, 197, .65) 0 1px, transparent 1.4px),
    radial-gradient(circle at 88% 74%, rgba(236, 115, 24, .6) 0 1px, transparent 1.4px);
  background-size: 280px 240px, 360px 320px, 430px 380px, 520px 460px;
  animation: bolin-particle-drift 36s linear infinite;
}

#__nuxt {
  min-height: 100vh;
}

html[data-bolin-route="/"] body,
html[data-bolin-route="/scripts"] body {
  background: #090c0d !important;
}

html[data-bolin-route="/"] header,
html[data-bolin-route="/"] nav,
html[data-bolin-route="/scripts"] header,
html[data-bolin-route="/scripts"] nav {
  border-color: rgba(90, 109, 103, .26) !important;
  background-color: rgba(9, 12, 13, .88) !important;
  backdrop-filter: blur(16px) saturate(120%);
}

html[data-bolin-route="/"] h1,
html[data-bolin-route="/"] h2,
html[data-bolin-route="/scripts"] h1,
html[data-bolin-route="/scripts"] h2 {
  color: #c0c9c5 !important;
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
  font-weight: 760;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html[data-bolin-route="/"] main button,
html[data-bolin-route="/"] main a,
html[data-bolin-route="/scripts"] main button,
html[data-bolin-route="/scripts"] main a {
  transition: color .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

html[data-bolin-route="/"] main button:hover,
html[data-bolin-route="/"] main a:hover,
html[data-bolin-route="/scripts"] main button:hover,
html[data-bolin-route="/scripts"] main a:hover {
  border-color: rgba(165, 231, 202, .58) !important;
  box-shadow: 0 0 22px rgba(165, 231, 202, .09);
}

html[data-bolin-route="/"] main .group,
html[data-bolin-route="/scripts"] .script-card,
html[data-bolin-route="/scripts"] .sc-hero-poster {
  position: relative;
  border-radius: 8px !important;
  border-color: rgba(90, 109, 103, .38) !important;
  background: #151a1b !important;
}

html[data-bolin-route="/"] main .group:hover,
html[data-bolin-route="/scripts"] .script-card:hover {
  border-color: rgba(165, 231, 202, .62) !important;
  box-shadow: 0 24px 52px -24px rgba(0, 0, 0, .9), 0 0 26px rgba(165, 231, 202, .1) !important;
  transform: translateY(-3px);
}

html[data-bolin-route="/"] main .group::after,
html[data-bolin-route="/scripts"] .script-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(165, 231, 202, .07), transparent 34%, rgba(236, 115, 24, .035));
  opacity: 0;
  transition: opacity .22s ease;
}

html[data-bolin-route="/"] main .group:hover::after,
html[data-bolin-route="/scripts"] .script-card:hover::after {
  opacity: 1;
}

html[data-bolin-route="/scripts"] .script-fade,
html[data-bolin-route="/scripts"] .script-hover {
  background: linear-gradient(0deg, rgba(9, 12, 13, .97), rgba(9, 12, 13, .68) 54%, transparent) !important;
}

html[data-bolin-route="/scripts"] .genre,
html[data-bolin-route="/scripts"] .script-view {
  color: #a5e7ca !important;
}

html[data-bolin-route="/scripts"] .genre {
  background: #1d2426 !important;
  border: 1px solid rgba(165, 231, 202, .46);
}

.text-yellow-400,
.text-amber-400,
.text-orange-400 {
  color: #ec7318 !important;
}

.bg-yellow-500,
.bg-amber-500,
.bg-orange-500 {
  background-color: #ec7318 !important;
}

@keyframes bolin-particle-drift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-24px, 18px, 0); }
}

@media (max-width: 720px) {
  html[data-bolin-route="/shotsedit"] [data-dropdown] > div.absolute {
    width: min(15rem, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 88px);
    overflow-y: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::after { animation: none; }
  html[data-bolin-route="/"] main *,
  html[data-bolin-route="/scripts"] main * { transition-duration: .01ms !important; }
}

/* LuxReal-inspired editorial surface: quiet contrast, cinematic media and one clear action. */
html[data-bolin-route="/"],
html[data-bolin-route="/login"] {
  --bg: #080909 !important;
  --panel: #101211 !important;
  --panel-2: #161817 !important;
  --line: rgba(255, 255, 255, .14) !important;
  --line-2: rgba(221, 237, 229, .36) !important;
  --text: #f0f2ef !important;
  --text-soft: #b2b9b4 !important;
  --text-dim: #78817c !important;
  --primary: #dcefe4 !important;
  --accent: #dcefe4 !important;
  --primary-rgb: 220 239 228 !important;
  background: #080909 !important;
}

html[data-bolin-route="/"] body::before,
html[data-bolin-route="/"] body::after,
html[data-bolin-route="/login"] body::before,
html[data-bolin-route="/login"] body::after { display: none !important; }

/* Workbench home */
html[data-bolin-route="/"] body { background: #080909 !important; }
html[data-bolin-route="/"] body > div > div.h-screen {
  background: #080909 !important;
}
html[data-bolin-route="/"] body > div > div.h-screen > header,
html[data-bolin-route="/"] body > div > div.h-screen > div:first-child {
  min-height: 58px !important;
  height: 58px !important;
  background: rgba(8, 9, 9, .94) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(18px) !important;
}
html[data-bolin-route="/"] .h-10.border-b {
  min-height: 58px !important;
  height: 58px !important;
  background: rgba(8, 9, 9, .94) !important;
  border-bottom-color: rgba(255,255,255,.12) !important;
}
html[data-bolin-route="/"] .h-10.border-b button,
html[data-bolin-route="/"] .h-10.border-b input,
html[data-bolin-route="/"] .h-10.border-b select {
  border-radius: 2px !important;
  border-color: rgba(255,255,255,.2) !important;
}
html[data-bolin-route="/"] .h-10.border-b button { color: #dce5df !important; }
html[data-bolin-route="/"] .h-10.border-b button:hover { background: rgba(220,239,228,.1) !important; border-color: #dcefe4 !important; }
html[data-bolin-route="/"] aside {
  width: 72px !important;
  background: #0b0c0c !important;
  border-right: 1px solid rgba(255,255,255,.1) !important;
}
html[data-bolin-route="/"] aside button {
  color: #89928d !important;
  transition: color .2s ease, background .2s ease, border-color .2s ease !important;
}
html[data-bolin-route="/"] aside button:hover,
html[data-bolin-route="/"] aside button.bg-primary-cyan\/15 {
  color: #f0f2ef !important;
  background: rgba(220,239,228,.08) !important;
}
html[data-bolin-route="/"] main {
  padding: 28px 32px 56px !important;
  background: #080909 !important;
}
html[data-bolin-route="/"] main > .relative.mb-2 {
  margin: 0 0 26px !important;
  height: auto !important;
}
html[data-bolin-route="/"] .cf-card,
html[data-bolin-route="/"] .cf-inner { border-radius: 3px !important; }
html[data-bolin-route="/"] .cf-card {
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.36) !important;
}
html[data-bolin-route="/"] .cf-card.is-center {
  border-color: rgba(220,239,228,.66) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.48) !important;
}
html[data-bolin-route="/"] .cf-card img { filter: saturate(.64) contrast(1.08) brightness(.72) !important; }
html[data-bolin-route="/"] .cf-card.is-center img { filter: saturate(.76) contrast(1.1) brightness(.78) !important; }
html[data-bolin-route="/"] .cf-card h3 {
  font-size: 25px !important;
  letter-spacing: -.02em !important;
}
html[data-bolin-route="/"] .cf-card .self-start {
  background: rgba(220,239,228,.92) !important;
  color: #101312 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
html[data-bolin-route="/"] .cf-card span.text-xs.font-mono {
  background: transparent !important;
  color: #c7ded1 !important;
  border-radius: 0 !important;
}
html[data-bolin-route="/"] main > .flex.flex-col.items-center.justify-center.h-full {
  height: auto !important;
  min-height: 330px !important;
  border-top: 1px solid rgba(255,255,255,.1) !important;
  padding: 48px 0 26px !important;
}
html[data-bolin-route="/"] main > .flex.flex-col.items-center.justify-center.h-full > p:first-of-type {
  color: #f0f2ef !important;
  font-size: 22px !important;
  letter-spacing: -.02em !important;
}
html[data-bolin-route="/"] main > .flex.flex-col.items-center.justify-center.h-full > p:nth-of-type(2) {
  color: #7f8983 !important;
  font-size: 13px !important;
}
html[data-bolin-route="/"] main > .flex.flex-col.items-center.justify-center.h-full button {
  border-radius: 2px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
}
html[data-bolin-route="/"] main > .flex.flex-col.items-center.justify-center.h-full button:first-child {
  background: #dcefe4 !important;
  color: #101312 !important;
}
html[data-bolin-route="/"] main > .flex.flex-col.items-center.justify-center.h-full button:last-child {
  border-color: rgba(255,255,255,.22) !important;
  color: #d6ddd8 !important;
}
.bolin-dashboard-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 214px;
  margin: 0 0 26px;
  padding: 32px 36px;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(8,9,9,.98) 0%, rgba(8,9,9,.82) 38%, rgba(8,9,9,.14) 100%), url('/landing/banners/banner-gallery.jpg') center / cover;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 24px 70px rgba(0,0,0,.32);
}
.bolin-dashboard-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 45%, rgba(220,239,228,.08)); pointer-events: none; }
.bolin-dashboard-hero__content { position: relative; z-index: 1; max-width: 620px; }
.bolin-dashboard-hero__eyebrow { margin: 0 0 10px; color: #a8b6ad; font: 11px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .18em; text-transform: uppercase; }
.bolin-dashboard-hero h1 { margin: 0; color: #f3f5f2; font-size: clamp(28px, 3vw, 42px); font-weight: 620; letter-spacing: -.04em; }
.bolin-dashboard-hero p { margin: 12px 0 0; color: #b5beb8; font-size: 14px; }
.bolin-dashboard-hero__actions { display: flex; gap: 10px; margin-top: 22px; }
.bolin-dashboard-hero__actions button { height: 40px; padding: 0 18px; border: 1px solid rgba(255,255,255,.24); border-radius: 2px; background: rgba(10,11,11,.45); color: #f0f2ef; cursor: pointer; }
.bolin-dashboard-hero__actions button:first-child { border-color: #dcefe4; background: #dcefe4; color: #0b0d0c; font-weight: 650; }
.bolin-dashboard-hero__actions button:hover { border-color: #dcefe4; transform: translateY(-1px); }
.bolin-home-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  margin: 0 0 14px;
  padding: 4px;
  overflow-x: auto;
  border: 1px solid rgba(255,255,255,.12);
  background: #0c0d0d;
  scrollbar-width: none;
}
.bolin-home-nav::-webkit-scrollbar { display: none; }
.bolin-home-nav a,
.bolin-home-nav button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: #89938d;
  font: 12px/1 Inter, "Microsoft YaHei", sans-serif;
  text-decoration: none;
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}
.bolin-home-nav a:hover,
.bolin-home-nav button:hover,
.bolin-home-nav .is-active { background: rgba(220,239,228,.1); color: #eff3f0; }
.bolin-home-nav .is-active { box-shadow: inset 0 -2px #dcefe4; }
.bolin-projects-heading { display: flex; align-items: baseline; justify-content: space-between; margin: 4px 0 12px; color: #f0f2ef; }
.bolin-projects-heading strong { font-size: 15px; font-weight: 620; }
.bolin-projects-heading span { color: #79837d; font-size: 11px; letter-spacing: .08em; }

/* Public landing and auth */
html[data-bolin-route="/login"] body { background: #050606 !important; }
html[data-bolin-route="/login"] .hj-root { background: #050606 !important; color: #f0f2ef !important; }
html[data-bolin-route="/login"] #bolin-local-api-config { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
html[data-bolin-route="/login"] .cursor-ring,
html[data-bolin-route="/login"] .cursor-dot,
html[data-bolin-route="/login"] .glow { display: none !important; }
html[data-bolin-route="/login"] .hj-root,
html[data-bolin-route="/login"] .hj-root * { cursor: auto !important; }
html[data-bolin-route="/login"] .topbar {
  height: 70px !important;
  padding: 0 36px !important;
  background: rgba(5,6,6,.78) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(16px) !important;
}
html[data-bolin-route="/login"] .brand-link { min-width: 182px; }
html[data-bolin-route="/login"] .brand-link .logo-mark { display: none !important; }
html[data-bolin-route="/login"] .brand-link::before { content: ''; display: block; width: 142px; height: 34px; background: url('/bolin-logo.png?v=20260722') center / contain no-repeat; }
html[data-bolin-route="/login"] .site-nav { gap: 30px !important; }
html[data-bolin-route="/login"] .site-nav a { color: rgba(240,242,239,.66) !important; font-size: 12px !important; letter-spacing: .04em !important; }
html[data-bolin-route="/login"] .site-nav a:hover { color: #f0f2ef !important; }
html[data-bolin-route="/login"] .auth-btn { height: 38px !important; padding: 0 18px !important; border: 1px solid rgba(220,239,228,.72) !important; border-radius: 2px !important; background: #dcefe4 !important; color: #0c0e0d !important; font-size: 12px !important; font-weight: 650 !important; }
html[data-bolin-route="/login"] .hero { min-height: calc(100vh - 70px) !important; }
html[data-bolin-route="/login"] .hero-video { filter: saturate(.46) contrast(1.12) brightness(.58) !important; }
html[data-bolin-route="/login"] .hero-overlay { background: linear-gradient(90deg, rgba(3,4,4,.92) 0%, rgba(3,4,4,.58) 42%, rgba(3,4,4,.14) 100%), linear-gradient(0deg, rgba(3,4,4,.62), transparent 45%) !important; }
html[data-bolin-route="/login"] .hero-title-img { display: none !important; }
html[data-bolin-route="/login"] .hero-content { align-items: flex-start !important; left: 8% !important; top: 52% !important; transform: translateY(-42%) !important; text-align: left !important; width: min(600px, 84vw) !important; }
.bolin-hero-copy__eyebrow { margin: 0 0 18px; color: #c1d8ca; font: 11px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .22em; }
.bolin-hero-copy h1 { margin: 0; color: #f5f6f3; font-size: clamp(38px, 5vw, 76px); font-weight: 600; letter-spacing: -.06em; line-height: .98; }
.bolin-hero-copy p { max-width: 420px; margin: 20px 0 0; color: rgba(240,242,239,.72); font-size: 15px; line-height: 1.8; }
html[data-bolin-route="/login"] .hero-actions { justify-content: flex-start !important; margin-top: 30px !important; }
html[data-bolin-route="/login"] .hero-actions .cta { height: 48px !important; padding: 0 24px !important; border-radius: 2px !important; background: #dcefe4 !important; color: #0a0c0b !important; letter-spacing: .08em !important; }
html[data-bolin-route="/login"] .hero-actions .btn-outline { height: 48px !important; padding: 0 22px !important; border-radius: 2px !important; border-color: rgba(255,255,255,.34) !important; color: #f0f2ef !important; letter-spacing: .08em !important; }
html[data-bolin-route="/login"] .scroll-cue { color: rgba(240,242,239,.54) !important; letter-spacing: .14em !important; }
html[data-bolin-route="/login"] .section-head h2,
html[data-bolin-route="/login"] .section-head h2 .mark,
html[data-bolin-route="/login"] .section h2 { color: #f0f2ef !important; }
html[data-bolin-route="/login"] .section-head .mark { color: #c9dfd0 !important; }
html[data-bolin-route="/login"] .reel-card,
html[data-bolin-route="/login"] .cap-grid .cap,
html[data-bolin-route="/login"] .script-card,
html[data-bolin-route="/login"] .learn-item { border-radius: 3px !important; border-color: rgba(255,255,255,.15) !important; background: #101211 !important; }
html[data-bolin-route="/login"] .reel-card:hover,
html[data-bolin-route="/login"] .cap-grid .cap:hover,
html[data-bolin-route="/login"] .script-card:hover,
html[data-bolin-route="/login"] .learn-item:hover { border-color: rgba(220,239,228,.7) !important; box-shadow: 0 22px 54px rgba(0,0,0,.34) !important; }
html[data-bolin-route="/login"] .final { background: #0b0c0c !important; }
html[data-bolin-route="/login"] .final .cta { border-radius: 2px !important; background: #dcefe4 !important; color: #0a0c0b !important; }

/* LuxReal-style split authentication panel. The existing Vue form and handlers remain intact. */
html[data-bolin-route="/login"] .auth-modal { background: rgba(0,0,0,.86) !important; backdrop-filter: blur(18px) !important; padding: 26px !important; }
html[data-bolin-route="/login"] .auth-card {
  width: min(1060px, calc(100vw - 52px)) !important;
  max-width: none !important;
  min-height: 620px !important;
  /* Percentage padding is measured against the modal width, not this card. Cap
     the image-side inset so a wide browser cannot squeeze the form column. */
  box-sizing: border-box !important;
  padding: 76px 86px 64px min(615px, 58%) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 3px !important;
  background: #080909 !important;
  box-shadow: 0 38px 100px rgba(0,0,0,.62) !important;
  overflow: hidden !important;
}
html[data-bolin-route="/login"] .auth-card::before { content: ''; position: absolute; inset: 0 47% 0 0; background: linear-gradient(90deg, rgba(8,9,9,.02), rgba(8,9,9,.32)), url('/landing/banners/banner-gallery.jpg') center / cover; filter: saturate(.58) contrast(1.08) brightness(.7); }
html[data-bolin-route="/login"] .auth-card::after { content: ''; position: absolute; top: 24px; left: 30px; width: 136px; height: 34px; background: url('/bolin-logo.png?v=20260722') center / contain no-repeat; }
html[data-bolin-route="/login"] .auth-close { z-index: 2; top: 24px !important; right: 26px !important; border-radius: 2px !important; border-color: rgba(255,255,255,.24) !important; color: #adb6b0 !important; }
html[data-bolin-route="/login"] .auth-head,
html[data-bolin-route="/login"] .auth-panel,
html[data-bolin-route="/login"] .missing-text,
html[data-bolin-route="/login"] .auth-card > .cta { position: relative; z-index: 1; }
html[data-bolin-route="/login"] .auth-logo { display: none !important; }
html[data-bolin-route="/login"] .auth-title { color: #f4f6f2 !important; font-size: 30px !important; letter-spacing: -.04em !important; text-align: left !important; }
html[data-bolin-route="/login"] .auth-sub { color: #7f8983 !important; letter-spacing: .12em !important; text-align: left !important; }
html[data-bolin-route="/login"] .auth-head { margin: 0 0 28px !important; text-align: left !important; }
html[data-bolin-route="/login"] .auth-panel { gap: 14px !important; }
html[data-bolin-route="/login"] .auth-head,
html[data-bolin-route="/login"] .auth-panel,
html[data-bolin-route="/login"] .switcher { min-width: 0 !important; width: 100% !important; }
html[data-bolin-route="/login"] .lbl { color: #929c95 !important; letter-spacing: .12em !important; }
html[data-bolin-route="/login"] .input { min-height: 46px !important; border-radius: 2px !important; border-color: rgba(255,255,255,.2) !important; background: #0e1010 !important; }
html[data-bolin-route="/login"] .input:focus-within { border-color: rgba(220,239,228,.82) !important; background: #111413 !important; }
html[data-bolin-route="/login"] .input input { color: #f0f2ef !important; }
html[data-bolin-route="/login"] .auth-panel .cta { width: 100% !important; height: 48px !important; margin-top: 8px !important; border-radius: 2px !important; background: #dcefe4 !important; color: #0a0c0b !important; letter-spacing: .08em !important; }
html[data-bolin-route="/login"] .switcher { color: #7e8881 !important; }
html[data-bolin-route="/login"] .switcher a { color: #dcefe4 !important; }
html[data-bolin-route="/login"] .missing-text { color: #adb6b0 !important; line-height: 1.8 !important; }
html[data-bolin-route="/login"] .missing-text code { color: #dcefe4 !important; }
@media (max-width: 900px) {
  html[data-bolin-route="/login"] .auth-modal { padding: 12px !important; }
  html[data-bolin-route="/login"] .auth-card { width: calc(100vw - 24px) !important; min-height: 0 !important; padding: 72px 24px 34px !important; }
  html[data-bolin-route="/login"] .auth-card::before { display: none; }
  html[data-bolin-route="/login"] .auth-card::after { left: 24px; width: 118px; }
}
@media (max-width: 760px) {
  html[data-bolin-route="/"] main { padding: 20px 16px 40px !important; }
  html[data-bolin-route="/"] main > .relative.mb-2 { height: auto !important; }
  .bolin-dashboard-hero { min-height: 250px; padding: 26px 22px; }
  html[data-bolin-route="/"] .h-10.border-b { padding: 0 10px !important; overflow: hidden !important; gap: 8px !important; }
  html[data-bolin-route="/"] .h-10.border-b > div { min-width: 0 !important; }
  html[data-bolin-route="/"] .h-10.border-b > div:first-child { flex: 1 1 auto !important; min-width: 92px !important; white-space: nowrap !important; }
  html[data-bolin-route="/"] .h-10.border-b > div:first-child > *:not(:first-child) { display: none !important; }
  html[data-bolin-route="/"] .h-10.border-b > div:last-child { flex: 0 0 auto !important; gap: 4px !important; overflow: hidden !important; }
  html[data-bolin-route="/"] .h-10.border-b button { max-width: 58px !important; min-width: 0 !important; padding: 0 8px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  html[data-bolin-route="/"] #bolin-local-api-config,
  html[data-bolin-route="/"] .h-10.border-b > div:last-child > button { display: none !important; }
  html[data-bolin-route="/"] #bolin-local-api-config { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
  html[data-bolin-route="/"] .h-10.border-b > div:last-child > button[class*="bg-primary-cyan"] { display: inline-flex !important; }
  html[data-bolin-route="/"] .bolin-dashboard-hero__actions { flex-direction: column; align-items: flex-start; gap: 8px; }
  html[data-bolin-route="/"] .bolin-dashboard-hero__actions button { min-width: 112px; white-space: nowrap; }
  html[data-bolin-route="/"] .bolin-home-nav { margin-bottom: 10px; }
  html[data-bolin-route="/"] .bolin-home-nav a,
  html[data-bolin-route="/"] .bolin-home-nav button { padding: 0 13px; }
  html[data-bolin-route="/login"] .topbar { padding: 0 18px !important; }
  html[data-bolin-route="/login"] .site-nav { display: none !important; }
  html[data-bolin-route="/login"] .hero-content { left: 7% !important; width: 86vw !important; }
  html[data-bolin-route="/login"] .auth-modal { padding: 12px !important; }
  html[data-bolin-route="/login"] .auth-card { width: calc(100vw - 24px) !important; min-height: 0 !important; padding: 72px 24px 34px !important; }
  html[data-bolin-route="/login"] .auth-card::before { display: none; }
  html[data-bolin-route="/login"] .auth-card::after { left: 24px; width: 118px; }
}

html[data-bolin-route="/"] aside img[alt="铂霖灵境AI"] {
  content: url('/bolin-logo-mark.png?v=20260722') !important;
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
}
html[data-bolin-route="/"] img[alt="铂霖灵境AI"] {
  content: url('/bolin-logo.png?v=20260722') !important;
  object-fit: contain !important;
}

/* Keep the supplied horizontal logo legible across every workspace route. */
html[data-bolin-route] aside {
  width: 90px !important;
}
html[data-bolin-route] aside ~ * {
  margin-left: 0 !important;
}
html[data-bolin-route]:not([data-bolin-route="/login"]) #__nuxt > div.h-screen {
  width: calc(100vw - 90px) !important;
  margin-left: 90px !important;
}
html[data-bolin-route] aside > div:first-child {
  width: 84px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
}
img[alt="铂霖灵境AI"] {
  content: url('/bolin-logo.png?v=20260722') !important;
  object-fit: contain !important;
  object-position: left center !important;
}
html[data-bolin-route] header img[alt="铂霖灵境AI"] {
  width: 148px !important;
  height: 42px !important;
  max-width: 148px !important;
}
html[data-bolin-route] aside img[alt="铂霖灵境AI"] {
  content: url('/bolin-logo-mark.png?v=20260722') !important;
  width: 84px !important;
  height: 38px !important;
  max-width: 84px !important;
}
html[data-bolin-route="/login"] .brand-link::before {
  width: 176px;
  height: 42px;
}
html[data-bolin-route="/login"] .auth-card::after {
  width: 168px;
  height: 40px;
}

/* Cinematic liquid-glass language for the public landing experience. */
html[data-bolin-route="/login"] .hj-root,
html[data-bolin-route="/login"] .hj-root button,
html[data-bolin-route="/login"] .hj-root a { font-family: "Barlow", Inter, "Microsoft YaHei", sans-serif; }
html[data-bolin-route="/login"] .hero { min-height: 100vh !important; background: #000 !important; }
html[data-bolin-route="/login"] .hero-video { width: 100% !important; height: 100% !important; left: 50% !important; top: 0 !important; transform: translateX(-50%) !important; object-position: center top !important; filter: saturate(.72) contrast(1.08) brightness(.78) !important; }
html[data-bolin-route="/login"] .hero-overlay { background: rgba(0,0,0,.12) !important; }
html[data-bolin-route="/login"] .topbar { top: 16px !important; left: 32px !important; right: 32px !important; width: auto !important; height: 56px !important; padding: 0 8px 0 16px !important; border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.01) !important; background-blend-mode: luminosity !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.12) !important; overflow: hidden !important; }
html[data-bolin-route="/login"] .topbar::before,
html[data-bolin-route="/login"] .site-nav::before,
html[data-bolin-route="/login"] .auth-btn::before,
html[data-bolin-route="/login"] .bolin-launch-badge::before,
html[data-bolin-route="/login"] .hero-actions .cta::before,
html[data-bolin-route="/login"] .hero-actions .btn-outline::before,
html[data-bolin-route="/login"] .cap-grid .cap::before,
html[data-bolin-route="/login"] .reel-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1.4px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.15) 80%,rgba(255,255,255,.45) 100%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
  transform: none !important;
}
html[data-bolin-route="/login"] .brand-link { min-width: 176px !important; }
html[data-bolin-route="/login"] .site-nav { position: relative; gap: 2px !important; padding: 5px !important; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.01); backdrop-filter: blur(4px); box-shadow: inset 0 1px 1px rgba(255,255,255,.1); }
html[data-bolin-route="/login"] .site-nav a { padding: 9px 12px !important; border-radius: 999px; color: rgba(255,255,255,.86) !important; }
html[data-bolin-route="/login"] .site-nav a:hover { background: rgba(255,255,255,.1); }
html[data-bolin-route="/login"] .auth-btn { position: relative !important; height: 42px !important; padding: 0 18px !important; border: 0 !important; border-radius: 999px !important; background: #fff !important; color: #000 !important; }
html[data-bolin-route="/login"] .hero-content { animation: bolin-glass-enter .9s cubic-bezier(.2,.8,.2,1) both; }
html[data-bolin-route="/login"] .bolin-launch-badge { position: relative; display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin-bottom: 22px; padding: 5px 12px 5px 5px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.01); backdrop-filter: blur(4px); box-shadow: inset 0 1px 1px rgba(255,255,255,.1); color: rgba(255,255,255,.9); font-size: 12px; }
html[data-bolin-route="/login"] .bolin-launch-badge span { padding: 5px 9px; border-radius: 999px; background:#fff; color:#000; font-size:10px; font-weight:600; }
html[data-bolin-route="/login"] .bolin-hero-copy__eyebrow { color: rgba(255,255,255,.72); font-family: "Barlow", sans-serif; transform: translateY(-8px); }
html[data-bolin-route="/login"] .bolin-hero-copy h1 { font-family: "Instrument Serif", "Songti SC", serif; font-style: italic; font-size: clamp(48px,6vw,88px); font-weight: 400; line-height: .88; letter-spacing: -.04em; }
html[data-bolin-route="/login"] .bolin-hero-copy p { color: rgba(255,255,255,.9); font-family: "Barlow", "Microsoft YaHei", sans-serif; font-weight:300; }
html[data-bolin-route="/login"] .hero-actions { gap: 12px !important; flex-wrap: wrap; }
html[data-bolin-route="/login"] .hero-actions .cta,
html[data-bolin-route="/login"] .hero-actions .btn-outline { position: relative !important; height: 46px !important; padding: 0 20px !important; overflow: hidden !important; border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.01) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.14) !important; color: #fff !important; }
html[data-bolin-route="/login"] .hero-actions .cta { backdrop-filter: blur(50px) !important; -webkit-backdrop-filter: blur(50px) !important; }
html[data-bolin-route="/login"] .cap-grid .cap,
html[data-bolin-route="/login"] .reel-card { position: relative; overflow: hidden; border: 0 !important; border-radius: 20px !important; background: rgba(255,255,255,.01) !important; background-blend-mode: luminosity; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: inset 0 1px 1px rgba(255,255,255,.1),0 24px 60px rgba(0,0,0,.18) !important; }
html[data-bolin-route="/login"] .cap-grid .cap h3,
html[data-bolin-route="/login"] .section-head h2,
html[data-bolin-route="/login"] .final h2 { font-family: "Instrument Serif", "Songti SC", serif !important; font-style: italic; font-weight:400 !important; }
html[data-bolin-route="/login"] .cap-grid .cap p { color: rgba(255,255,255,.88) !important; font-weight:300; }
html[data-bolin-route="/login"] .final { background:#000 !important; }
html[data-bolin-route="/login"] .site-footer { background:#000; }
@keyframes bolin-glass-enter { from { filter:blur(10px); opacity:0; transform:translateY(20px); } to { filter:blur(0); opacity:1; transform:translateY(-42%); } }
@media(max-width:760px){
  html[data-bolin-route="/login"] .topbar { left: 12px !important; right: 12px !important; top:10px !important; padding:0 8px 0 12px !important; }
  html[data-bolin-route="/login"] .brand-link { min-width: 138px !important; }
  html[data-bolin-route="/login"] .brand-link::before { width:138px; height:36px; }
  html[data-bolin-route="/login"] .bolin-hero-copy h1 { font-size: clamp(46px,14vw,66px); }
  html[data-bolin-route="/login"] .hero-actions { gap:8px !important; }
  html[data-bolin-route="/login"] .hero-actions .cta,
  html[data-bolin-route="/login"] .hero-actions .btn-outline { padding:0 16px !important; }
}
@media(prefers-reduced-motion:reduce){html[data-bolin-route="/login"] .hero-content{animation:none}}

/* Refined editorial workspace chrome inspired by LuxReal. */
html[data-bolin-route="/"] body > div > div.h-screen {
  background: #070808 !important;
}
html[data-bolin-route="/"] aside {
  background: rgba(10, 12, 12, .86) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}
html[data-bolin-route="/"] .h-10.border-b {
  background: rgba(7, 8, 8, .72) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}
html[data-bolin-route="/"] main {
  padding-top: 30px !important;
}
html[data-bolin-route="/"] .bolin-home-nav {
  width: max-content;
  max-width: 100%;
  min-height: 46px;
  margin-bottom: 18px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.1), 0 16px 36px rgba(0,0,0,.18);
}
html[data-bolin-route="/"] .bolin-home-nav a,
html[data-bolin-route="/"] .bolin-home-nav button {
  height: 34px;
  border-radius: 999px;
  color: rgba(239,243,240,.68);
}
html[data-bolin-route="/"] .bolin-home-nav a:hover,
html[data-bolin-route="/"] .bolin-home-nav button:hover,
html[data-bolin-route="/"] .bolin-home-nav .is-active {
  background: rgba(255,255,255,.1);
  color: #f4f7f4;
  box-shadow: none;
}
html[data-bolin-route="/"] .bolin-dashboard-hero {
  min-height: 250px;
  border-radius: 8px;
  border-color: rgba(255,255,255,.2);
  box-shadow: 0 28px 80px rgba(0,0,0,.34), inset 0 1px 1px rgba(255,255,255,.08);
}
html[data-bolin-route="/"] .bolin-dashboard-hero h1 {
  font-family: "Instrument Serif", "Songti SC", serif;
  font-size: clamp(36px, 4vw, 58px);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: .92;
}
html[data-bolin-route="/"] .bolin-dashboard-hero p {
  max-width: 48ch;
  color: rgba(224,231,226,.72);
  font-weight: 300;
}
html[data-bolin-route="/"] .bolin-dashboard-hero__actions button {
  min-width: 112px;
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
html[data-bolin-route="/"] .bolin-dashboard-hero__actions button:first-child {
  background: #e7f2eb;
}
html[data-bolin-route="/"] .cf-card {
  border-radius: 8px !important;
  background: rgba(255,255,255,.025) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
html[data-bolin-route="/"] .bolin-projects-heading {
  margin-top: 12px;
  padding-top: 4px;
  border-top: 1px solid rgba(255,255,255,.08);
}
@media(max-width:720px){
  html[data-bolin-route="/"] main { padding-top: 20px !important; }
  html[data-bolin-route="/"] .bolin-home-nav { width: 100%; }
  html[data-bolin-route="/"] .bolin-dashboard-hero h1 { font-size: clamp(34px, 9vw, 46px); }
}

/* Keep the public navigation quiet: glass surface without a bright outline. */
html[data-bolin-route="/login"] .topbar::before,
html[data-bolin-route="/login"] .site-nav::before {
  display: none !important;
}
html[data-bolin-route="/login"] .topbar,
html[data-bolin-route="/login"] .site-nav {
  border-color: transparent !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.06) !important;
}
html[data-bolin-route="/login"] .hero-actions {
  align-items: center !important;
}
html[data-bolin-route="/login"] .hero-actions .bolin-studio-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 21px !important;
  vertical-align: middle !important;
}
html[data-bolin-route="/login"] .hero-video,
html[data-bolin-route="/login"] .auto-video,
html[data-bolin-route="/login"] video[class*="max-w-"] {
  cursor: none !important;
}
html[data-bolin-route="/login"] button,
html[data-bolin-route="/login"] a,
html[data-bolin-route="/login"] input,
html[data-bolin-route="/login"] select,
html[data-bolin-route="/login"] textarea {
  cursor: pointer !important;
}
html[data-bolin-route="/login"] input[type="text"],
html[data-bolin-route="/login"] input[type="tel"],
html[data-bolin-route="/login"] input[type="password"],
html[data-bolin-route="/login"] textarea {
  cursor: text !important;
}