/* ============================================================
   1995의 시작 — 공유 디자인 시스템
   3종 팔레트 (V1 빨검 클래식 / V2 하늘색 글씨 / V3 시대 그라데이션)
   ============================================================ */

:root{
  /* ---- core colors ---- */
  --c-black:#0D0D0D;
  --c-deep-black:#050505;
  --c-red:#CC0000;
  --c-red-bright:#E50000;
  --c-red-dark:#8B0000;
  --c-gold:#C9A84C;
  --c-gold-light:#D4B96A;
  --c-sky:#4FA8D8;
  --c-sky-bright:#6CB9DF;
  --c-sky-deep:#2E7FA8;
  --c-sky-soft:#A7D2E8;
  --c-white:#FFFFFF;
  --c-white-muted:#E0E0E0;
  --c-paper:#F2E8D5;
  --c-gray-muted:#8A8A8A;
  --c-gray-dark:#1A1A1A;

  /* ---- fonts ---- */
  --ff-display-ko:'Noto Serif KR', serif;
  --ff-body-ko:'Pretendard','Noto Sans KR', system-ui, sans-serif;
  --ff-display-en:'Playfair Display', serif;
  --ff-mono:'JetBrains Mono', ui-monospace, monospace;

  /* ---- scale ---- */
  --t-hero:clamp(2.75rem, 7vw, 5.5rem);
  --t-page:clamp(2rem, 5vw, 3.5rem);
  --t-section:clamp(1.5rem, 3vw, 2.25rem);
  --t-card:clamp(1.125rem, 2vw, 1.5rem);
  --tracking-wide:.15em;

  --sp-xs:.25rem;--sp-sm:.5rem;--sp-md:1rem;--sp-lg:1.5rem;
  --sp-xl:2rem;--sp-2xl:3rem;--sp-3xl:4rem;--sp-4xl:6rem;
  --container-max:1200px;
  --container-narrow:800px;
  --container-pad:clamp(1rem, 4vw, 2rem);

  /* ---- palette defaults: V1 빨검 클래식 ---- */
  --p-bg-img: linear-gradient(to bottom,
    rgba(204,0,0,.32) 0%,
    rgba(204,0,0,.26) 5%,
    rgba(204,0,0,.20) 10%,
    rgba(204,0,0,.15) 16%,
    rgba(204,0,0,.10) 22%,
    rgba(204,0,0,.06) 30%,
    rgba(204,0,0,.03) 38%,
    rgba(204,0,0,.01) 44%,
    transparent 50%,
    transparent 100%);
  --p-accent: var(--c-red);
  --p-accent-soft: var(--c-gold);
  --p-eyebrow: var(--c-gold);
  --p-date: var(--c-red);
  --p-ecard-bar: var(--c-red);
  --p-section-label: var(--c-gold);
  --p-pillar-idx: var(--c-gold);
  --p-num-watermark: rgba(201,168,76,.18);
  --p-show-heritage: none;
  --p-show-shift: none;
  --p-label-name: "V1 · 빨검 클래식";
}

[data-palette="v2"]{
  --p-bg-img: linear-gradient(to bottom,
    rgba(79,168,216,.34) 0%,
    rgba(79,168,216,.28) 5%,
    rgba(79,168,216,.22) 10%,
    rgba(79,168,216,.16) 16%,
    rgba(79,168,216,.11) 22%,
    rgba(79,168,216,.07) 30%,
    rgba(79,168,216,.04) 38%,
    rgba(79,168,216,.02) 44%,
    transparent 50%,
    transparent 100%);
  --p-accent: var(--c-sky);
  --p-accent-soft: var(--c-gold);
  --p-eyebrow: var(--c-sky);
  --p-date: var(--c-sky);
  --p-ecard-bar: var(--c-sky);
  --p-section-label: var(--c-sky);
  --p-pillar-idx: var(--c-sky);
  --p-num-watermark: rgba(79,168,216,.18);
  --p-show-heritage: inline-flex;
  --p-show-shift: none;
  --p-label-name: "V2 · 하늘색 글씨";
}

[data-palette="v3"]{
  --p-bg-img: linear-gradient(to bottom,
    rgba(79,168,216,.72) 0%,
    rgba(79,168,216,.62) 4%,
    rgba(79,168,216,.50) 9%,
    rgba(79,168,216,.40) 14%,
    rgba(79,168,216,.30) 19%,
    rgba(79,168,216,.22) 24%,
    rgba(79,168,216,.15) 30%,
    rgba(79,168,216,.09) 36%,
    rgba(79,168,216,.04) 42%,
    transparent 50%,
    rgba(204,0,0,.04) 60%,
    rgba(204,0,0,.12) 68%,
    rgba(204,0,0,.22) 76%,
    rgba(204,0,0,.30) 82%,
    rgba(204,0,0,.26) 87%,
    rgba(204,0,0,.16) 92%,
    rgba(204,0,0,.06) 96%,
    transparent 100%);
  --p-accent: var(--c-sky);
  --p-accent-soft: var(--c-gold);
  --p-eyebrow: var(--c-sky);
  --p-date: var(--c-sky);
  --p-ecard-bar: var(--c-sky);
  --p-section-label: var(--c-sky);
  --p-pillar-idx: var(--c-sky);
  --p-num-watermark: rgba(79,168,216,.16);
  --p-show-heritage: none;
  --p-show-shift: block;
  --p-label-name: "V3 · 시대 그라데이션";
}

/* ============================================================
   Reset + base
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background-color:var(--c-deep-black);
  background-image:var(--p-bg-img);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-attachment:scroll;
  color:var(--c-white);
  font-family:var(--ff-body-ko);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
::selection{background:var(--p-accent);color:#fff}

/* ============================================================
   Header / Nav
   ============================================================ */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(5,5,5,.55);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:background .3s ease;
}
.site-header.is-scrolled{background:rgba(5,5,5,.92)}
.site-header__inner{
  max-width:var(--container-max);margin:0 auto;
  padding:14px var(--container-pad);
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-lg);
}
.brand{
  display:inline-flex;align-items:baseline;gap:10px;
  font-family:var(--ff-display-ko);line-height:1;padding:4px 0;
  white-space:nowrap;
}
.brand__year{
  font-family:var(--ff-display-en);font-style:italic;font-weight:700;
  color:var(--c-gold);
  font-size:1.25rem;letter-spacing:.01em;
}
.brand__label{
  font-family:var(--ff-display-ko);font-weight:600;
  color:#fff;font-size:1rem;letter-spacing:.02em;
}

.nav{display:flex;align-items:center;gap:26px}
.nav a{
  font-size:.9375rem;letter-spacing:.04em;color:var(--c-white-muted);
  padding:6px 0;position:relative;transition:color .15s ease;
}
.nav a:hover{color:#fff}
.nav a.is-active{color:#fff}
.nav a.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;
  background:var(--p-accent);
}
.nav__cta{
  border:1px solid rgba(255,255,255,.35);border-radius:2px;
  padding:8px 14px;font-size:.875rem;letter-spacing:.06em;
  transition:all .15s ease;
}
.nav__cta:hover{background:var(--c-red);border-color:var(--c-red);color:#fff !important}
.nav__cta::after{display:none !important}

.menu-toggle{display:none}
@media (max-width:1023px){
  .nav{
    position:fixed;inset:0;background:rgba(5,5,5,.97);
    backdrop-filter:blur(20px);
    flex-direction:column;justify-content:center;align-items:center;gap:28px;
    transform:translateX(100%);
    transition:transform .35s cubic-bezier(.4,0,.2,1);
  }
  .nav a{font-size:1.5rem;font-family:var(--ff-display-ko)}
  .nav.is-open{transform:translateX(0)}
  .menu-toggle{
    display:flex;flex-direction:column;gap:5px;
    width:28px;height:28px;justify-content:center;align-items:center;
    color:var(--c-gold);position:relative;z-index:51;
  }
  .menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .25s ease, opacity .25s ease}
  .menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle.is-open span:nth-child(2){opacity:0}
  .menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}

/* ============================================================
   Buttons
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;font-size:.9375rem;font-weight:600;letter-spacing:.04em;
  border-radius:2px;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
.btn--primary{background:var(--c-red);color:#fff;box-shadow:0 6px 20px rgba(204,0,0,.25)}
.btn--primary:hover{background:var(--c-red-bright);transform:translateY(-1px);box-shadow:0 10px 28px rgba(229,0,0,.35)}
.btn--ghost{border:1px solid rgba(255,255,255,.45);color:#fff}
.btn--ghost:hover{background:rgba(204,0,0,.92);border-color:var(--c-red)}
.btn--sky{background:var(--c-sky);color:#fff;box-shadow:0 6px 20px rgba(79,168,216,.25)}
.btn--sky:hover{background:var(--c-sky-bright);transform:translateY(-1px)}
.btn__arrow{transition:transform .2s ease}
.btn:hover .btn__arrow{transform:translateX(3px)}
.btn--sm{padding:9px 14px;font-size:.8125rem}

/* ============================================================
   Page Hero (subpage)
   ============================================================ */
.page-hero{
  position:relative;
  padding:160px var(--container-pad) 80px;
  min-height:42vh;
  display:flex;align-items:flex-end;
  border-bottom:1px solid rgba(201,168,76,.15);
}
.page-hero__inner{
  max-width:var(--container-max);margin:0 auto;width:100%;
  display:flex;flex-direction:column;gap:18px;
}
.page-hero__label{
  font-family:var(--ff-mono);font-size:.75rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--p-eyebrow);
  display:flex;align-items:center;gap:10px;
}
.page-hero__label::before{content:"";display:block;width:18px;height:1px;background:var(--p-eyebrow)}
.page-hero__title{
  font-family:var(--ff-display-ko);font-weight:800;
  font-size:var(--t-page);line-height:1.1;letter-spacing:-.02em;
  margin:0;
}
.page-hero__lede{
  max-width:64ch;color:var(--c-white-muted);
  font-size:1.0625rem;line-height:1.7;margin:0;
}
.page-hero__meta{
  display:flex;flex-wrap:wrap;gap:24px;margin-top:8px;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.08);
  font-family:var(--ff-mono);font-size:.75rem;letter-spacing:.12em;
  color:var(--c-gray-muted);text-transform:uppercase;
}
.page-hero__meta strong{color:#fff;font-weight:500;margin-left:6px}

/* ============================================================
   Common section heading
   ============================================================ */
.section{padding:var(--sp-4xl) 0}
.section__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}
.section--narrow .section__inner{max-width:var(--container-narrow)}
.section-head{
  display:grid;
  grid-template-columns:auto 1fr auto;align-items:end;
  gap:var(--sp-xl);margin-bottom:var(--sp-2xl);
}
.section-head__label{
  font-family:var(--ff-mono);font-size:.75rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--p-section-label);
  display:flex;align-items:center;gap:10px;white-space:nowrap;
}
.section-head__label::before{content:"";display:block;width:18px;height:1px;background:var(--p-section-label)}
.section-head__title{
  font-family:var(--ff-display-ko);font-weight:700;
  font-size:var(--t-section);line-height:1.2;letter-spacing:-.01em;margin:0;
}
.section-head__title em{color:var(--c-red);font-style:normal;font-family:var(--ff-display-en);font-weight:600;letter-spacing:0}
.section-head__link{
  font-size:.875rem;color:var(--c-gold);letter-spacing:.04em;
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  border-bottom:1px solid transparent;padding-bottom:2px;
  transition:color .15s ease, border-color .15s ease;
}
.section-head__link:hover{color:var(--c-gold-light);border-color:var(--c-gold-light)}
@media (max-width:768px){
  .section-head{grid-template-columns:1fr;gap:var(--sp-md)}
}

/* ============================================================
   Evidence card (compact, used on Home + lists)
   ============================================================ */
.ecard{
  position:relative;background:rgba(10,10,15,.55);
  border:1px solid rgba(255,255,255,.06);
  border-left:3px solid var(--p-ecard-bar);
  padding:24px 22px 22px;
  display:flex;flex-direction:column;gap:14px;
  min-height:280px;color:inherit;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.ecard:hover{transform:translateY(-3px);background:rgba(20,20,25,.7);box-shadow:0 8px 32px rgba(0,0,0,.35)}
.ecard__num{
  position:absolute;top:18px;right:20px;
  font-family:var(--ff-display-en);font-weight:700;font-size:2.5rem;
  color:var(--p-num-watermark);line-height:1;letter-spacing:0;
}
.ecard__date{font-family:var(--ff-mono);font-size:.8125rem;letter-spacing:.06em;color:var(--p-date)}
.ecard__title{font-family:var(--ff-display-ko);font-weight:700;font-size:1.25rem;line-height:1.35;margin:0;letter-spacing:-.01em}
.ecard__summary{font-size:.9375rem;color:var(--c-white-muted);line-height:1.6;margin:0;flex:1}
.ecard__foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px dashed rgba(255,255,255,.08);font-size:.8125rem}
.ecard__type{font-family:var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;color:var(--c-gray-muted)}
.ecard__cta{color:var(--p-date);display:inline-flex;align-items:center;gap:6px;transition:transform .2s ease}
.ecard:hover .ecard__cta{transform:translateX(2px)}

/* ============================================================
   Verdict badge (fact-check)
   ============================================================ */
.verdict{
  display:inline-flex;align-items:center;gap:8px;
  padding:5px 12px;border-radius:999px;
  font-family:var(--ff-mono);font-size:.6875rem;
  letter-spacing:.18em;text-transform:uppercase;
}
.verdict__dot{width:8px;height:8px;border-radius:999px;display:inline-block}
.verdict--false{border:1px solid rgba(204,0,0,.45);color:var(--c-red)}
.verdict--false .verdict__dot{background:var(--c-red);box-shadow:0 0 8px rgba(204,0,0,.7)}
.verdict--context{border:1px solid rgba(201,168,76,.45);color:var(--c-gold)}
.verdict--context .verdict__dot{background:var(--c-gold);box-shadow:0 0 8px rgba(201,168,76,.6)}
.verdict--insufficient{border:1px solid rgba(138,138,138,.45);color:var(--c-gray-muted)}
.verdict--insufficient .verdict__dot{background:var(--c-gray-muted)}
.verdict--confirmed{border:1px solid rgba(46,125,50,.55);color:#5DBC61}
.verdict--confirmed .verdict__dot{background:#5DBC61;box-shadow:0 0 8px rgba(46,125,50,.6)}

/* ============================================================
   Diamond divider
   ============================================================ */
.diamond{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin:var(--sp-2xl) auto 0;
}
.diamond span{width:64px;height:1px;background:rgba(201,168,76,.4)}
.diamond svg{width:10px;height:10px;color:var(--c-gold)}

/* ============================================================
   Footer
   ============================================================ */
.site-footer{padding:var(--sp-2xl) 0 var(--sp-lg);background:transparent}
.site-footer__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}
.footer-band{
  display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:var(--sp-xl);padding-bottom:var(--sp-xl);
}
.footer-band__year{
  border-left:3px solid var(--p-accent);padding:6px 0 6px 14px;
  font-family:var(--ff-mono);font-weight:700;font-size:1.125rem;letter-spacing:.04em;color:#fff;
}
.footer-band__name{font-family:var(--ff-display-en);font-size:.875rem;letter-spacing:.18em;color:#fff;font-weight:600}
.footer-band__name span{color:var(--c-gold);font-weight:400}
.footer-band__center{
  text-align:center;font-family:var(--ff-display-en);letter-spacing:.32em;
  font-size:.8125rem;color:var(--c-red);text-transform:uppercase;line-height:1.8;
}
.footer-band__center small{display:block;color:var(--c-white-muted);letter-spacing:.32em;font-size:.8125rem}
.footer-band__right{font-family:var(--ff-display-en);font-size:.8125rem;letter-spacing:.22em;color:var(--c-white-muted)}
.footer-links{display:flex;flex-wrap:wrap;gap:18px 24px;padding:var(--sp-lg) 0 var(--sp-md)}
.footer-links a{font-size:.875rem;color:var(--c-white-muted);transition:color .15s ease}
.footer-links a:hover{color:#fff}
.footer-meta{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-md);
  font-size:.75rem;color:var(--c-gray-muted);font-family:var(--ff-mono);letter-spacing:.06em;
}
@media (max-width:768px){.footer-band{grid-template-columns:1fr;text-align:center;gap:var(--sp-lg)}.footer-band__left{justify-content:center}}

/* ============================================================
   Reveal
   ============================================================ */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease-out, transform .8s ease-out}
.reveal.is-in{opacity:1;transform:translateY(0)}
.reveal--d1{transition-delay:.08s}
.reveal--d2{transition-delay:.16s}
.reveal--d3{transition-delay:.24s}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-delay:0ms !important;transition-duration:.001ms !important}
}

/* ============================================================
   Palette-conditional bits
   ============================================================ */
.heritage{display:var(--p-show-heritage);align-items:center;gap:10px;
  padding:8px 14px;background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.08);border-radius:999px;
  font-family:var(--ff-mono);font-size:.6875rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--c-white-muted);width:max-content;
}
.heritage__chip{display:inline-flex;align-items:center;gap:6px;color:#fff;white-space:nowrap}
.heritage__dot{width:9px;height:9px;border-radius:999px;display:inline-block}
.heritage__dot--sky{background:var(--c-sky);box-shadow:0 0 0 2px rgba(79,168,216,.18), 0 0 14px rgba(79,168,216,.35)}
.heritage__dot--red{background:var(--c-red);box-shadow:0 0 0 2px rgba(204,0,0,.18), 0 0 14px rgba(204,0,0,.35)}
.heritage__arrow{color:var(--c-gray-muted)}

.era-shift{
  display:var(--p-show-shift);
  margin:var(--sp-3xl) auto;
  max-width:var(--container-max);padding:0 var(--container-pad);
  text-align:center;position:relative;
}
.era-shift__inner{
  display:inline-flex;flex-direction:column;align-items:center;gap:10px;
  padding:18px 28px;
  background:linear-gradient(90deg, rgba(79,168,216,.10), rgba(204,0,0,.10));
  border:1px solid rgba(201,168,76,.30);
}
.era-shift__year{font-family:var(--ff-mono);font-size:.75rem;letter-spacing:.28em;color:var(--c-gold)}
.era-shift__title{font-family:var(--ff-display-ko);font-weight:700;font-size:1.25rem;letter-spacing:-.01em;margin:0;color:#fff}
.era-shift__sub{font-family:var(--ff-display-en);font-size:.75rem;letter-spacing:.28em;color:var(--c-white-muted);text-transform:uppercase}

/* ============================================================
   Palette Switcher (the box the user requested)
   ============================================================ */
.palette-switch{
  position:fixed;bottom:18px;right:18px;z-index:60;
  display:flex;flex-direction:column;
  background:rgba(10,10,15,.92);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(201,168,76,.28);
  border-radius:6px;
  font-family:var(--ff-body-ko);
  width:248px;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.palette-switch__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
}
.palette-switch__head h4{
  margin:0;font-family:var(--ff-mono);font-size:.6875rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--c-gold);
}
.palette-switch__close{
  width:22px;height:22px;display:grid;place-items:center;
  color:var(--c-gray-muted);font-size:.875rem;
  border-radius:3px;transition:background .15s ease, color .15s ease;
}
.palette-switch__close:hover{background:rgba(255,255,255,.06);color:#fff}
.palette-switch__list{display:flex;flex-direction:column;padding:6px}
.palette-switch__opt{
  display:flex;align-items:center;gap:12px;
  padding:10px 10px;border-radius:3px;
  font-size:.8125rem;letter-spacing:.02em;color:var(--c-white-muted);
  text-align:left;width:100%;cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.palette-switch__opt:hover{background:rgba(255,255,255,.04);color:#fff}
.palette-switch__opt.is-active{background:rgba(201,168,76,.10);color:#fff}
.palette-switch__radio{
  width:14px;height:14px;border-radius:999px;
  border:1.5px solid rgba(255,255,255,.35);
  position:relative;flex-shrink:0;
}
.palette-switch__opt.is-active .palette-switch__radio{border-color:var(--c-gold)}
.palette-switch__opt.is-active .palette-switch__radio::after{
  content:"";position:absolute;inset:3px;border-radius:999px;background:var(--c-gold);
}
.palette-switch__swatch{
  width:32px;height:18px;border-radius:2px;flex-shrink:0;
  border:1px solid rgba(255,255,255,.08);
}
.palette-switch__swatch--v1{background:linear-gradient(180deg,#CC0000 0%,#0D0D0D 80%)}
.palette-switch__swatch--v2{background:linear-gradient(180deg,#4FA8D8 0%,#0D0D0D 80%);position:relative}
.palette-switch__swatch--v2::after{content:"";position:absolute;inset:0;border:1px solid #4FA8D8;border-radius:1px}
.palette-switch__swatch--v3{background:linear-gradient(180deg,#4FA8D8 0%,#0D0D0D 45%,#CC0000 80%,#0D0D0D 100%)}
.palette-switch__name{display:flex;flex-direction:column;gap:1px;flex:1}
.palette-switch__name strong{font-weight:600;color:inherit;font-size:.8125rem}
.palette-switch__name small{font-size:.6875rem;color:var(--c-gray-muted);font-family:var(--ff-mono);letter-spacing:.06em}
.palette-switch__foot{
  padding:8px 14px;
  font-family:var(--ff-mono);font-size:.625rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--c-gray-muted);
  border-top:1px solid rgba(255,255,255,.06);
}
.palette-switch.is-collapsed{width:auto}
.palette-switch.is-collapsed .palette-switch__list,
.palette-switch.is-collapsed .palette-switch__foot{display:none}

.palette-switch-fab{
  position:fixed;bottom:18px;right:18px;z-index:60;
  width:48px;height:48px;border-radius:999px;
  background:rgba(10,10,15,.92);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(201,168,76,.28);
  display:none;align-items:center;justify-content:center;
  color:var(--c-gold);
  box-shadow:0 12px 32px rgba(0,0,0,.45);
}
.palette-switch.is-hidden{display:none}
.palette-switch-fab.is-shown{display:flex}
@media (max-width:560px){
  .palette-switch{width:calc(100vw - 36px)}
}