/* Modified SpectrumUI AccountAccessCard pattern for Hashcod ML-DSA-87 access. */
:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background-color:#ffffff;background-image:url("/assets/hashcod-skyline-bg-faint.svg?v=20261026-skyline1");background-repeat:no-repeat;background-position:center bottom;background-size:min(1800px,100%) auto;background-attachment:fixed;color:#171717;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100dvh}.access-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 18px}.access-card{width:100%;max-width:380px;border-radius:24px;background:#fff;padding:20px;box-shadow:0 0 0 1px rgba(10,10,10,.05),0 1px 3px rgba(0,0,0,.10),0 1px 2px -1px rgba(0,0,0,.10)}.security-progress{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;margin:0 0 16px}.security-progress i{height:2px;background:#e5e5e5;border-radius:99px}.step{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f5f5f5;color:#a3a3a3;border:1px solid #e5e5e5;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:.2s}.step.active{background:#0a0a0a;color:#fff;border-color:#0a0a0a;box-shadow:0 0 0 4px rgba(10,10,10,.06)}.step.complete{background:#16a34a;color:#fff;border-color:#16a34a;box-shadow:none}.step.complete+ i{background:linear-gradient(90deg,#16a34a,#22c55e)} h1{margin:0;font-size:16px;font-weight:600;line-height:24px}.description{margin:6px 0 0;color:#737373;font-size:14px;line-height:20px}.field-block{margin-top:20px}.field-block.second{margin-top:24px}.label-row{display:flex;align-items:center;justify-content:space-between}label{font-size:14px;font-weight:500;line-height:19px}.text-action{border:0;background:transparent;padding:0;color:#737373;font:600 11px/16px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.6px;cursor:pointer}.text-action:hover{color:#171717}.pill-field{margin-top:12px;display:flex;height:32px;align-items:center;overflow:hidden;border-radius:18px;background:rgba(229,229,229,.55);padding:0 10px;transition:.25s}.pill-field.active{background:rgba(229,229,229,.85);box-shadow:0 0 0 1px #d4d4d4}.pill-field>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;font:500 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.caret{display:none;margin-left:2px;width:1px;height:14px;background:#171717;animation:blink 1s steps(2,end) infinite}.pill-field.active .caret{display:inline-block}@keyframes blink{50%{opacity:0}}.signature-field{margin-top:12px;width:100%;min-height:84px;max-height:150px;resize:vertical;border:0;outline:0;border-radius:18px;background:rgba(229,229,229,.55);padding:11px 12px;color:#525252;font:500 12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;transition:.25s}.signature-field:focus{background:rgba(229,229,229,.82);box-shadow:0 0 0 1px #d4d4d4}.primary-action{margin-top:21px;display:flex;width:100%;height:36px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:18px;background:#0a0a0a;color:#eff6ff;font-size:14px;font-weight:600;cursor:pointer;transition:.18s}.primary-action:hover{background:#262626}.primary-action:active{transform:scale(.97)}.primary-action:disabled{opacity:.55;cursor:wait}.lock-icon{font-size:16px;line-height:1;transition:transform .25s}.primary-action:hover .lock-icon{transform:rotate(-10deg)}.info-card{margin-top:17px;display:flex;min-height:73px;width:100%;align-items:center;gap:14px;border:0;border-radius:18px;background:rgba(245,245,245,.85);padding:16px;text-align:left;cursor:default}.info-icon{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;align-self:flex-start;background:#ef4444;color:#fff;font:800 11px/1 system-ui}.info-copy{min-width:0;flex:1}.info-copy strong{display:block;font-size:14px;font-weight:600;line-height:19px}.info-copy small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737373;font-size:13px;line-height:20px}.chev{color:#a3a3a3;font-size:21px}.status{min-height:18px;margin:13px 2px 0;color:#737373;font-size:12px;line-height:18px}.status[data-type="error"]{color:#dc2626}.status[data-type="ok"]{color:#15803d}.status[data-type="info"]{color:#2563eb}.fingerprint{margin:8px 2px 0;color:#a3a3a3;font:500 9px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Spectrum UI AnimatedCard adaptation — right side of ML-DSA access card */
.access-layout{
  width:min(1320px,100%);
  display:grid;
  grid-template-columns:minmax(0,380px) minmax(0,1fr);
  gap:54px;
  align-items:center;
  justify-content:center;
}
.tool-deck{
  display:none;
  position:relative;
  min-width:0;
  min-height:620px;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  outline:none;
  user-select:none;
  -webkit-user-select:none;
}
.tool-deck:focus-visible{
  outline:2px solid rgba(10,10,10,.28);
  outline-offset:10px;
  border-radius:24px;
}
.tool-card{
  --x:0px;
  --y:0px;
  --rot:0deg;
  --scale:1;
  position:absolute;
  left:50%;
  top:50%;
  width:320px;
  z-index:10;
  border:1px solid #fff;
  border-radius:16px;
  background:#fafafa;
  overflow:hidden;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.10),0 4px 6px -4px rgba(0,0,0,.10);
  transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--rot)) scale(var(--scale));
  transform-origin:center center;
  transition:transform .30s ease-in-out,box-shadow .30s ease-in-out;
  will-change:transform;
}
.tool-card:hover{
  --scale:1.05;
  box-shadow:0 18px 35px -12px rgba(0,0,0,.20),0 10px 15px -8px rgba(0,0,0,.14);
}
.tool-card-inner{
  padding:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.tool-logo{
  display:block;
  width:128px;
  height:128px;
  object-fit:contain;
  margin:0 0 16px;
}
.tool-copy{
  width:100%;
  text-align:center;
}
.tool-copy h2{
  margin:0;
  color:#171717;
  font-size:24px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.025em;
}
.tool-copy p{
  margin:8px 0 0;
  color:#737373;
  font-size:14px;
  line-height:1.45;
}
.tool-deck .card-0{z-index:40;--rot:0deg}
.tool-deck .card-1{z-index:30;--rot:6deg}
.tool-deck .card-2{z-index:20;--rot:12deg}
.tool-deck .card-3{z-index:10;--rot:17deg}
.tool-deck.expanded .card-0{--x:-300px;--y:-65px;--rot:-20deg}
.tool-deck.expanded .card-1{--x:-85px;--y:-120px;--rot:-10deg}
.tool-deck.expanded .card-2{--x:150px;--y:-135px;--rot:5deg}
.tool-deck.expanded .card-3{--x:340px;--y:-94px;--rot:17deg}

@media(min-width:1180px){
  .tool-deck{display:flex}
  /* Keep the animated card deck exactly where it was before FAQ was added.
     The FAQ is visually anchored below the ML-DSA card but removed from the
     desktop grid flow so it cannot move/recenter the deck. */
  .access-left-stack{
    position:relative;
    display:block;
    width:100%;
    max-width:380px;
  }
  .faq-tabs-card{
    position:absolute;
    top:calc(100% + 32px);
    left:1px;
    right:1px;
    z-index:2;
  }
}
@media(max-width:560px){
  .liquid-editor-formatbar{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .liquid-editor-formatbar::-webkit-scrollbar{display:none}
  .liquid-editor-command.slash{margin-left:0}
  .liquid-editor-slash-item{grid-template-columns:1fr}
  .liquid-editor-slash-item span{display:none}
}
@media(max-width:1179px){
  .access-layout{display:block;width:min(380px,100%)}
}
@media(prefers-reduced-motion:reduce){
  .tool-card{transition:none!important}
}

/* Spectrum UI FAQTabsCard — native adaptation below the ML-DSA access card */
.access-left-stack{
  width:100%;
  max-width:380px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:32px;
}
.faq-tabs-card{
  width:100%;
  max-width:378px;
  display:flex;
  flex-direction:column;
  border-radius:26px;
  background:#fff;
  padding:24px;
  box-shadow:0 0 0 1px rgba(10,10,10,.05),0 2px 4px 0 rgba(0,0,0,.10);
}
.faq-tabs{
  display:flex;
  height:36px;
  align-items:center;
  border-radius:999px;
  background:#f5f5f5;
  padding:4px;
}
.faq-tab{
  position:relative;
  height:27px;
  flex:1 1 0;
  border:0;
  border-radius:999px;
  background:transparent;
  outline:none;
  padding:0;
  cursor:pointer;
}
.faq-tab-pill{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:transform .50s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;
}
.faq-tab-label{
  position:relative;
  z-index:1;
  color:rgba(23,23,23,.60);
  font-size:14px;
  font-weight:500;
  line-height:20px;
  transition:color .2s ease;
}
.faq-tab:hover .faq-tab-label{color:rgba(23,23,23,.80)}
.faq-tab.active .faq-tab-label{color:#171717}
.faq-accordion{
  margin-top:8px;
  flex:1 1 auto;
  overflow:hidden;
  border:1px solid #e5e5e5;
  border-radius:18px;
  opacity:1;
  transform:translateY(0);
  transition:opacity .18s ease-out,transform .18s ease-out;
}
.faq-accordion.switching{
  opacity:0;
  transform:translateY(6px);
}
.faq-item{
  background:#fff;
  transition:background .30s ease;
}
.faq-item+.faq-item{border-top:1px solid #e5e5e5}
.faq-item.open{background:rgba(245,245,245,.50)}
.faq-question{
  display:flex;
  min-height:56px;
  width:100%;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border:0;
  background:transparent;
  padding:16px;
  text-align:left;
  cursor:pointer;
}
.faq-question-text{
  max-width:248px;
  color:#171717;
  font-size:14px;
  font-weight:500;
  line-height:20px;
}
.faq-chevron{
  width:16px;
  height:16px;
  flex:0 0 16px;
  color:#171717;
  transition:transform .25s ease-out;
}
.faq-item.open .faq-chevron{transform:rotate(180deg)}
.faq-answer-wrap{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows .30s cubic-bezier(.4,0,.2,1),opacity .30s cubic-bezier(.4,0,.2,1);
}
.faq-item.open .faq-answer-wrap{
  grid-template-rows:1fr;
  opacity:1;
}
.faq-answer-inner{overflow:hidden}
.faq-answer{
  margin:0;
  padding:0 16px 19px;
  color:#171717;
  font-size:14px;
  line-height:20px;
}
.faq-footer{
  margin-top:25px;
  display:flex;
  height:34px;
  width:100%;
  align-items:center;
  justify-content:center;
  border:1px solid #e5e5e5;
  border-radius:26px;
  background:#fff;
  color:#171717;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  cursor:pointer;
  transition:background .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1);
}
.faq-footer:hover{
  background:#fafafa;
  transform:scale(1.015);
}
.faq-footer:active{transform:scale(.97)}
.faq-tab:focus-visible,.faq-question:focus-visible,.faq-footer:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}

/* Spectrum UI NavListCard demo — mounted beside FAQ */
.nav-list-demo{
  width:100%;
  max-width:360px;
}
.nav-list-grid{
  display:grid;
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:12px;
}
.nav-list-card{
  width:100%;
  border-radius:16px;
  background:#fff;
  padding:16px 0 8px;
  box-shadow:0 0 0 1px rgba(10,10,10,.05),0 1px 3px 0 rgba(0,0,0,.10),0 1px 2px -1px rgba(0,0,0,.10);
}
.nav-list-title{
  margin:0;
  padding:0 20px;
  color:rgba(23,23,23,.70);
  font-size:12px;
  font-weight:500;
  line-height:16px;
}
.nav-list-items{
  list-style:none;
  margin:8px 0 0;
  padding:0 8px;
}
.nav-list-items li+li{margin-top:4px}
.nav-list-row{
  display:flex;
  width:100%;
  height:32px;
  align-items:center;
  gap:8px;
  border:0;
  border-radius:999px;
  background:transparent;
  padding:0 10px;
  color:#171717;
  text-align:left;
  cursor:pointer;
  transform:translateX(0) scale(1);
  transform-origin:center;
  transition:transform .30s cubic-bezier(.34,1.56,.64,1),background .18s ease;
}
.nav-list-row:hover{
  background:#f5f5f5;
  transform:translateX(2px) scale(1);
}
.nav-list-row:active{transform:translateX(2px) scale(.98)}
.nav-list-row:focus-visible{
  outline:2px solid #171717;
  outline-offset:1px;
}
.nav-list-icon{
  display:flex;
  flex:0 0 auto;
  color:#171717;
}
.nav-list-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nav-list-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#171717;
  font-size:14px;
  line-height:20px;
}

@media(min-width:1180px){
  .nav-list-demo{
    position:absolute;
    top:calc(100% + 32px);
    left:calc(100% + 12px);
    z-index:2;
  }
}
@media(max-width:1179px){
  .nav-list-demo{
    margin-top:12px;
  }
}

/* Credentials / official documents viewer — Spectrum UI adaptation */
.documents-modal{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:grid;
  place-items:center;
  padding:24px;
}
.documents-modal[hidden]{display:none!important}
.documents-backdrop{
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  animation:documentsFadeIn .20s ease-out both;
}
.documents-window{
  position:relative;
  width:min(980px,calc(100vw - 48px));
  max-height:min(720px,calc(100dvh - 48px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #e5e5e5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 80px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.06);
  animation:documentsZoomIn .32s cubic-bezier(.22,1,.36,1) both;
}
.documents-header{
  display:flex;
  min-height:84px;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 20px;
  border-bottom:1px solid #ededed;
  background:#fff;
}
.documents-header-copy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.documents-header-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fafafa;
  color:#171717;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.documents-header-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.documents-eyebrow{
  margin:0 0 3px;
  color:#737373;
  font:700 9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.14em;
}
.documents-header h2{
  margin:0;
  color:#171717;
  font-size:16px;
  font-weight:650;
  line-height:1.25;
  letter-spacing:-.015em;
}
.documents-subtitle{
  margin:3px 0 0;
  color:#a3a3a3;
  font-size:11px;
  line-height:16px;
}
.documents-close{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border:1px solid #e5e5e5;
  border-radius:999px;
  background:#fff;
  color:#525252;
  font-size:19px;
  line-height:1;
  cursor:pointer;
  transform:scale(1);
  transition:background .18s ease,color .18s ease,transform .20s cubic-bezier(.34,1.56,.64,1);
}
.documents-close:hover{background:#f5f5f5;color:#171717}
.documents-close:active{transform:scale(.92)}
.documents-close:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
.documents-body{
  min-height:0;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  flex:1 1 auto;
  background:#fafafa;
}
.documents-nav{
  min-height:0;
  overflow:auto;
  padding:16px 12px;
  border-right:1px solid #ededed;
  background:#fff;
}
.documents-nav::before{
  content:"Documents";
  display:block;
  margin:0 10px 10px;
  color:#a3a3a3;
  font-size:11px;
  font-weight:600;
  line-height:16px;
}
.documents-nav-item{
  display:flex;
  width:100%;
  min-height:44px;
  align-items:center;
  gap:10px;
  border:0;
  border-radius:999px;
  background:transparent;
  padding:6px 10px;
  text-align:left;
  cursor:pointer;
  transform:translateX(0) scale(1);
  transition:background .18s ease,transform .26s cubic-bezier(.34,1.56,.64,1);
}
.documents-nav-item+.documents-nav-item{margin-top:4px}
.documents-nav-item:hover{
  background:#f5f5f5;
  transform:translateX(2px);
}
.documents-nav-item:active{transform:translateX(2px) scale(.98)}
.documents-nav-item.active{background:#f5f5f5}
.documents-nav-item:focus-visible{
  outline:2px solid #171717;
  outline-offset:1px;
}
.documents-nav-index{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border:1px solid #e5e5e5;
  border-radius:9px;
  background:#fff;
  color:#737373;
  font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.documents-nav-item.active .documents-nav-index{
  border-color:#171717;
  background:#171717;
  color:#fff;
}
.documents-nav-item>span:last-child{min-width:0}
.documents-nav-item strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#171717;
  font-size:12px;
  font-weight:600;
  line-height:17px;
}
.documents-nav-item small{
  display:block;
  margin-top:1px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#a3a3a3;
  font-size:10px;
  line-height:14px;
}
.documents-sheet{
  min-height:0;
  overflow:auto;
  padding:20px;
  background:#fafafa;
}
.official-document{
  width:min(100%,680px);
  margin:0 auto;
  padding:0;
}
.official-document-head{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:12px;
  row-gap:3px;
  align-items:center;
  border:1px solid #e5e5e5;
  border-radius:18px;
  background:#fff;
  padding:18px;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.official-document-seal{
  grid-column:1;
  grid-row:1 / span 2;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:13px;
  background:#171717;
  color:#fff;
  font:750 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:-.02em;
}
.official-document-head h3{
  grid-column:2;
  grid-row:1;
  margin:0;
  color:#171717;
  font-size:14px;
  font-weight:650;
  line-height:1.3;
  letter-spacing:-.01em;
  text-transform:none;
}
.official-document-head p{
  grid-column:2;
  grid-row:2;
  margin:0;
  color:#a3a3a3;
  font-size:11px;
  line-height:16px;
}
.document-status{
  grid-column:3;
  grid-row:1 / span 2;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid #d1fae5;
  border-radius:999px;
  background:#ecfdf5;
  padding:5px 9px;
  color:#047857;
  font-size:9px;
  font-weight:750;
  line-height:12px;
  white-space:nowrap;
}
.document-status::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#10b981;
  box-shadow:0 0 0 3px rgba(16,185,129,.08);
}
.document-fields{
  margin:12px 0 0;
  display:grid;
  gap:4px;
  border:1px solid #e5e5e5;
  border-radius:18px;
  background:#fff;
  padding:6px;
  box-shadow:0 1px 2px rgba(0,0,0,.025);
}
.document-field{
  display:grid;
  grid-template-columns:minmax(130px,.72fr) minmax(0,1fr);
  gap:16px;
  align-items:center;
  border-radius:12px;
  padding:10px 12px;
  font-size:11px;
  line-height:16px;
  transition:background .18s ease,transform .18s ease;
}
.document-field+.document-field{border-top:0}
.document-field:hover{
  background:#fafafa;
  transform:translateX(1px);
}
.document-field dt{
  color:#a3a3a3;
  font-weight:500;
}
.document-field dd{
  margin:0;
  color:#262626;
  font-weight:600;
  overflow-wrap:anywhere;
}
.document-description{
  position:relative;
  margin:12px 0 0;
  border:1px solid #e5e5e5;
  border-radius:16px;
  background:#fff;
  padding:16px 16px 16px 44px;
  color:#525252;
  font-size:11px;
  line-height:1.55;
  box-shadow:0 1px 2px rgba(0,0,0,.025);
}
.document-description::before{
  content:"i";
  position:absolute;
  top:15px;
  left:16px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f5f5f5;
  color:#737373;
  font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
}
.document-hash{
  margin:12px 0 0;
  border:1px solid #e5e5e5;
  border-radius:16px;
  background:#f5f5f5;
  padding:14px 16px;
  color:#737373;
  font:500 9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;
  overflow-wrap:anywhere;
}
.document-hash strong{
  display:inline-flex;
  margin-bottom:5px;
  color:#404040;
  font-size:9px;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.document-note{
  margin:10px 2px 0;
  color:#b3b3b3;
  font-size:9px;
  line-height:1.45;
}
@keyframes documentsFadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes documentsZoomIn{
  from{opacity:0;transform:translateY(8px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:760px){
  .documents-modal{
    place-items:end center;
    padding:0;
  }
  .documents-window{
    width:100%;
    max-height:92dvh;
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:24px 24px 0 0;
    animation:documentsSlideUp .32s cubic-bezier(.22,1,.36,1) both;
  }
  .documents-header{padding:16px}
  .documents-header-icon{width:36px;height:36px;flex-basis:36px}
  .documents-body{grid-template-columns:1fr}
  .documents-nav{
    display:flex;
    gap:6px;
    border-right:0;
    border-bottom:1px solid #ededed;
    overflow-x:auto;
    padding:10px 12px;
  }
  .documents-nav::before{display:none}
  .documents-nav-item{
    min-width:max-content;
    width:auto;
    padding-right:14px;
  }
  .documents-nav-item+.documents-nav-item{margin-top:0}
  .documents-sheet{padding:12px}
  .official-document-head{
    grid-template-columns:40px minmax(0,1fr);
    padding:14px;
  }
  .official-document-seal{width:40px;height:40px}
  .document-status{
    grid-column:2;
    grid-row:3;
    justify-self:start;
    margin-top:6px;
  }
  .document-field{grid-template-columns:1fr;gap:2px}
}
@keyframes documentsSlideUp{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .documents-backdrop,.documents-window{animation:none!important}
  .documents-nav-item,.document-field,.documents-close{transition:none!important}
}

/* Spectrum UI NumberTicker demo — native adaptation */
.number-ticker-demo{
  width:360px;
  flex:0 0 360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  padding:40px 0;
}
.number-ticker-card{
  width:100%;
  max-width:360px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  background:#fff;
  padding:24px;
}
.number-ticker-kicker{
  margin:0;
  color:#737373;
  font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.number-ticker-value{
  margin-top:12px;
  color:#171717;
  font-size:40px;
  font-weight:600;
  line-height:1;
  letter-spacing:-.03em;
}
.number-ticker{
  display:inline-flex;
  align-items:center;
  font-variant-numeric:tabular-nums;
}
.number-ticker-visual{
  display:inline-flex;
  align-items:center;
}
.number-ticker-prefix,
.number-ticker-separator{
  display:inline-block;
}
.number-ticker-digit{
  position:relative;
  display:inline-block;
  width:1ch;
  height:1.1em;
  overflow:hidden;
}
.number-ticker-column{
  position:absolute;
  inset-inline:0;
  top:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  will-change:transform,filter;
  transform:translateY(0);
  transition-property:transform;
  transition-duration:.9s;
  transition-timing-function:cubic-bezier(.16,1,.3,1);
}
.number-ticker-column.blur-roll{
  animation:numberTickerBlur .32s cubic-bezier(.16,1,.3,1) both;
}
.number-ticker-glyph{
  display:flex;
  height:1.1em;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.number-ticker-caption{
  margin:12px 0 0;
  color:#737373;
  font-size:14px;
  line-height:20px;
}
.number-ticker-controls{
  display:flex;
  align-items:center;
  gap:8px;
}
.number-ticker-button{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,0,0,.10);
  border-radius:999px;
  background:transparent;
  color:#404040;
  cursor:pointer;
  transform:scale(1);
  transition:background .18s ease,transform .12s ease;
}
.number-ticker-button:hover{background:rgba(0,0,0,.04)}
.number-ticker-button:active{transform:scale(.95)}
.number-ticker-button:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
.number-ticker-button svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@keyframes numberTickerBlur{
  from{filter:blur(10px)}
  to{filter:blur(0)}
}

/* Mount the ticker to the right of both NavListCards without moving the FAQ. */
@media(min-width:1180px){
  .nav-list-demo{
    width:732px;
    max-width:none;
    display:flex;
    align-items:flex-start;
    gap:12px;
  }
  .nav-list-grid{
    width:360px;
    flex:0 0 360px;
  }
  .number-ticker-demo{
    padding-top:0;
  }
}
@media(max-width:1179px){
  .number-ticker-demo{
    width:100%;
    max-width:360px;
    margin-top:12px;
  }
}
@media(prefers-reduced-motion:reduce){
  .number-ticker-column{transition-duration:0s!important}
  .number-ticker-column.blur-roll{animation:none!important}
}

/* Spectrum/Tailwind screen-reader-only utility */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Spectrum UI ScratchCard demo — native adaptation */
.scratch-card-demo{
  width:320px;
  flex:0 0 320px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  padding:32px 0;
}
.scratch-card-shell{
  position:relative;
  width:100%;
  max-width:320px;
  overflow:hidden;
  border:1px solid #e5e5e5;
  border-radius:16px;
  background:#fff;
  user-select:none;
  -webkit-user-select:none;
}
.scratch-card-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:40px 24px;
  text-align:center;
}
.scratch-ticket-icon{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e5e5e5;
  border-radius:999px;
  background:#f5f5f5;
  color:#525252;
}
.scratch-ticket-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.scratch-platform-icon{
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
}
.scratch-card-label{
  color:#a3a3a3;
  font-size:12px;
  font-weight:500;
  line-height:16px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.scratch-card-prize{
  color:#171717;
  font-size:30px;
  font-weight:600;
  line-height:36px;
  letter-spacing:-.025em;
}
.scratch-copy-button{
  margin-top:4px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px dashed #d4d4d4;
  border-radius:12px;
  background:transparent;
  padding:8px 16px;
  color:#404040;
  font:400 14px/20px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  cursor:pointer;
  transition:background .18s ease,transform .12s ease;
}
.scratch-copy-button:hover{background:#f5f5f5}
.scratch-copy-button:active{transform:scale(.98)}
.scratch-copy-button:focus-visible{
  outline:1px solid #171717;
  outline-offset:2px;
}
.scratch-copy-icon{
  display:flex;
  align-items:center;
  justify-content:center;
}
.scratch-copy-icon svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.scratch-foil{
  position:absolute;
  inset:0;
  z-index:10;
  opacity:1;
  transition:opacity .4s ease-out;
}
.scratch-foil.revealed{
  opacity:0;
  pointer-events:none;
}
.scratch-canvas{
  display:block;
  width:100%;
  height:100%;
  cursor:crosshair;
  touch-action:none;
}
.scratch-canvas:focus-visible{
  outline:1px solid #171717;
  outline-offset:-2px;
}
.scratch-particles{
  pointer-events:none;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.scratch-card-hint{
  margin:0;
  color:#737373;
  font-size:14px;
  line-height:20px;
  text-align:center;
}
.scratch-reset-button{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:transparent;
  padding:8px 16px;
  color:#404040;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  cursor:pointer;
  transition:background .18s ease,transform .12s ease;
}
.scratch-reset-button[hidden]{display:none!important}
.scratch-reset-button:hover{background:#fafafa}
.scratch-reset-button:active{transform:scale(.98)}
.scratch-reset-button:focus-visible{
  outline:1px solid #171717;
  outline-offset:2px;
}
.scratch-reset-button svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Three-column auxiliary row: NavListCards → NumberTicker → ScratchCard */
@media(min-width:1180px){
  .nav-list-demo{
    width:1064px;
  }
  .scratch-card-demo{
    padding-top:0;
  }
}
@media(max-width:1179px){
  .scratch-card-demo{
    width:100%;
    max-width:320px;
    margin-top:12px;
  }
}
@media(prefers-reduced-motion:reduce){
  .scratch-foil{transition:none!important}
}

/* Spectrum UI TiltCard demo — native adaptation */
.nav-list-left-column{
  position:relative;
  width:360px;
  flex:0 0 360px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.tilt-card-demo{
  width:100%;
  max-width:384px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  padding:40px 0;
}
.tilt-card-perspective{
  position:relative;
  width:100%;
  max-width:384px;
  perspective:1000px;
}
.tilt-card-surface{
  position:relative;
  width:100%;
  border:1px solid #e5e5e5;
  border-radius:16px;
  background:#fff;
  padding:24px;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.04);
  transform-style:preserve-3d;
  will-change:transform;
  transform:rotateX(0deg) rotateY(0deg) scale(1);
}
.tilt-card-preserve,
.tilt-card-footer{
  transform-style:preserve-3d;
}
.tilt-card-item{
  transform:translateZ(0);
  transform-style:preserve-3d;
  transition:transform .3s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.tilt-title{
  color:#171717;
  font-size:20px;
  font-weight:600;
  line-height:28px;
  letter-spacing:-.025em;
}
.tilt-description{
  margin-top:4px;
  color:#737373;
  font-size:14px;
  line-height:20px;
}
.tilt-media{
  margin-top:16px;
}
.tilt-media-frame{
  height:208px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:12px;
  background:#f7f7f7;
}
.tilt-media-frame img{
  display:block;
  width:128px;
  height:128px;
  object-fit:contain;
}
.tilt-card-footer{
  margin-top:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.tilt-price{
  color:#171717;
  font-size:18px;
  font-weight:700;
  line-height:28px;
}
.tilt-buy-button{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e5e5e5;
  border-radius:999px;
  background:#fff;
  padding:0;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:background .18s ease,transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;
}
.tilt-whatsapp-button{
  background:#fff!important;
  border-color:#e5e5e5!important;
  color:#171717;
}
.tilt-whatsapp-icon{
  width:28px;
  height:28px;
  display:block;
}
.tilt-whatsapp-button:hover{
  background:#fafafa;
  transform:scale(1.05);
  box-shadow:0 3px 10px rgba(0,0,0,.08);
}
.tilt-buy-button:active{transform:scale(.94)}
.tilt-buy-button:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
.tilt-card-glare{
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
  opacity:0;
  transform:translateZ(1px);
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.35),transparent 65%);
  transition:opacity .3s ease-out;
}
.tilt-card-hint{
  margin:0;
  color:#737373;
  font-size:14px;
  line-height:20px;
  text-align:center;
}
.tilt-card-surface.is-hovered .tilt-card-glare{opacity:1}

@media(min-width:1180px){
  .nav-list-demo{
    width:1064px;
  }
  .nav-list-grid{
    width:360px;
    flex:0 0 360px;
  }
  .tilt-card-demo{
    position:absolute;
    top:calc(100% + 12px);
    left:0;
    margin:0;
    padding-top:0;
  }
}
@media(max-width:1179px){
  .nav-list-left-column{
    width:100%;
    max-width:384px;
  }
  .tilt-card-demo{
    width:100%;
    max-width:384px;
  }
}
@media(prefers-reduced-motion:reduce){
  .tilt-card-item{transition:none!important}
  .tilt-card-glare{display:none!important}
}

/* Spectrum UI BeamCard demo — native border-beam adaptation */
.beam-card-demo{
  width:720px;
  max-width:720px;
  align-self:flex-start;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  padding:40px 0;
}
.beam-card-grid{
  display:grid;
  width:100%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.beam-card-wrap{
  position:relative;
  width:100%;
  border-radius:16px;
  isolation:isolate;
}
.beam-card-wrap::before,
.beam-card-wrap::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
}
.beam-card-wrap::before{
  z-index:-1;
}
.beam-card-surface{
  position:relative;
  z-index:1;
  width:100%;
  min-height:216px;
  height:100%;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  background:#fff;
  padding:24px;
}
.beam-card-eyebrow{
  margin:0;
  color:#737373;
  font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.beam-card-title{
  margin:8px 0 0;
  color:#171717;
  font-size:17px;
  font-weight:600;
  line-height:24px;
  letter-spacing:-.01em;
}
.beam-card-description{
  margin:6px 0 0;
  color:#737373;
  font-size:14px;
  line-height:24px;
}
.beam-card-body{
  margin-top:auto;
  padding-top:20px;
}
.beam-card-data{
  margin:0;
  color:#171717;
  font:600 15px/22px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-variant-numeric:tabular-nums;
}
.beam-avatar-stack{
  display:flex;
  align-items:center;
}
.beam-avatar{
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:-8px;
  border:2px solid #fff;
  border-radius:999px;
  background:#f5f5f5;
  color:#525252;
  font-size:11px;
  font-weight:500;
  line-height:1;
}
.beam-avatar:first-child{margin-left:0}
.beam-latency{
  margin:0;
  color:#171717;
  font:500 24px/32px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-variant-numeric:tabular-nums;
}
.beam-latency span{
  color:#737373;
  font-size:14px;
  line-height:20px;
}
.beam-card-hint{
  margin:0;
  color:#737373;
  font-size:14px;
  line-height:20px;
  text-align:center;
}

/* Traveling colorful beam */
.beam-card-traveling{
  padding:1px;
  overflow:hidden;
}
.beam-card-traveling::before{
  inset:-55%;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    transparent 0deg 245deg,
    #60a5fa 265deg,
    #a78bfa 286deg,
    #f472b6 305deg,
    #f59e0b 324deg,
    #34d399 342deg,
    transparent 360deg
  );
  animation:beamTravel 4s linear infinite;
  filter:saturate(1.1);
}
.beam-card-traveling .beam-card-surface{
  min-height:214px;
  border:0;
}

/* Breathing ocean / pulse-outside beam */
.beam-card-pulse-outside{
  padding:1px;
  background:linear-gradient(180deg,rgba(56,189,248,.34),rgba(14,165,233,.18));
}
.beam-card-pulse-outside::before{
  inset:-1px;
  z-index:-2;
  border:1px solid rgba(56,189,248,.45);
  box-shadow:
    0 0 0 0 rgba(56,189,248,0),
    0 0 18px 1px rgba(14,165,233,.08);
  animation:beamOceanPulse 2.8s cubic-bezier(.4,0,.2,1) infinite;
}
.beam-card-pulse-outside::after{
  inset:-8px;
  z-index:-3;
  border-radius:22px;
  background:radial-gradient(ellipse at center,rgba(56,189,248,.15),rgba(14,165,233,0) 70%);
  opacity:.35;
  filter:blur(9px);
  animation:beamOceanGlow 2.8s cubic-bezier(.4,0,.2,1) infinite;
}
.beam-card-pulse-outside .beam-card-surface{
  min-height:214px;
  border-color:rgba(0,0,0,.08);
}
@keyframes beamTravel{
  to{transform:rotate(360deg)}
}
@keyframes beamOceanPulse{
  0%,100%{
    border-color:rgba(56,189,248,.28);
    box-shadow:0 0 0 0 rgba(56,189,248,0),0 0 14px 0 rgba(14,165,233,.06);
  }
  50%{
    border-color:rgba(56,189,248,.78);
    box-shadow:0 0 0 4px rgba(56,189,248,.08),0 0 30px 5px rgba(14,165,233,.16);
  }
}
@keyframes beamOceanGlow{
  0%,100%{opacity:.20;transform:scale(.985)}
  50%{opacity:.62;transform:scale(1.025)}
}

@media(min-width:1180px){
  .nav-list-left-column{
    padding-bottom:0;
  }
  .tilt-card-demo{
    top:calc(100% + 12px);
  }
}
@media(max-width:1179px){
  .beam-card-demo{
    width:100%;
    max-width:720px;
  }
}
@media(max-width:640px){
  .beam-card-grid{
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:reduce){
  .beam-card-traveling::before,
  .beam-card-pulse-outside::before,
  .beam-card-pulse-outside::after{
    animation:none!important;
  }
}

/* Unified auxiliary layout — keeps Nav, Ticker, Scratch, Beam and Tilt visually joined */
@media(min-width:1180px){
  .nav-list-demo{
    width:1064px;
    max-width:none;
    display:grid;
    grid-template-columns:360px 360px 320px;
    grid-template-rows:auto auto auto;
    column-gap:12px;
    row-gap:16px;
    align-items:start;
  }
  .nav-list-left-column{
    position:static;
    grid-column:1;
    grid-row:1;
    width:360px;
    min-width:0;
    align-self:start;
  }
  .nav-list-grid{
    width:360px;
    height:auto;
    margin:0;
  }
  .number-ticker-demo{
    grid-column:2;
    grid-row:1;
    width:360px;
    margin:0;
    padding:0;
    align-self:start;
  }
  .scratch-card-demo{
    grid-column:3;
    grid-row:1;
    width:320px;
    margin:0;
    padding:0;
    align-self:start;
  }
  .beam-card-demo{
    grid-column:1 / span 2;
    grid-row:2;
    width:720px;
    max-width:720px;
    margin:0;
    padding:0;
    justify-self:center;
    align-self:start;
  }
  .tilt-card-demo{
    position:static;
    grid-column:1;
    grid-row:3;
    top:auto;
    left:auto;
    width:360px;
    max-width:360px;
    margin:0;
    padding:0;
    align-self:start;
  }
  .tilt-card-perspective{
    max-width:360px;
  }
}
@media(max-width:1179px){
  .nav-list-demo{
    display:flex;
    width:100%;
    max-width:720px;
    flex-direction:column;
    align-items:center;
    gap:16px;
  }
  .nav-list-left-column,
  .number-ticker-demo,
  .scratch-card-demo,
  .beam-card-demo,
  .tilt-card-demo{
    position:static;
    top:auto;
    left:auto;
    margin:0;
  }
  .beam-card-demo{
    padding:0;
  }
  .tilt-card-demo{
    padding:0;
  }
}

/* Spectrum UI AIChatCard — persistent saved-messages adaptation */
.saved-chat-demo{
  width:360px;
  max-width:360px;
  flex:0 0 360px;
  padding:32px 0;
}
.saved-chat-card{
  width:100%;
  min-height:520px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  box-shadow:0 0 16.4px 1px rgba(10,10,10,.05),0 1px 3px 0 rgba(0,0,0,.10),0 1px 2px -1px rgba(0,0,0,.10);
}
.saved-chat-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #e5e5e5;
  padding:20px 20px 16px;
}
.saved-chat-header h3{
  margin:0;
  color:#171717;
  font-size:16px;
  font-weight:500;
  line-height:24px;
}
.saved-chat-header p{
  margin:2px 0 0;
  color:#737373;
  font-size:14px;
  line-height:20px;
}
.saved-chat-refresh,
.saved-chat-round-button,
.saved-chat-send{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  cursor:pointer;
}
.saved-chat-refresh{
  border:1px solid #e5e5e5;
  background:#fff;
  color:#737373;
}
.saved-chat-refresh:hover{color:#171717}
.saved-chat-refresh:active{transform:scale(.9)}
.saved-chat-refresh span{display:flex}
.saved-chat-refresh.spinning span{animation:savedChatSpin .7s cubic-bezier(.34,1.56,.64,1)}
.saved-chat-refresh svg,
.saved-chat-round-button svg,
.saved-chat-send svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.saved-chat-body{
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.saved-chat-empty{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:40px 32px;
  text-align:center;
}
.saved-chat-empty[hidden]{display:none!important}
.saved-chat-empty-icon{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#f5f5f5;
  color:#171717;
  animation:savedChatFloat 3s ease-in-out infinite;
}
.saved-chat-empty-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.saved-chat-empty p{
  margin:16px 0 0;
  color:#171717;
  font-size:18px;
  font-weight:500;
  line-height:28px;
  letter-spacing:-.45px;
}
.saved-chat-empty small{
  max-width:210px;
  margin-top:6px;
  color:#737373;
  font-size:14px;
  line-height:22.75px;
}
.saved-chat-messages{
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow-y:auto;
  padding:16px 18px;
  scroll-behavior:smooth;
}
.saved-chat-messages[hidden]{display:none!important}
.saved-chat-message{
  max-width:82%;
  align-self:flex-start;
  border-radius:16px 16px 16px 5px;
  background:#f5f5f5;
  padding:9px 11px;
  color:#262626;
  font-size:13px;
  line-height:19px;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
.saved-chat-message.mine{
  align-self:flex-end;
  border-radius:16px 16px 5px 16px;
  background:#171717;
  color:#fff;
}
.saved-chat-message.pending{opacity:.62}
.saved-chat-message-time{
  display:block;
  margin-top:4px;
  opacity:.58;
  font-size:9px;
  line-height:12px;
}
.saved-chat-composer-wrap{padding:0 20px 20px}
.saved-chat-composer{
  border-radius:18px;
  background:rgba(229,229,229,.55);
  padding:12px;
  transition:background .18s ease;
}
.saved-chat-composer:focus-within{background:rgba(229,229,229,.78)}
.saved-chat-composer textarea{
  width:100%;
  min-height:40px;
  max-height:96px;
  resize:none;
  border:0;
  outline:0;
  background:transparent;
  color:#171717;
  font:400 14px/20px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.saved-chat-composer textarea::placeholder{color:#8c8c8c}
.saved-chat-composer-actions{
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.saved-chat-round-button{
  border:1px solid #e5e5e5;
  background:#fff;
  color:#171717;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1);
}
.saved-chat-round-button:hover{transform:rotate(90deg)}
.saved-chat-round-button:active{transform:rotate(90deg) scale(.88)}
.saved-chat-send{
  border:0;
  background:#000;
  color:#fff;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1);
}
.saved-chat-send:hover{transform:scale(1.08)}
.saved-chat-send:active{transform:scale(.88)}
.saved-chat-send:disabled{opacity:.42;cursor:not-allowed;transform:none}
.saved-chat-refresh:focus-visible,
.saved-chat-round-button:focus-visible,
.saved-chat-send:focus-visible,
.saved-chat-composer textarea:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
.saved-chat-status{
  min-height:14px;
  margin:6px 2px 0;
  color:#a3a3a3;
  font-size:10px;
  line-height:14px;
}
.saved-chat-status[data-type="error"]{color:#dc2626}
.saved-chat-status[data-type="ok"]{color:#15803d}
@keyframes savedChatFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes savedChatSpin{
  to{transform:rotate(360deg)}
}

@media(min-width:1180px){
  .nav-list-demo{
    width:1436px;
    max-width:none;
    display:flex;
    align-items:flex-start;
    gap:12px;
  }
  .saved-chat-demo{
    padding-top:0;
  }
}
@media(max-width:1179px){
  .saved-chat-demo{
    width:100%;
    max-width:360px;
    margin:12px auto 0;
  }
}
@media(prefers-reduced-motion:reduce){
  .saved-chat-empty-icon,
  .saved-chat-refresh.spinning span{animation:none!important}
  .saved-chat-messages{scroll-behavior:auto}
}

/* Final auxiliary layout authority — do not override component geometry below this point */
@media(min-width:1180px){
  .nav-list-demo{
    position:absolute;
    top:calc(100% + 32px);
    left:calc(100% + 12px);
    z-index:2;
    display:grid;
    width:1064px;
    max-width:none;
    grid-template-columns:360px 360px 320px;
    grid-template-rows:auto auto auto;
    column-gap:12px;
    row-gap:16px;
    align-items:start;
  }

  .nav-list-left-column{
    position:static;
    grid-column:1;
    grid-row:1;
    width:360px;
    max-width:360px;
    min-width:0;
    margin:0;
    padding:0;
    align-self:start;
  }
  .nav-list-grid{
    width:360px;
    max-width:360px;
    margin:0;
  }

  .number-ticker-demo{
    position:static;
    grid-column:2;
    grid-row:1;
    width:360px;
    max-width:360px;
    margin:0;
    padding:0;
    align-self:start;
  }

  .scratch-card-demo{
    position:static;
    grid-column:3;
    grid-row:1;
    width:320px;
    max-width:320px;
    margin:0;
    padding:0;
    align-self:start;
  }

  .beam-card-demo{
    position:static;
    grid-column:1 / span 3;
    grid-row:2;
    width:720px;
    max-width:720px;
    margin:0;
    padding:0;
    justify-self:start;
    align-self:start;
  }

  .tilt-card-demo{
    position:static;
    grid-column:1;
    grid-row:3;
    top:auto;
    left:auto;
    width:360px;
    max-width:360px;
    margin:0;
    padding:0;
    align-self:start;
  }
  .tilt-card-perspective{
    width:360px;
    max-width:360px;
  }

  .saved-chat-demo{
    position:static;
    grid-column:2;
    grid-row:3;
    width:360px;
    max-width:360px;
    margin:0;
    padding:0;
    align-self:start;
  }
}

@media(max-width:1179px){
  .nav-list-demo{
    position:static;
    display:flex;
    width:100%;
    max-width:720px;
    flex-direction:column;
    align-items:center;
    gap:16px;
    margin-top:12px;
  }
  .nav-list-left-column{order:1}
  .number-ticker-demo{order:2}
  .scratch-card-demo{order:3}
  .beam-card-demo{order:4}
  .tilt-card-demo{order:5}
  .saved-chat-demo{order:6}

  .nav-list-left-column,
  .number-ticker-demo,
  .scratch-card-demo,
  .beam-card-demo,
  .tilt-card-demo,
  .saved-chat-demo{
    position:static;
    top:auto;
    left:auto;
    margin:0;
  }
  .beam-card-demo,
  .tilt-card-demo,
  .saved-chat-demo{
    padding:0;
  }
}

/* Hashcod liquid-glass autosize text editor — Spectrum UI adaptation */
.faq-stack{
  width:100%;
  max-width:378px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.liquid-text-editor{
  position:relative;
  isolation:isolate;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.78);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.48)),
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.96),rgba(255,255,255,0) 42%);
  padding:16px;
  box-shadow:
    0 14px 40px rgba(15,23,42,.08),
    0 2px 8px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 0 0 1px rgba(255,255,255,.24);
  backdrop-filter:blur(24px) saturate(1.35);
  -webkit-backdrop-filter:blur(24px) saturate(1.35);
}
.liquid-text-editor::before{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 8% 10%,rgba(125,211,252,.18),transparent 26%),
    radial-gradient(circle at 90% 18%,rgba(196,181,253,.14),transparent 30%),
    radial-gradient(circle at 55% 110%,rgba(167,243,208,.12),transparent 35%);
}
.liquid-text-editor::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:23px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.02));
}
.liquid-editor-shine{
  pointer-events:none;
  position:absolute;
  top:-52px;
  left:18px;
  width:180px;
  height:90px;
  border-radius:50%;
  background:rgba(255,255,255,.62);
  filter:blur(26px);
  opacity:.75;
}
.liquid-editor-header{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.liquid-editor-heading{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.liquid-editor-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.88);
  border-radius:11px;
  background:rgba(255,255,255,.58);
  color:#404040;
  box-shadow:
    0 4px 12px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.liquid-editor-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}
.liquid-editor-heading p{
  margin:0 0 2px;
  color:#8a8a8a;
  font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  letter-spacing:.12em;
}
.liquid-editor-heading h3{
  margin:0;
  color:#171717;
  font-size:13px;
  font-weight:600;
  line-height:18px;
  letter-spacing:-.01em;
}
.liquid-editor-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:999px;
  background:rgba(255,255,255,.48);
  padding:5px 8px;
  color:#737373;
  font-size:9px;
  font-weight:600;
  line-height:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.liquid-editor-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#a3a3a3;
  box-shadow:0 0 0 3px rgba(163,163,163,.09);
}
.liquid-editor-status[data-state="saving"] i{
  background:#f59e0b;
  box-shadow:0 0 0 3px rgba(245,158,11,.10);
  animation:liquidEditorPulse .9s ease-in-out infinite;
}
.liquid-editor-status[data-state="saved"]{
  color:#047857;
}
.liquid-editor-status[data-state="saved"] i{
  background:#10b981;
  box-shadow:0 0 0 3px rgba(16,185,129,.09);
}
.liquid-editor-status[data-state="offline"]{
  color:#b45309;
}
.liquid-editor-status[data-state="offline"] i{
  background:#f59e0b;
}
.liquid-editor-toolbar{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin-top:12px;
}
.liquid-editor-tool{
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.84);
  border-radius:9px;
  background:rgba(255,255,255,.52);
  padding:0 9px;
  color:#525252;
  font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 10px rgba(15,23,42,.035);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:background .16s ease,transform .12s ease,border-color .16s ease;
}
.liquid-editor-tool:hover{
  background:rgba(255,255,255,.76);
  border-color:rgba(255,255,255,.98);
}
.liquid-editor-tool:active{transform:scale(.96)}
.liquid-editor-tool:focus-visible{
  outline:2px solid rgba(23,23,23,.72);
  outline-offset:2px;
}
.liquid-editor-tool.danger{color:#9f1239}
.liquid-editor-formatbar{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin-top:8px;
  padding:7px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:13px;
  background:rgba(255,255,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 5px 16px rgba(15,23,42,.035);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.liquid-editor-command{
  min-width:29px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.88);
  border-radius:8px;
  background:rgba(255,255,255,.56);
  padding:0 7px;
  color:#303030;
  font:650 10px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 2px 8px rgba(15,23,42,.035);
  transition:transform .12s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.liquid-editor-command:hover{
  background:rgba(255,255,255,.84);
  border-color:#fff;
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(15,23,42,.055);
}
.liquid-editor-command:active{transform:scale(.95)}
.liquid-editor-command:focus-visible{
  outline:2px solid rgba(23,23,23,.72);
  outline-offset:2px;
}
.liquid-editor-command.wide{
  min-width:34px;
  font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.liquid-editor-command.slash{
  margin-left:auto;
  background:#171717;
  color:#fff;
  border-color:#171717;
  font-size:13px;
}
.liquid-editor-divider{
  width:1px;
  height:18px;
  margin:0 1px;
  background:rgba(23,23,23,.12);
}
.liquid-editor-slash-menu{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:12;
  max-height:260px;
  overflow:auto;
  display:grid;
  gap:3px;
  border:1px solid rgba(255,255,255,.94);
  border-radius:14px;
  background:rgba(250,250,250,.96);
  padding:7px;
  box-shadow:0 18px 42px rgba(15,23,42,.16),inset 0 1px 0 #fff;
  backdrop-filter:blur(22px) saturate(1.25);
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
}
.liquid-editor-slash-menu[hidden]{display:none!important}
.liquid-editor-slash-item{
  width:100%;
  min-height:42px;
  display:grid;
  grid-template-columns:minmax(90px,.72fr) 1fr;
  align-items:center;
  gap:10px;
  border:0;
  border-radius:9px;
  background:transparent;
  padding:7px 9px;
  text-align:left;
  color:#262626;
  cursor:pointer;
}
.liquid-editor-slash-item strong{
  font-size:11px;
  line-height:15px;
  font-weight:650;
}
.liquid-editor-slash-item span{
  color:#8a8a8a;
  font:500 9px/13px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.liquid-editor-slash-item:hover,
.liquid-editor-slash-item[data-active="true"]{
  background:#efefef;
}
.liquid-editor-slash-item[hidden]{display:none!important}

.liquid-editor-file{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}
.liquid-editor-encoding{
  margin-left:auto;
  display:inline-flex;
  min-height:28px;
  align-items:center;
  border:1px solid rgba(255,255,255,.76);
  border-radius:999px;
  background:rgba(255,255,255,.42);
  padding:0 8px;
  color:#737373;
  font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  letter-spacing:.06em;
}
.liquid-editor-field{
  position:relative;
  z-index:1;
  margin-top:14px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:18px;
  background:rgba(255,255,255,.48);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 8px 24px rgba(15,23,42,.045);
  backdrop-filter:blur(16px) saturate(1.25);
  -webkit-backdrop-filter:blur(16px) saturate(1.25);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.liquid-editor-field:focus-within{
  border-color:rgba(255,255,255,.98);
  background:rgba(255,255,255,.64);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 10px 28px rgba(15,23,42,.065),
    0 0 0 1px rgba(23,23,23,.06);
  transform:translateY(-1px);
}
.autosize-textarea{
  display:block;
  width:100%;
  min-height:52px;
  max-height:none;
  overflow-y:hidden;
  resize:none;
  border:0;
  outline:0;
  background:transparent;
  padding:14px 15px;
  color:#262626;
  font:400 13px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  caret-color:#171717;
  tab-size:4;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.autosize-textarea::placeholder{
  color:#a3a3a3;
  opacity:1;
}
.liquid-editor-footer{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:9px;
  padding:0 2px;
  color:#9a9a9a;
  font-size:9px;
  line-height:13px;
}
.liquid-editor-shortcut{
  border:1px solid rgba(255,255,255,.75);
  border-radius:7px;
  background:rgba(255,255,255,.46);
  padding:2px 6px;
  color:#737373;
  font:600 8px/12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
@keyframes liquidEditorPulse{
  0%,100%{opacity:.45;transform:scale(.88)}
  50%{opacity:1;transform:scale(1)}
}

@media(min-width:1180px){
  .faq-stack{
    position:absolute;
    top:calc(100% + 32px);
    left:1px;
    right:1px;
    z-index:2;
  }
  .faq-stack .faq-tabs-card{
    position:static;
    top:auto;
    right:auto;
    left:auto;
    width:100%;
    max-width:none;
  }
}
@media(max-width:1179px){
  .faq-stack{
    position:static;
    width:100%;
    max-width:378px;
  }
  .faq-stack .faq-tabs-card{
    position:static;
    top:auto;
    right:auto;
    left:auto;
  }
}
@media(prefers-reduced-motion:reduce){
  .liquid-editor-status[data-state="saving"] i{animation:none!important}
  .liquid-editor-field{transition:none!important}
}



/* Non-blocking Hashcod entry window — preserves the former access-card position. */
.entry-access-card{
  min-height:430px;
  display:flex;
  flex-direction:column;
}
.entry-progress{margin-bottom:22px}
.entry-welcome-panel{
  margin-top:28px;
  min-height:148px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  border-radius:18px;
  background:rgba(229,229,229,.45);
  padding:24px;
  text-align:left;
}
.entry-platform-logo{
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:block;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.entry-welcome-panel strong{
  display:block;
  color:#171717;
  font-size:14px;
  line-height:20px;
}
.entry-welcome-panel small{
  display:block;
  margin-top:4px;
  color:#737373;
  font-size:13px;
  line-height:19px;
}
.entry-login-action{
  margin-top:auto;
  display:flex;
  width:100%;
  justify-content:center;
}
.spectrum-outline-login-button{
  display:flex;
  width:100%;
  min-width:0;
  height:40px;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid #d4d4d4;
  border-radius:10px;
  background:#fff;
  padding:0 16px;
  color:#171717;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.spectrum-outline-login-button:hover{
  background:#fafafa;
  border-color:#a3a3a3;
}
.spectrum-outline-login-button:active{transform:scale(.97)}
.spectrum-outline-login-button:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
.spectrum-outline-login-button:disabled{
  opacity:.55;
  cursor:wait;
}
.spectrum-outline-login-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:block;
  object-fit:contain;
  object-position:center;
  background:transparent;
  border:0;
}

.entry-stat-card{
  width:100%;
  margin-top:17px;
  overflow:hidden;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fff;
  color:#171717;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.entry-stat-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:24px 24px 8px;
}
.entry-stat-header h2{
  margin:0;
  color:#171717;
  font-size:14px;
  font-weight:600;
  line-height:20px;
  letter-spacing:-.01em;
}
.entry-stat-trend{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:grid;
  place-items:center;
  color:#737373;
}
.entry-stat-trend svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.entry-stat-content{
  padding:0 24px 24px;
}
.entry-stat-value{
  color:#171717;
  font-size:24px;
  font-weight:600;
  line-height:32px;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
}
.entry-stat-caption{
  display:flex;
  align-items:center;
  gap:4px;
  margin:4px 0 0;
  color:#737373;
  font-size:12px;
  line-height:16px;
}
.entry-stat-caption>span:first-child{
  color:#171717;
  font-variant-numeric:tabular-nums;
}
.entry-stat-chart{
  display:block;
  width:100%;
  height:32px;
  margin-top:12px;
  overflow:visible;
  color:#171717;
}
.entry-stat-chart polygon{pointer-events:none}
.entry-stat-chart polyline,.entry-stat-chart circle{
  transition:points .3s ease,cx .3s ease,cy .3s ease,opacity .2s ease;
}
.entry-status{
  min-height:0;
  margin-top:8px;
}
.entry-status:empty{display:none}

.entry-progress-four{
  grid-template-columns:28px minmax(18px,1fr) 28px minmax(18px,1fr) 28px minmax(18px,1fr) 28px;
  gap:7px;
}
.entry-progress-four .step{
  position:relative;
  z-index:1;
}
.entry-progress-four i{
  width:100%;
}
.entry-progress-four .step.complete{
  background:#171717;
  border-color:#171717;
  color:#fff;
}
.entry-progress-four .step.complete + i{
  background:#171717;
}
.entry-wizard-panels{
  min-height:0;
}
.entry-wizard-panel{
  width:100%;
  animation:entryWizardIn .24s ease both;
}
.entry-wizard-panel[hidden]{
  display:none!important;
}
@keyframes entryWizardIn{
  from{opacity:0;transform:translateX(8px)}
  to{opacity:1;transform:none}
}

.entry-product-security{
  position:relative;
}
.entry-twofactor-card{
  position:relative;
  z-index:3;
  width:100%;
  margin-bottom:14px;
  overflow:hidden;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 6px 22px rgba(0,0,0,.08);
  transition:opacity .22s ease,transform .22s ease;
}
.entry-product-security[data-mode="view"] .entry-twofactor-card,
.entry-product-security[data-mode="edit"] .entry-twofactor-card{
  display:none;
}
.entry-twofactor-header{
  padding:24px 24px 16px;
}
.entry-twofactor-header h2{
  margin:0;
  color:#171717;
  font-size:16px;
  font-weight:600;
  line-height:24px;
}
.entry-twofactor-header p{
  margin:4px 0 0;
  color:#737373;
  font-size:13px;
  line-height:19px;
}
.entry-twofactor-content{
  padding:0 24px 16px;
}
.entry-twofactor-digits{
  display:flex;
  gap:6px;
}
.entry-twofactor-digit{
  width:100%;
  min-width:0;
  height:44px;
  border:1px solid #d4d4d4;
  border-radius:6px;
  background:#fff;
  color:#171717;
  text-align:center;
  font-size:16px;
  font-weight:600;
  line-height:1;
  font-variant-numeric:tabular-nums;
  outline:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.entry-twofactor-digit:focus{
  border-color:rgba(23,23,23,.5);
  box-shadow:0 0 0 2px rgba(23,23,23,.10);
}
.entry-twofactor-status{
  min-height:16px;
  margin:9px 0 0;
  color:#737373;
  font-size:11px;
  line-height:16px;
}
.entry-twofactor-status[data-state="error"]{color:#dc2626}
.entry-twofactor-status[data-state="ok"]{color:#15803d}
.entry-twofactor-footer{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:0 24px 24px;
}
.entry-twofactor-verify{
  width:100%;
  height:38px;
  border:1px solid #171717;
  border-radius:9px;
  background:#171717;
  color:#fff;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:transform .16s ease,opacity .16s ease,background .16s ease;
}
.entry-twofactor-verify:hover{background:#262626}
.entry-twofactor-verify:active{transform:scale(.96)}
.entry-twofactor-verify:disabled{opacity:.55;cursor:wait}
.entry-twofactor-resend{
  align-self:center;
  border:0;
  background:transparent;
  padding:2px 4px;
  color:#737373;
  font-size:11px;
  line-height:16px;
  text-decoration:none;
  text-underline-offset:4px;
  cursor:pointer;
}
.entry-twofactor-resend:hover{
  color:#171717;
  text-decoration:underline;
}
.entry-product-protected{
  transition:filter .24s ease,opacity .24s ease,transform .24s ease;
}
.entry-product-security[data-mode="verify"] .entry-product-protected{
  filter:blur(7px);
  opacity:.52;
  transform:scale(.985);
  pointer-events:none;
  user-select:none;
}
.entry-product-security[data-mode="view"] .entry-product-protected,
.entry-product-security[data-mode="edit"] .entry-product-protected{
  filter:none;
  opacity:1;
  transform:none;
}
.entry-product-image{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
  cursor:default;
  touch-action:auto;
  user-select:none;
  -webkit-user-drag:none;
}
.entry-product-security[data-mode="edit"] .entry-product-image{
  cursor:grab;
  touch-action:none;
}
.entry-product-security[data-mode="edit"] .entry-product-image.is-dragging{
  cursor:grabbing;
}
.entry-product-image:not([hidden])~.entry-product-icon-wrap{
  display:none;
}
.entry-product-upload-button{
  position:absolute;
  z-index:2;
  right:12px;
  bottom:12px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,0,0,.10);
  border-radius:9px;
  background:rgba(255,255,255,.9);
  padding:0 11px;
  color:#171717;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  backdrop-filter:blur(8px);
}
.entry-product-upload-button:hover{background:#fff}
.entry-product-upload-button{
  display:none;
}
.entry-product-security[data-mode="edit"] .entry-product-upload-button{
  display:inline-flex;
}
.entry-product-edit-button{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:12px;
  width:40px;
  height:40px;
  display:none;
  align-items:center;
  justify-content:center;
  transform:translateX(-50%);
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  background:rgba(255,255,255,.94);
  color:#171717;
  padding:0;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.10);
  backdrop-filter:blur(8px);
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.entry-product-security[data-mode="view"] .entry-product-edit-button{
  display:inline-flex;
}
.entry-product-edit-button:hover{
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.14);
}
.entry-product-edit-button:active{
  transform:translateX(-50%) scale(.94);
}
.entry-product-edit-button svg{
  width:18px;
  height:18px;
  fill:currentColor;
}
.entry-product-security[data-mode="view"] .entry-product-content,
.entry-product-security[data-mode="view"] .entry-product-badge,
.entry-product-security[data-mode="view"] .entry-product-upload-button{
  display:none!important;
}
.entry-product-security[data-mode="view"] .entry-product-card{
  overflow:visible;
}
.entry-product-security[data-mode="view"] .entry-product-media{
  border-radius:12px;
}
.entry-product-security[data-mode="view"] .entry-product-radial{
  display:none;
}
.entry-product-file{display:none!important}
.entry-product-edit-fields{
  display:grid;
  gap:10px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #ededed;
}
.entry-product-edit-fields label{
  display:grid;
  gap:5px;
  color:#737373;
  font-size:11px;
  line-height:15px;
}
.entry-product-edit-fields input{
  width:100%;
  height:36px;
  border:1px solid #d4d4d4;
  border-radius:8px;
  background:#fff;
  padding:0 10px;
  color:#171717;
  font-size:13px;
  outline:none;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.entry-product-edit-fields input:focus{
  border-color:rgba(23,23,23,.5);
  box-shadow:0 0 0 2px rgba(23,23,23,.08);
}

.entry-product-card{
  width:100%;
  overflow:hidden;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.entry-product-media{
  position:relative;
  aspect-ratio:4 / 3;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
}
.entry-product-radial{
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at top left,rgba(23,23,23,.12),transparent 65%);
  pointer-events:none;
}
.entry-product-icon-wrap{
  position:relative;
  z-index:1;
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:rgba(255,255,255,.80);
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.10);
  backdrop-filter:blur(8px);
  transition:transform .3s ease-out;
}
.entry-product-card:hover .entry-product-icon-wrap{
  transform:scale(1.04);
}
.entry-product-icon-wrap svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:#737373;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.entry-product-badge{
  position:absolute;
  left:12px;
  top:12px;
  display:inline-flex;
  align-items:center;
  min-height:22px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  padding:2px 9px;
  color:#525252;
  font-size:11px;
  font-weight:600;
  line-height:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.035);
}
.entry-product-content{
  padding:24px;
}
.entry-product-meta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.entry-product-copy{
  min-width:0;
}
.entry-product-copy p{
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#171717;
  font-size:14px;
  font-weight:500;
  line-height:20px;
}
.entry-product-copy small{
  display:block;
  margin-top:2px;
  color:#737373;
  font-size:12px;
  line-height:16px;
}
.entry-product-price{
  flex:0 0 auto;
  color:#171717;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  font-variant-numeric:tabular-nums;
}
.entry-product-add{
  width:100%;
  height:36px;
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #171717;
  border-radius:9px;
  background:#171717;
  color:#fff;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.entry-product-add:hover{
  background:#262626;
  border-color:#262626;
}
.entry-product-add:active{
  transform:scale(.96);
}
.entry-product-add[aria-pressed="true"]{
  background:#fff;
  color:#171717;
  border-color:#d4d4d4;
}
.entry-wizard-nav{
  display:flex;
  gap:10px;
  width:100%;
  margin-top:16px;
}
.entry-wizard-back,
.entry-wizard-next{
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  padding:0 15px;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.entry-wizard-back{
  flex:0 0 auto;
  border:1px solid #d4d4d4;
  background:#fff;
  color:#525252;
}
.entry-wizard-next{
  flex:1 1 auto;
  border:1px solid #171717;
  background:#171717;
  color:#fff;
}
.entry-wizard-next:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.entry-wizard-back:hover{background:#f5f5f5}
.entry-wizard-next:hover{background:#262626}
.entry-wizard-back:active,
.entry-wizard-next:active{transform:scale(.98)}
.entry-wizard-finish{
  gap:9px;
}
.entry-wizard-finish img{
  width:16px;
  height:16px;
  object-fit:contain;
  filter:invert(1);
}
.entry-usage-card{
  width:100%;
  overflow:hidden;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.entry-usage-header{
  padding:24px 24px 16px;
}
.entry-usage-header h2{
  margin:0;
  color:#171717;
  font-size:16px;
  font-weight:600;
  line-height:24px;
}
.entry-usage-header p{
  margin:4px 0 0;
  color:#737373;
  font-size:13px;
  line-height:19px;
}
.entry-usage-content{
  display:grid;
  gap:16px;
  padding:0 24px 24px;
}
.entry-usage-quota{
  display:grid;
  gap:8px;
}
.entry-usage-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#171717;
  font-size:14px;
  line-height:20px;
}
.entry-usage-value{
  flex:0 0 auto;
  color:#737373;
  font-size:12px;
  line-height:16px;
  font-variant-numeric:tabular-nums;
}
.entry-usage-track{
  width:100%;
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#ededed;
}
.entry-usage-progress{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:#171717;
  transition:width .35s ease;
}
.entry-usage-note{
  margin:0;
  color:#a3a3a3;
  font-size:11px;
  line-height:16px;
}
.entry-usage-card[data-loading="true"] .entry-usage-value{
  opacity:.55;
}
@media(prefers-reduced-motion:reduce){
  .entry-usage-progress{transition:none!important}
}

.entry-level-placeholder{
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px dashed #d4d4d4;
  border-radius:16px;
  background:#fafafa;
  padding:28px;
  text-align:center;
}
.entry-level-placeholder>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#171717;
  color:#fff;
  font:700 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
}
.entry-level-placeholder strong{
  margin-top:14px;
  color:#171717;
  font-size:15px;
  line-height:22px;
}
.entry-level-placeholder p{
  max-width:270px;
  margin:7px 0 0;
  color:#737373;
  font-size:13px;
  line-height:19px;
}
@media(max-width:480px){
  .entry-progress-four{gap:5px}
  .entry-product-content{padding:20px}
  .entry-level-placeholder{min-height:250px}
}
@media(prefers-reduced-motion:reduce){
  .entry-wizard-panel{animation:none!important}
  .entry-product-icon-wrap,
  .entry-product-add,
  .entry-wizard-back,
  .entry-wizard-next{transition:none!important}
}


/* React Bits BranchedMenu host — replaces the former first-screen white access card.
   No card chrome: the component itself keeps the supplied React Bits styling. */
.entry-branched-menu-stage{
  width:300px;
  max-width:100%;
  min-height:280px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  padding:18px 22px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#0a0a0a;
  box-shadow:none;
  overflow:visible;
}
.entry-branched-menu-mount{
  width:240px;
  max-width:100%;
  min-height:1px;
}
.entry-branched-menu-stage .branched-menu{
  --bm-muted:#0a0a0a;
}
.entry-branched-menu-stage .branched-menu__head,
.entry-branched-menu-stage .branched-menu__item,
.entry-branched-menu-stage .branched-menu__icon{
  color:#0a0a0a;
}

/* First screen placement: keep the navigation comfortably inset from the
   left edge while lifting it toward the upper-left of the viewport. */
@media(min-width:1180px){
  body[data-hashcod-entry-intro="1"] .entry-branched-menu-stage{
    position:fixed;
    left:18px;
    top:8px;
    z-index:6;
    margin:0;
    max-height:calc(100dvh - 16px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  body[data-hashcod-entry-intro="1"] .entry-branched-menu-stage::-webkit-scrollbar{
    width:10px;
  }
  body[data-hashcod-entry-intro="1"] .entry-branched-menu-stage::-webkit-scrollbar-track{
    background:transparent;
  }
  body[data-hashcod-entry-intro="1"] .entry-branched-menu-stage::-webkit-scrollbar-thumb{
    border:3px solid transparent;
    background-clip:padding-box;
    border-radius:999px;
    background-color:#d4d4d4;
  }
  body[data-hashcod-entry-intro="1"] .entry-branched-menu-stage::-webkit-scrollbar-thumb:hover{
    background-color:#a3a3a3;
  }
}
@media(max-width:1179px){
  .entry-branched-menu-stage{margin-inline:auto}
}
@media(max-width:360px){
  .entry-branched-menu-stage{
    width:100%;
    padding-inline:18px;
  }
}


/* First-screen FAQ modal — opened from the BranchedMenu FAQ item. */
body[data-hashcod-entry-intro="1"] .faq-tabs-card{
  display:none;
}
.faq-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:block;
  width:100vw;
  height:100dvh;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  opacity:0;
  transition:opacity .20s ease;
  pointer-events:auto;
}
.faq-modal-backdrop[hidden]{
  display:none!important;
}
body.faq-modal-open{
  overflow:hidden;
}
body.faq-modal-open > *:not(#d5FaqModalBackdrop):not(#d5FaqCard){
  pointer-events:none!important;
  user-select:none!important;
}
body.faq-modal-open .faq-modal-backdrop{
  opacity:1;
}
body[data-hashcod-entry-intro="1"].faq-modal-open .faq-tabs-card{
  position:fixed;
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  z-index:2147483647;
  display:flex;
  width:min(378px,calc(100vw - 32px));
  max-width:378px;
  max-height:calc(100dvh - 48px);
  margin:0;
  padding:18px 24px 24px;
  overflow:auto;
  transform:translate(-50%,-50%);
  animation:faqModalIn .24s cubic-bezier(.22,1,.36,1) both;
}
/* Keep the accordion at its content height so the modal can scroll to every
   question, including after a long answer opens on a short viewport. */
body[data-hashcod-entry-intro="1"].faq-modal-open .faq-accordion{
  flex:0 0 auto;
}
.faq-modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 14px;
}
.faq-modal-header h2{
  margin:0;
  color:#171717;
  font-size:16px;
  font-weight:650;
  line-height:1.25;
}
.faq-modal-close{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:1px solid #e5e5e5;
  border-radius:999px;
  background:#fff;
  color:#171717;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}
.faq-modal-close:hover{background:#f5f5f5}
.faq-modal-close:active{transform:scale(.92)}
.faq-modal-close:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
@keyframes faqModalIn{
  from{opacity:0;transform:translate(-50%,-50%) scale(.985)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .faq-modal-backdrop,
  body[data-hashcod-entry-intro="1"].faq-modal-open .faq-tabs-card{
    transition:none!important;
    animation:none!important;
  }
}


/* First-screen Card modal — opened from the BranchedMenu Card item.
   The original d5ToolDeck stays in place behind the blurred veil. */
.card-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:block;
  width:100vw;
  height:100dvh;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  opacity:0;
  transition:opacity .20s ease;
  pointer-events:auto;
}
.card-modal-backdrop[hidden]{
  display:none!important;
}
.card-modal-shell{
  display:none;
}
body.card-modal-open{
  overflow:hidden;
}
body.card-modal-open > *:not(#d5CardModalBackdrop):not(#d5CardModalShell){
  pointer-events:none!important;
  user-select:none!important;
}
body.card-modal-open .card-modal-backdrop{
  opacity:1;
}
body.card-modal-open .card-modal-shell{
  position:fixed;
  left:50%;
  top:50%;
  z-index:2147483647;
  display:block;
  width:min(980px,calc(100vw - 32px));
  height:min(680px,calc(100dvh - 32px));
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  transform:translate(-50%,-50%);
  animation:cardModalIn .24s cubic-bezier(.22,1,.36,1) both;
}
.card-modal-deck{
  position:relative!important;
  display:flex!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible;
}
.card-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:100;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(10,10,10,.10);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#171717;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  font:500 22px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease;
}
.card-modal-close:hover{background:#fff}
.card-modal-close:active{transform:scale(.92)}
.card-modal-close:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
@keyframes cardModalIn{
  from{opacity:0;transform:translate(-50%,-50%) scale(.985)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@media(max-width:760px){
  body.card-modal-open .card-modal-shell{
    width:calc(100vw - 20px);
    height:min(620px,calc(100dvh - 20px));
  }
  .card-modal-deck .tool-card{
    width:min(320px,calc(100vw - 64px));
  }
}
@media(prefers-reduced-motion:reduce){
  .card-modal-backdrop,
  body.card-modal-open .card-modal-shell{
    transition:none!important;
    animation:none!important;
  }
}


/* Card source deck: data-only on the first screen.
   It is cloned into #d5CardModalDeck when Card is selected from BranchedMenu. */
body[data-hashcod-entry-intro="1"] #d5ToolDeck{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* First-screen Workspace modal — opened only from the BranchedMenu Workspace item. */
body[data-hashcod-entry-intro="1"] #d5TextEditorCard[hidden]{
  display:none!important;
}
.workspace-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:block;
  width:100vw;
  height:100dvh;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  opacity:0;
  transition:opacity .20s ease;
  pointer-events:auto;
}
.workspace-modal-backdrop[hidden]{
  display:none!important;
}
body.workspace-modal-open{
  overflow:hidden;
}
body.workspace-modal-open > *:not(#d5WorkspaceModalBackdrop):not(#d5TextEditorCard){
  pointer-events:none!important;
  user-select:none!important;
}
body.workspace-modal-open .workspace-modal-backdrop{
  opacity:1;
}
body[data-hashcod-entry-intro="1"].workspace-modal-open #d5TextEditorCard{
  position:fixed;
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  z-index:2147483647;
  display:block;
  width:min(470px,calc(100vw - 32px));
  max-width:470px;
  max-height:calc(100dvh - 32px);
  margin:0;
  overflow:auto;
  transform:translate(-50%,-50%);
  animation:workspaceModalIn .24s cubic-bezier(.22,1,.36,1) both;
}
.liquid-editor-header-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
}
.workspace-modal-close{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(10,10,10,.10);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#171717;
  box-shadow:0 3px 12px rgba(15,23,42,.06);
  font:500 20px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}
.workspace-modal-close:hover{background:#fff}
.workspace-modal-close:active{transform:scale(.92)}
.workspace-modal-close:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
@keyframes workspaceModalIn{
  from{opacity:0;transform:translate(-50%,-50%) scale(.985)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@media(max-width:560px){
  body[data-hashcod-entry-intro="1"].workspace-modal-open #d5TextEditorCard{
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
    padding:14px;
  }
}
@media(prefers-reduced-motion:reduce){
  .workspace-modal-backdrop,
  body[data-hashcod-entry-intro="1"].workspace-modal-open #d5TextEditorCard{
    transition:none!important;
    animation:none!important;
  }
}


/* First-screen Documents hub — shows only the reference row when selected from BranchedMenu. */
body[data-hashcod-entry-intro="1"] #d5NavListDemo .nav-list-grid,
body[data-hashcod-entry-intro="1"] #d5NumberTickerDemo,
body[data-hashcod-entry-intro="1"] #d5ScratchCardDemo{
  display:none!important;
}

.documents-hub-backdrop{
  position:fixed;
  inset:0;
  z-index:2147483604;
  display:block;
  width:100vw;
  height:100dvh;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  opacity:0;
  transition:opacity .20s ease;
  pointer-events:auto;
}
.documents-hub-backdrop[hidden]{
  display:none!important;
}
.documents-hub-shell{
  display:none;
}
body.documents-hub-open{
  overflow:hidden;
}
body.documents-hub-open > *:not(#d5DocumentsHubBackdrop):not(#d5DocumentsHubShell):not(#d5DocumentsModal){
  pointer-events:none!important;
  user-select:none!important;
}
body.documents-hub-open .documents-hub-backdrop{
  opacity:1;
}
body.documents-hub-open .documents-hub-shell{
  position:fixed;
  left:50%;
  top:50%;
  z-index:2147483605;
  display:block;
  width:min(1320px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  margin:0;
  padding:58px 22px 22px;
  overflow:auto;
  border:0;
  background:transparent;
  box-shadow:none;
  transform:translate(-50%,-50%);
  animation:documentsHubIn .24s cubic-bezier(.22,1,.36,1) both;
}
.documents-hub-content{
  display:grid;
  grid-template-columns:360px minmax(340px,1fr) 320px;
  align-items:start;
  justify-content:center;
  gap:14px;
  width:100%;
}
body[data-hashcod-entry-intro="1"].documents-hub-open #d5DocumentsHubContent > .nav-list-grid{
  display:grid!important;
  width:360px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body[data-hashcod-entry-intro="1"].documents-hub-open #d5DocumentsHubContent > #d5NumberTickerDemo{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body[data-hashcod-entry-intro="1"].documents-hub-open #d5DocumentsHubContent > #d5ScratchCardDemo{
  display:flex!important;
  width:320px!important;
  max-width:320px!important;
  margin:0!important;
  padding:0!important;
}
.documents-hub-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:10;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(10,10,10,.10);
  border-radius:999px;
  background:rgba(255,255,255,.95);
  color:#171717;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  font:500 22px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}
.documents-hub-close:hover{background:#fff}
.documents-hub-close:active{transform:scale(.92)}
.documents-hub-close:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
@keyframes documentsHubIn{
  from{opacity:0;transform:translate(-50%,-50%) scale(.985)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@media(max-width:1080px){
  body.documents-hub-open .documents-hub-shell{
    width:min(760px,calc(100vw - 20px));
  }
  .documents-hub-content{
    grid-template-columns:1fr;
    justify-items:center;
  }
  body[data-hashcod-entry-intro="1"].documents-hub-open #d5DocumentsHubContent > .nav-list-grid{
    width:min(520px,100%)!important;
  }
  body[data-hashcod-entry-intro="1"].documents-hub-open #d5DocumentsHubContent > #d5NumberTickerDemo{
    width:min(520px,100%)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .documents-hub-backdrop,
  body.documents-hub-open .documents-hub-shell{
    transition:none!important;
    animation:none!important;
  }
}


/* First-screen Text Card modal — the six BeamCards appear only after menu selection. */
body[data-hashcod-entry-intro="1"] #d5BeamCardDemo[hidden]{
  display:none!important;
}
.text-card-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:block;
  width:100vw;
  height:100dvh;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  opacity:0;
  transition:opacity .20s ease;
  pointer-events:auto;
}
.text-card-modal-backdrop[hidden]{
  display:none!important;
}
body.text-card-modal-open{
  overflow:hidden;
}
body.text-card-modal-open > *:not(#d5TextCardBackdrop):not(#d5BeamCardDemo){
  pointer-events:none!important;
  user-select:none!important;
}
body.text-card-modal-open .text-card-modal-backdrop{
  opacity:1;
}
body[data-hashcod-entry-intro="1"].text-card-modal-open #d5BeamCardDemo{
  position:fixed;
  left:50%;
  top:50%;
  z-index:2147483647;
  display:flex!important;
  width:min(760px,calc(100vw - 32px));
  max-width:760px;
  max-height:calc(100dvh - 32px);
  margin:0;
  padding:56px 20px 20px;
  overflow:auto;
  background:transparent;
  transform:translate(-50%,-50%);
  animation:textCardModalIn .24s cubic-bezier(.22,1,.36,1) both;
}
body.text-card-modal-open #d5BeamCardDemo .beam-card-grid{
  width:100%;
}
.text-card-modal-close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:20;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(10,10,10,.10);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#171717;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  font:500 22px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}
.text-card-modal-close:hover{background:#fff}
.text-card-modal-close:active{transform:scale(.92)}
.text-card-modal-close:focus-visible{
  outline:2px solid #171717;
  outline-offset:2px;
}
@keyframes textCardModalIn{
  from{opacity:0;transform:translate(-50%,-50%) scale(.985)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@media(max-width:640px){
  body[data-hashcod-entry-intro="1"].text-card-modal-open #d5BeamCardDemo{
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
    padding:50px 12px 12px;
  }
}
@media(prefers-reduced-motion:reduce){
  .text-card-modal-backdrop,
  body[data-hashcod-entry-intro="1"].text-card-modal-open #d5BeamCardDemo{
    transition:none!important;
    animation:none!important;
  }
}


/* Calendar accent override: the visible selected-day face is black, never pink. */
.entry-branched-menu-stage .v-calendar .v-calendar__day[data-selected="true"]{
  background:transparent!important;
  color:#fff!important;
}
.entry-branched-menu-stage .v-calendar .v-calendar__day[data-selected="true"] .v-calendar__day-face{
  background:#0a0a0a!important;
  color:#fff!important;
}
.entry-branched-menu-stage .v-calendar .v-calendar__day[data-selected="true"] i{
  background:#fff!important;
}


/* Code access fallback shell: loaded before Monaco so the blocking screen never flashes unstyled. */
body[data-hashcod-code-access-required="1"][data-hashcod-code-access-authorized="0"]{
  overflow:hidden!important;
}
.code-access-root[data-required="0"],
.code-access-root[data-authorized="1"]{
  display:none!important;
}
.code-access-root .code-access-boot{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(247,247,245,.56);
  backdrop-filter:blur(20px) saturate(.72);
  -webkit-backdrop-filter:blur(20px) saturate(.72);
}
.code-access-root .code-access-boot-window{
  width:min(790px,calc(100vw - 32px));
  overflow:hidden;
  border:1px solid #0a0a0a;
  border-radius:16px;
  background:#fff;
  box-shadow:0 30px 90px rgba(10,10,10,.18);
  color:#0a0a0a;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
.code-access-root .code-access-boot-head{
  min-height:66px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:14px 18px;
  border-bottom:1px solid #e5e5e5;
}
.code-access-root .code-access-boot-mark{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#0a0a0a;
  color:#fff;
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.code-access-root .code-access-boot-head>span:nth-child(2){
  min-width:0;
  display:grid;
  gap:3px;
}
.code-access-root .code-access-boot-head b{
  color:#737373;
  font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.08em;
}
.code-access-root .code-access-boot-head small{
  color:#0a0a0a;
  font-size:18px;
  font-weight:700;
  line-height:1.1;
}
.code-access-root .code-access-boot-head>i{
  margin-left:auto;
  padding:7px 9px;
  border:1px solid #d4d4d4;
  border-radius:999px;
  color:#525252;
  font:normal 650 8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.code-access-root .code-access-boot-tabs{
  min-height:39px;
  display:flex;
  align-items:center;
  border-bottom:1px solid #262626;
  background:#111;
}
.code-access-root .code-access-boot-tabs span{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 14px;
  border-right:1px solid #262626;
  color:#737373;
  font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.code-access-root .code-access-boot-tabs span[data-active="true"]{
  background:#0a0a0a;
  color:#f5f5f5;
  box-shadow:inset 0 -1px 0 #fff;
}
.code-access-root .code-access-boot-tabs em{
  margin-left:auto;
  padding-right:12px;
  color:#737373;
  font:normal 600 8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.code-access-root .code-access-boot-editor{
  min-height:310px;
  padding:22px 24px;
  overflow:auto;
  background:#0a0a0a;
  color:#d4d4d4;
  text-align:left;
}
.code-access-root .code-access-boot-editor code{
  color:inherit;
  font:500 13px/21px "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}
.code-access-root .code-access-boot-editor mark{
  padding:0;
  background:transparent;
  color:#c7f9cc;
}
.code-access-root .code-access-boot-foot{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 14px 10px 18px;
}
.code-access-root .code-access-boot-foot>span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  color:#737373;
  font-size:10px;
}
.code-access-root .code-access-boot-foot>span i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:999px;
  background:#0a0a0a;
}
.code-access-root .code-access-boot-foot button{
  min-height:38px;
  margin-left:auto;
  padding:0 15px;
  border:1px solid #0a0a0a;
  border-radius:9px;
  background:#0a0a0a;
  color:#fff;
  opacity:.48;
  font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
@media(max-width:640px){
  .code-access-root .code-access-boot{padding:10px}
  .code-access-root .code-access-boot-window{width:calc(100vw - 20px);border-radius:13px}
  .code-access-root .code-access-boot-head>i{display:none}
  .code-access-root .code-access-boot-editor{min-height:270px;padding:18px 16px}
}


.code-access-root .code-access-boot-mesh{
  position:relative;
}
.code-access-root .code-access-boot-vector{
  position:absolute;
  right:18px;
  bottom:18px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  box-shadow:none;
}
.code-access-root .code-access-boot-vector svg{
  display:block;
  width:38px;
  height:38px;
}