:root{
  --bg:#f7f7f5;
  --surface:#ffffff;
  --text:#0a0a0a;
  --muted:#6b6b6b;
  --line:#e4e4e0;
  --accent:#0071e3;
  --card:#ffffff;
  --ease:cubic-bezier(.2,.75,.2,1);
  --sans:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
html[data-theme="dark"]{
  --bg:#0a0a0a;
  --surface:#111111;
  --text:#f7f7f5;
  --muted:#989898;
  --line:#282828;
  --accent:#2997ff;
  --card:#111111;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  transition:background .45s ease,color .45s ease;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
::selection{background:var(--text);color:var(--bg)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

 .site-header{
  position:fixed;top:20px;left:24px;right:24px;height:64px;z-index:60;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 24px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.22);
  box-shadow:0 20px 50px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(255,255,255,.25);
  -webkit-backdrop-filter:blur(38px) saturate(190%) contrast(108%);
  backdrop-filter:blur(18px) saturate(140%);
  pointer-events:auto;
  transition:background .45s ease,border-color .45s ease,box-shadow .45s ease;
}
html[data-theme="dark"] .site-header{
  background:rgba(17,17,17,.20);
  box-shadow:0 20px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.05);
}
.site-header > *{position:relative;z-index:1;pointer-events:auto}
.menu-trigger,.header-mail{
  border:0;background:transparent;padding:8px 0;cursor:pointer;
  display:inline-flex;align-items:center;gap:11px;font-weight:650;
  font-size:14px;letter-spacing:-.02em;width:max-content;
}
.menu-trigger{justify-self:start}
.header-mail{justify-self:end}
.brand-lockup{justify-self:center;display:grid;place-items:center}
.brand-lockup img{width:58px;height:40px;object-fit:contain;display:block}\nhtml[data-theme="dark"] .brand-lockup img{filter:invert(1)}
.header-mail .mail-dot{display:none}
.menu-glyph{
  width:21px;height:21px;position:relative;display:inline-block;
}
.menu-glyph i{
  position:absolute;left:1px;top:9.5px;width:19px;height:1.7px;
  background:currentColor;border-radius:99px;
  transition:transform .45s var(--ease),opacity .3s ease;
}
.menu-glyph i:first-child{transform:translateY(-5px)}
.menu-glyph i:last-child{transform:translateY(5px)}
.menu-trigger[aria-expanded="true"] .menu-glyph i:first-child{transform:rotate(45deg)}
.menu-trigger[aria-expanded="true"] .menu-glyph i:last-child{transform:rotate(-45deg)}
.under{position:relative}
.under::after{
  content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform .4s var(--ease)
}
.menu-trigger:hover .under::after,.header-mail:hover .under::after{transform:scaleX(1)}

.site-menu{
  position:fixed;inset:0;z-index:55;background:var(--bg);
  transform:translateY(-102%);transition:transform .7s var(--ease);
  overflow:auto;
}
.site-menu.is-open{transform:translateY(0)}
.menu-inner{min-height:100%;padding:125px 6.5vw 42px;display:flex;flex-direction:column;justify-content:space-between}
.menu-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:8vh}
.menu-kicker,.eyebrow,.section-number,.footer-meta{
  font-family:var(--mono);font-size:11px;line-height:1.2;
  letter-spacing:.08em;text-transform:uppercase;
}
.menu-close{
  border:0;background:transparent;padding:0;cursor:pointer;font-size:14px;font-weight:650;
}
.menu-nav{display:grid;gap:6px;width:max-content;max-width:100%}
.menu-nav a{
  display:grid;grid-template-columns:58px minmax(0,1fr);align-items:baseline;gap:14px;
  font-size:clamp(48px,8vw,108px);line-height:.9;letter-spacing:-.075em;
  transform:translateY(20px);opacity:0;transition:transform .65s var(--ease),opacity .65s var(--ease);
}
.site-menu.is-open .menu-nav a{transform:none;opacity:1}
.site-menu.is-open .menu-nav a:nth-child(1){transition-delay:.05s}
.site-menu.is-open .menu-nav a:nth-child(2){transition-delay:.09s}
.site-menu.is-open .menu-nav a:nth-child(3){transition-delay:.13s}
.site-menu.is-open .menu-nav a:nth-child(4){transition-delay:.17s}
.site-menu.is-open .menu-nav a:nth-child(5){transition-delay:.21s}
.site-menu.is-open .menu-nav a:nth-child(6){transition-delay:.25s}
.menu-nav a:hover{transform:translateX(10px)!important}
.menu-num{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--muted)}
.menu-foot{
  display:flex;justify-content:space-between;gap:20px;align-items:center;
  margin-top:10vh;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
}
.theme-toggle{
  border:1px solid var(--line);background:var(--surface);color:var(--text);
  border-radius:999px;padding:13px 19px;cursor:pointer;transition:background .35s ease,border-color .35s ease,transform .4s var(--ease)
}
.theme-toggle:hover{transform:translateY(-2px)}

.page{padding:140px 6.5vw 0}
.section{padding:14vh 0}
.hero{min-height:82vh;display:flex;align-items:flex-end;padding:7vh 0 11vh}
.hero-grid{width:100%;display:grid;grid-template-columns:minmax(70px,.55fr) minmax(0,4.5fr);gap:5vw}
.hero-copy{max-width:760px}
.hero-title{
  margin:0;font-size:clamp(60px,10.3vw,154px);line-height:.87;
  letter-spacing:-.078em;font-weight:700;max-width:9ch;
}
.hero-title em,.section-title em{font-family:var(--serif);font-weight:400;letter-spacing:-.03em}
.hero-description{
  margin:34px 0 0;max-width:650px;color:var(--muted);
  font-size:clamp(18px,2vw,25px);line-height:1.15;letter-spacing:-.03em;
}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:31px}
.cta{
  display:inline-flex;align-items:center;gap:11px;border:1px solid var(--text);
  padding:13px 16px;border-radius:999px;font-size:14px;font-weight:700;
  transition:transform .45s var(--ease),background .35s ease,color .35s ease
}
.cta:hover{transform:translateY(-3px);background:var(--text);color:var(--bg)}
.cta.secondary{border-color:var(--line);background:var(--surface)}
.text-link{font-size:14px;font-weight:650;position:relative}
.text-link::after{
  content:"";position:absolute;left:0;right:18px;bottom:-5px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)
}
.text-link:hover::after{transform:scaleX(1)}

.editorial{display:grid;grid-template-columns:1.1fr 1.85fr;gap:7vw;align-items:start}
.section-title{
  margin:0;font-size:clamp(46px,6.3vw,90px);line-height:.91;letter-spacing:-.068em;max-width:10ch
}
.section-intro{margin:22px 0 0;max-width:580px;color:var(--muted);font-size:18px;line-height:1.35}
.template-stage{
  min-height:510px;border:1px solid var(--line);background:var(--surface);
  overflow:hidden;position:relative;transition:transform .7s var(--ease),border-color .35s ease
}
.template-stage:hover{transform:translateY(-4px)}
.browser{
  position:absolute;inset:28px;border:1px solid var(--line);background:var(--bg);
  overflow:hidden;transition:transform .8s var(--ease)
}
.template-stage:hover .browser{transform:scale(1.018) translateY(-3px)}
.browser-bar{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 13px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--line)}
.browser-body{padding:34px}
.mini-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mini-title{margin-top:30px;font-size:clamp(44px,5vw,82px);line-height:.86;letter-spacing:-.07em;font-weight:700;max-width:7ch}
.mini-lines{margin-top:30px;display:grid;gap:8px;max-width:65%}
.mini-lines i{height:7px;background:var(--line);display:block;border-radius:99px}
.template-list{border-top:1px solid var(--line);margin-top:62px}
.template-row{
  display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;
  padding:24px 0;border-bottom:1px solid var(--line)
}
.row-index,.row-meta{font-family:var(--mono);font-size:11px;color:var(--muted)}
.row-name{font-size:clamp(30px,4vw,58px);font-weight:700;letter-spacing:-.055em;transition:transform .45s var(--ease)}
.template-row:hover .row-name{transform:translateX(8px)}

.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:30px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.filter{
  border:1px solid var(--line);background:transparent;border-radius:999px;
  padding:10px 14px;cursor:pointer;font-size:13px
}
.filter.is-active,.filter:hover{background:var(--text);color:var(--bg);border-color:var(--text)}
.catalog-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;
  margin-top:48px;border-top:1px solid var(--line)
}
.template-card{
  display:block;padding:28px 0 34px;border-bottom:1px solid var(--line)
}
.card-visual{
  aspect-ratio:16/10;border:1px solid var(--line);background:var(--surface);
  display:grid;place-items:center;overflow:hidden;transition:transform .6s var(--ease)
}
.template-card:hover .card-visual{transform:translateY(-4px)}
.card-screen{width:84%;height:78%;border:1px solid var(--line);background:var(--bg);padding:22px;transition:transform .7s var(--ease)}
.template-card:hover .card-screen{transform:scale(1.02) rotate(-.25deg)}
.card-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.card-title{margin-top:26px;font-size:clamp(28px,3.8vw,50px);line-height:.9;letter-spacing:-.055em;font-weight:700}
.card-meta{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.card-price{color:var(--text)}

.split{display:grid;grid-template-columns:1.6fr 1fr;gap:7vw;align-items:end}
.rule{border-top:1px solid var(--line);margin-bottom:26px}
.list-lines{border-top:1px solid var(--line)}
.list-line{
  display:grid;grid-template-columns:60px 1fr auto;gap:16px;
  padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline
}
.list-line strong{font-size:clamp(24px,3vw,44px);letter-spacing:-.04em}
.note{color:var(--muted);font-size:14px;line-height:1.45}

.form-shell{max-width:900px}
.form{display:grid;gap:16px;margin-top:36px}
.field{display:grid;gap:8px}
.field label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.input,.select,.textarea{
  width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);
  padding:15px 14px;border-radius:13px;outline:none
}
.textarea{min-height:150px;resize:vertical}
.input:focus,.select:focus,.textarea:focus{border-color:var(--text)}
.form-actions{display:flex;gap:10px;flex-wrap:wrap}

.detail-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:6vw;align-items:start}
.detail-hero{border:1px solid var(--line);background:var(--surface);min-height:560px;padding:30px}
.detail-screen{height:100%;min-height:500px;border:1px solid var(--line);background:var(--bg);padding:40px}
.detail-screen h2{font-size:clamp(46px,7vw,98px);line-height:.88;letter-spacing:-.07em;margin:0;max-width:7ch}
.detail-side{position:sticky;top:110px}
.detail-title{font-size:clamp(48px,6vw,86px);line-height:.88;letter-spacing:-.07em;margin:0}
.detail-copy{margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.4}
.detail-facts{border-top:1px solid var(--line);margin-top:34px}
.fact{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}
.fact span:first-child{color:var(--muted)}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}

.cart-wrap,.checkout-wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:6vw}
.cart-item{display:grid;grid-template-columns:160px 1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}
.cart-thumb{height:105px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}
.summary{border-top:1px solid var(--line);padding-top:16px;position:sticky;top:110px}
.summary-row{display:flex;justify-content:space-between;padding:11px 0;font-family:var(--mono);font-size:12px}
.summary-total{font-size:18px;font-weight:700;border-top:1px solid var(--line);margin-top:10px;padding-top:15px}

.profile-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.profile-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.panel{border:1px solid var(--line);background:var(--surface);padding:24px}
.panel h3{margin:0;font-size:28px;letter-spacing:-.05em}
.panel p{color:var(--muted);line-height:1.4}

.footer{
  border-top:1px solid var(--line);margin-top:8vh;padding:70px 6.5vw 34px;
}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw}
.footer-big{font-size:clamp(44px,6.3vw,96px);font-weight:700;line-height:.9;letter-spacing:-.06em}
.footer-right{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:220px}
.footer-links{display:flex;gap:14px 20px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.08em}
.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}

.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.admin-side{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:26px 17px;background:var(--surface)}
.admin-brand{font-size:16px;font-weight:750;margin-bottom:36px}
.admin-nav{display:grid;gap:5px}
.admin-nav a{padding:11px 12px;border-radius:10px;color:var(--muted);font-size:14px}
.admin-nav a:hover,.admin-nav a.active{background:var(--bg);color:var(--text)}
.admin-main{padding:34px 38px}
.admin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.admin-title{margin:0;font-size:clamp(46px,6vw,82px);line-height:.88;letter-spacing:-.07em}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}
.stat-card{border:1px solid var(--line);background:var(--surface);padding:22px}
.stat-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.stat-value{font-size:38px;letter-spacing:-.06em;font-weight:700;margin-top:26px}
.admin-note{margin-top:30px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);max-width:700px;line-height:1.45}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.in{opacity:1;transform:none}

@media(max-width:850px){
  .site-header{top:14px;left:14px;right:14px;height:60px;padding:0 18px}
  .brand-lockup img{width:54px;height:38px}
  .header-mail{display:none}
  .menu-inner{padding:104px 20px 28px}
  .menu-nav a{grid-template-columns:40px 1fr;gap:8px;font-size:clamp(42px,15vw,76px)}
  .menu-foot{align-items:flex-end}
  .page{padding:112px 20px 0}
  .hero{min-height:auto;padding:8vh 0 10vh}
  .hero-grid,.editorial,.split,.detail-grid,.cart-wrap,.checkout-wrap,.footer-grid,.profile-panels,.admin-grid{grid-template-columns:1fr}
  .hero-grid{gap:34px}
  .hero-title{font-size:clamp(56px,17vw,102px)}
  .template-stage{min-height:390px}
  .catalog-head{display:block}
  .catalog-grid{grid-template-columns:1fr;gap:0}
  .detail-side,.summary{position:static}
  .cart-item{grid-template-columns:100px 1fr}
  .cart-item .cart-price{grid-column:2}
  .admin-shell{grid-template-columns:1fr}
  .admin-side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}
  .admin-nav{grid-template-columns:repeat(2,1fr)}
  .admin-main{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}


/* Breeze typography refinement */
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{
  font-weight:750;
  letter-spacing:-.045em;
}
.hero-title,
.section-title,
.page-title{
  font-weight:800;
  letter-spacing:-.055em;
  line-height:.94;
}
.eyebrow,
.kicker,
.meta,
.mini,
.micro,
.caption,
small,
.tag,
label{
  font-family:var(--mono);
  font-size:.69rem;
  line-height:1.35;
  letter-spacing:.035em;
  text-transform:none;
}
p,.body-copy,.description{
  font-weight:440;
  line-height:1.62;
  letter-spacing:-.008em;
}
a,button{
  font-weight:600;
}
.nav-link,.menu-link,.footer-link{
  font-weight:650;
  letter-spacing:-.015em;
}



/* Footer refinement */
.site-footer{
  position:relative;
  overflow:hidden;
  padding-top:clamp(72px,9vw,120px);
  padding-bottom:clamp(28px,4vw,48px);
}
.site-footer .footer-top,
.site-footer .footer-grid,
.site-footer .footer-main{
  align-items:end;
}
.site-footer .footer-brand,
.site-footer .footer-title{
  font-weight:800;
  letter-spacing:-.045em;
}
.site-footer .footer-small,
.site-footer .footer-meta{
  font-family:var(--mono);
  font-size:.66rem;
  line-height:1.45;
  letter-spacing:.035em;
}
.site-footer a{
  transition:opacity .25s ease,transform .25s ease;
}
.site-footer a:hover{
  opacity:.68;
  transform:translateX(2px);
}



/* Admin polish */
.admin-shell{
  min-height:100vh;
}
.admin-header,
.admin-topbar{
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(22px) saturate(170%);
  -webkit-backdrop-filter:blur(22px) saturate(170%);
  background:rgba(247,247,245,.78);
  border-bottom:1px solid var(--line);
}
.admin-nav a,
.admin-sidebar a{
  font-size:.78rem;
  font-weight:650;
  letter-spacing:-.008em;
}
.admin-title,
.admin-heading{
  font-weight:800;
  letter-spacing:-.05em;
  line-height:.98;
}
.admin-table{
  border-collapse:separate;
  border-spacing:0;
}
.admin-table th{
  font-family:var(--mono);
  font-size:.64rem;
  font-weight:500;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.admin-table td{
  font-size:.84rem;
  line-height:1.35;
}
.admin-card,
.admin-panel,
.admin-stat{
  border:1px solid var(--line);
  background:var(--surface);
}
.admin-stat strong,
.admin-number{
  font-size:clamp(28px,4vw,48px);
  font-weight:800;
  letter-spacing:-.055em;
  line-height:.95;
}


/* Modern bold content typography — header remains unchanged. */
:root{
  --modern-sans:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;
}
.page,
.footer,
.admin-shell{
  font-family:var(--modern-sans);
}
.page h1,.page h2,.page h3,.page h4,.page h5,.page h6,
.footer .footer-big,
.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell h4,.admin-shell h5,.admin-shell h6,
.page .row-name,.page .card-title,.page .detail-title,.page .stat-value,
.admin-shell .admin-title,.admin-shell .admin-brand,.admin-shell .admin-number{
  font-weight:800;
}
.page p,.page li,.page .section-intro,.page .hero-description,.footer,
.admin-shell p,.admin-shell td{
  font-weight:500;
}
.page strong,.page b,.footer strong,.footer b,
.admin-shell strong,.admin-shell b,
.page .cta,.page button,.page .filter,.page .text-link,
.admin-shell button,.admin-shell a{
  font-weight:700;
}


/* Breeze modern glass action system — content controls only. Header remains untouched. */
:root{
  --glass-white:rgba(255,255,255,.72);
  --glass-white-strong:rgba(255,255,255,.9);
  --glass-border:rgba(10,10,10,.10);
  --glass-shadow:0 12px 30px rgba(10,10,10,.08), inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-theme="dark"]{
  --glass-white:rgba(255,255,255,.08);
  --glass-white-strong:rgba(255,255,255,.12);
  --glass-border:rgba(255,255,255,.14);
  --glass-shadow:0 12px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10);
}
.page .cta,
.page .filter,
.page .theme-toggle,
.page button:not(.menu-trigger),
.admin-shell .cta,
.admin-shell button:not(.menu-trigger),
.site-menu .theme-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid var(--glass-border);
  border-radius:999px;
  background:var(--glass-white);
  color:#0a0a0a;
  box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(165%);
  backdrop-filter:blur(18px) saturate(165%);
  -webkit-appearance:none;
  appearance:none;
  touch-action:manipulation;
  user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  transition:transform .2s var(--ease), background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.page .cta,
.admin-shell .cta{padding:0;font-weight:800;font-size:0;line-height:0;}
.page .filter{padding:9px 15px;font-weight:800;}
.page .cta:hover,
.page .filter:hover,
.page .theme-toggle:hover,
.page button:not(.menu-trigger):hover,
.admin-shell .cta:hover,
.admin-shell button:not(.menu-trigger):hover,
.site-menu .theme-toggle:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.94);
  color:#0a0a0a;
  border-color:rgba(10,10,10,.18);
  box-shadow:0 16px 38px rgba(10,10,10,.12), inset 0 1px 0 rgba(255,255,255,1);
}
html[data-theme="dark"] .page .cta:hover,
html[data-theme="dark"] .page .filter:hover,
html[data-theme="dark"] .page .theme-toggle:hover,
html[data-theme="dark"] .admin-shell .cta:hover,
html[data-theme="dark"] .admin-shell button:not(.menu-trigger):hover,
html[data-theme="dark"] .site-menu .theme-toggle:hover{
  border-color:rgba(255,255,255,.25);
}
.page .cta:active,
.page .filter:active,
.page .theme-toggle:active,
.page button:not(.menu-trigger):active,
.admin-shell .cta:active,
.admin-shell button:not(.menu-trigger):active,
.site-menu .theme-toggle:active{transform:scale(.94);background:rgba(255,255,255,.84);color:#0a0a0a;}
.page .cta:focus-visible,
.page .theme-toggle:focus-visible,
.page button:not(.menu-trigger):focus-visible,
.admin-shell .cta:focus-visible,
.admin-shell button:not(.menu-trigger):focus-visible{
  outline:2px solid rgba(10,10,10,.22);
  outline-offset:3px;
}
.page .cta.secondary{background:rgba(255,255,255,.54);}
html[data-theme="dark"] .page .cta.secondary{background:rgba(255,255,255,.07);}
.page .filter.is-active{background:var(--text);color:var(--bg);border-color:var(--text);}
.page .cta span{display:none;}
.page .cta::after{
  content:"";
  width:18px;height:18px;flex:0 0 18px;
  background:#0a0a0a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.2 5.2a1 1 0 0 1 1.4 0l6.2 6.2a1 1 0 0 1 0 1.4l-6.2 6.2a1 1 0 0 1-1.4-1.4l4.5-4.5H4a1 1 0 1 1 0-2h13.7l-4.5-4.5a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.2 5.2a1 1 0 0 1 1.4 0l6.2 6.2a1 1 0 0 1 0 1.4l-6.2 6.2a1 1 0 0 1-1.4-1.4l4.5-4.5H4a1 1 0 1 1 0-2h13.7l-4.5-4.5a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.page .theme-toggle,
.site-menu .theme-toggle{font-size:0;width:46px;height:46px;padding:0;}
.page .theme-toggle::after,
.site-menu .theme-toggle::after{
  content:"";width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a1 1 0 0 1 1 1v1.1a1 1 0 0 1-2 0V4a1 1 0 0 1 1-1Zm0 14a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm7-5a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-1.1a1 1 0 1 1 0-2H19ZM5.1 12a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h1.1a1 1 0 0 1 1 1Zm9.8 5.5a1 1 0 0 1 1.4 0l.8.8a1 1 0 0 1-1.4 1.4l-.8-.8a1 1 0 0 1 0-1.4ZM6.9 6.9a1 1 0 0 1-1.4 0l-.8-.8a1 1 0 1 1 1.4-1.4l.8.8a1 1 0 0 1 0 1.4Zm10.2-1.4a1 1 0 0 1 0 1.4l-.8.8a1 1 0 1 1-1.4-1.4l.8-.8a1 1 0 0 1 1.4 0ZM6.9 17.1a1 1 0 0 1 0 1.4l-.8.8a1 1 0 1 1-1.4-1.4l.8-.8a1 1 0 0 1 1.4 0Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a1 1 0 0 1 1 1v1.1a1 1 0 0 1-2 0V4a1 1 0 0 1 1-1Zm0 14a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm7-5a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-1.1a1 1 0 1 1 0-2H19ZM5.1 12a1 1 0 0 1-1 1H3a1 1 0 0 1 1-1 1 1 0 0 1 1 1Zm9.8 5.5a1 1 0 0 1 1.4 0l.8.8a1 1 0 0 1-1.4 1.4l-.8-.8a1 1 0 0 1 0-1.4ZM6.9 6.9a1 1 0 0 1-1.4 0l-.8-.8a1 1 0 1 1 1.4-1.4l.8.8a1 1 0 0 1 0 1.4Zm10.2-1.4a1 1 0 0 1 0 1.4l-.8.8a1 1 0 1 1-1.4-1.4l.8-.8a1 1 0 0 1 1.4 0ZM6.9 17.1a1 1 0 0 1 0 1.4l-.8.8a1 1 0 1 1-1.4-1.4l.8-.8a1 1 0 0 1 1.4 0Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
html[data-theme="dark"] .page .theme-toggle::after,
html[data-theme="dark"] .site-menu .theme-toggle::after{transform:rotate(180deg);}

@media (max-width: 760px){
  .page .cta{min-width:46px;width:46px;height:46px;}
  .page .hero-actions,.form-actions,.detail-actions{gap:8px;}
  .page .filter{min-height:42px;padding-inline:13px;}
}
@media (prefers-reduced-motion: reduce){
  .page .cta,.page .filter,.page button,.admin-shell .cta,.admin-shell button{transition:none!important;}
}