@font-face{font-family:'Cerie Allura';font-style:normal;font-weight:400;font-display:swap;src:url('/gate-assets/cerie-allura-400-v1.ttf?v=20260902-allura-v2') format('truetype')}
:root{
  color-scheme:light;
  --lock-paper:#f5f1e9;
  --lock-paper-light:#fbf8f1;
  --lock-ink:#625b54;
  --lock-line:rgba(105,96,86,.31);
  --lock-line-soft:rgba(105,96,86,.14);
  --lock-paw:#9b8d7d;
  --lock-paw-on:#766a5f;
  --lock-star:#b99a62;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:var(--lock-paper);color:var(--lock-ink)}
body{min-height:100svh;overflow:hidden;font-family:'Lora','Noto Serif SC','Songti SC',serif;-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
.cerie-symbols{position:absolute;width:0;height:0;overflow:hidden}
.cerie-lock{
  position:fixed;inset:0;z-index:1;display:grid;place-items:center;min-height:100svh;overflow:hidden;
  padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));
  background:
    radial-gradient(circle at 50% 44%,rgba(255,255,255,.78) 0 9rem,transparent 25rem),
    radial-gradient(circle at 14% 18%,rgba(185,163,129,.055) 0 1px,transparent 1.6px),
    radial-gradient(circle at 82% 74%,rgba(126,116,105,.05) 0 1px,transparent 1.5px),
    linear-gradient(148deg,var(--lock-paper-light),var(--lock-paper) 58%,#f1ede4);
}
.cerie-lock::before,.cerie-lock::after{content:"";position:absolute;width:3px;height:3px;background:rgba(117,105,91,.26);transform:rotate(45deg);pointer-events:none}
.cerie-lock::before{left:18%;top:23%;box-shadow:48vw 9vh 0 rgba(117,105,91,.12),61vw 53vh 0 rgba(117,105,91,.16)}
.cerie-lock::after{right:19%;bottom:22%;box-shadow:-57vw -5vh 0 rgba(117,105,91,.1)}
.cerie-lock-stage{position:relative;width:100%;height:100%;min-height:calc(100svh - 50px);display:grid;place-items:center;isolation:isolate}
.cerie-orbit-trigger{position:absolute;inset:0;border:0;background:transparent;padding:0;color:inherit;cursor:pointer;outline:none}
.cerie-orbit-trigger:focus-visible::after{content:"";position:absolute;left:50%;top:50%;width:min(66vw,392px);height:min(66vw,392px);transform:translate(-50%,-55%);border:1px dashed rgba(105,96,86,.42);border-radius:50%}
.cerie-orbit{--orbit-d:min(62vw,368px);--orbit-r:min(31vw,184px);position:absolute;inset:0;display:grid;place-items:center;transform:translateY(-3.5vh)}
.cerie-orbit-ring{position:absolute;left:50%;top:50%;width:var(--orbit-d);height:var(--orbit-d);transform:translate(-50%,-50%);border:1px solid var(--lock-line);border-radius:50%;transition:opacity .48s ease,transform .64s cubic-bezier(.33,.02,.22,1)}
.cerie-orbit-ring::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid transparent;border-top-color:rgba(103,94,85,.38);border-right-color:rgba(103,94,85,.18);animation:cerieOrbit 22s linear infinite}
.cerie-orbit-ring::after{content:"";position:absolute;inset:13px;border:1px solid var(--lock-line-soft);border-radius:50%}
.cerie-orbit-bead{position:absolute;left:50%;top:50%;width:15px;height:15px;border:1px solid rgba(96,87,79,.52);border-radius:50%;background:var(--lock-paper-light);box-shadow:0 0 0 4px rgba(245,241,233,.82);transition:opacity .3s ease}
.cerie-orbit-bead.b1{transform:translate(-50%,-50%) translateY(calc(0px - var(--orbit-r)))}
.cerie-orbit-bead.b2{transform:translate(-50%,-50%) rotate(116deg) translateY(calc(0px - var(--orbit-r))) rotate(-116deg)}
.cerie-orbit-bead.b3{transform:translate(-50%,-50%) rotate(238deg) translateY(calc(0px - var(--orbit-r))) rotate(-238deg)}
.cerie-orbit-words{position:absolute;left:50%;top:50%;width:var(--orbit-d);height:var(--orbit-d);transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.cerie-orbit-words text{fill:rgba(91,82,74,.54);font:500 8px 'Courier Prime',monospace;letter-spacing:.24em;text-transform:uppercase}
.cerie-orbit-center{position:relative;z-index:2;display:grid;justify-items:center;gap:12px;transform:translateY(-1px)}
.cerie-name{font:400 clamp(5.5rem,15vw,8.1rem)/.8 'Cerie Allura','Snell Roundhand','Apple Chancery',cursive;letter-spacing:-.035em;color:#514b46;text-shadow:0 1px 0 rgba(255,255,255,.72);transform:translateX(-.05em);transition:opacity .28s ease}
.cerie-seal{width:18px;height:18px;fill:var(--lock-star);opacity:.2;transform:scale(.72);transition:opacity .3s ease,transform .36s cubic-bezier(.22,.8,.24,1),filter .3s ease}
.cerie-phase-copy{margin-top:1px;color:rgba(94,84,76,.55);font:500 9px/1 'Courier Prime',monospace;letter-spacing:.27em;text-transform:lowercase}
.cerie-lock-stage.is-sealed .cerie-seal,.cerie-lock-stage.is-checking .cerie-seal{opacity:.9;transform:scale(1);filter:drop-shadow(0 0 7px rgba(185,154,98,.26))}
.cerie-wing-phases{position:absolute;left:50%;top:calc(50% + min(31vw,184px) + 31px);display:flex;align-items:center;justify-content:center;gap:13px;transform:translateX(-50%);transition:opacity .24s ease}
.cerie-wing-phase{position:relative;display:grid;place-items:center;width:42px;height:33px;opacity:.38;animation:cerieWingPhase 5.75s ease-in-out var(--phase-delay) infinite}
.cerie-wing-phase img{position:absolute;width:42px;height:33px;object-fit:contain;filter:grayscale(.12) sepia(.05) drop-shadow(0 1px 0 rgba(255,255,255,.8));transition:filter .28s ease}
.cerie-wing-phase:nth-child(1) img,.cerie-wing-phase:nth-child(5) img{width:29px;height:24px}
.cerie-wing-phase:nth-child(2) img,.cerie-wing-phase:nth-child(4) img{width:38px;height:30px}
.cerie-wing-phase.is-left img{transform:none}
.cerie-wing-phase.is-right img{transform:scaleX(-1)}
.cerie-wing-phase.is-pair{width:61px}
.cerie-wing-phase.is-pair img{width:37px;height:31px}
.cerie-wing-phase.is-pair .left{left:0;transform:none}
.cerie-wing-phase.is-pair .right{right:0;transform:scaleX(-1)}
.cerie-key-stars{position:absolute;left:50%;top:calc(50% + min(31vw,184px) + 87px);display:flex;gap:15px;transform:translateX(-50%);align-items:center}
.cerie-key-stars i{position:relative;width:8px;height:8px;display:block}
.cerie-key-stars i::before{content:"";position:absolute;inset:2px;border:1px solid rgba(111,100,89,.3);border-radius:50%;transition:border-color .22s ease,background .22s ease,transform .25s ease}
.cerie-key-stars i.is-filled::before{border-color:rgba(159,131,83,.62);background:rgba(185,154,98,.55);transform:rotate(45deg) scale(.86);border-radius:1px}
.cerie-key-stars i.is-filled:last-child::before{transform:rotate(45deg) scale(1.08);background:var(--lock-star)}
.cerie-pin{position:fixed;left:50%;top:50%;width:1px;height:1px;padding:0;border:0;opacity:.001;caret-color:transparent;pointer-events:none}
.cerie-door-status{position:absolute;left:0;right:0;top:calc(50% + min(31vw,184px) + 116px);margin:0;text-align:center;color:rgba(96,81,73,.62);font:400 10px/1.3 'Courier Prime',monospace;letter-spacing:.16em;min-height:14px}
.cerie-lock-stage.is-wrong .cerie-orbit{animation:cerieWrong .44s ease}
.cerie-lock.is-unlocking{pointer-events:none}
.cerie-lock.is-unlocking .cerie-orbit-ring{opacity:.14;transform:translate(-50%,-50%) scale(.96)}
.cerie-lock.is-unlocking .cerie-orbit-bead,.cerie-lock.is-unlocking .cerie-orbit-words,.cerie-lock.is-unlocking .cerie-wing-phases,.cerie-lock.is-unlocking .cerie-key-stars{opacity:0;transition:opacity .24s ease}
.cerie-lock.is-unlocking .cerie-name,.cerie-lock.is-unlocking .cerie-phase-copy{opacity:0;transition:opacity .28s ease}
.cerie-lock.is-unlocking .cerie-seal{opacity:1;transform:scale(1.18);filter:drop-shadow(0 0 9px rgba(185,154,98,.3))}
@keyframes cerieOrbit{to{transform:rotate(360deg)}}
@keyframes cerieWingPhase{0%,14%{opacity:.96;transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 0 7px rgba(199,166,98,.32))}27%,100%{opacity:.38;transform:translateY(0) scale(1);filter:none}}
@keyframes cerieWrong{20%{transform:translateX(-5px)}42%{transform:translateX(5px)}64%{transform:translateX(-3px)}84%{transform:translateX(2px)}}
@media(max-width:520px){
  .cerie-orbit{--orbit-d:min(72vw,314px);--orbit-r:min(36vw,157px)}
  .cerie-name{font-size:clamp(4.9rem,21vw,6.7rem)}
  .cerie-orbit-words text{font-size:8.5px}
  .cerie-wing-phases{top:calc(50% + min(36vw,157px) + 28px);gap:8px}
  .cerie-wing-phase{width:36px;height:29px}.cerie-wing-phase img{width:36px;height:29px}
  .cerie-wing-phase.is-pair{width:52px}.cerie-wing-phase.is-pair img{width:32px;height:27px}
  .cerie-key-stars{top:calc(50% + min(36vw,157px) + 77px)}
  .cerie-door-status{top:calc(50% + min(36vw,157px) + 106px)}
}
@media(max-height:620px){
  .cerie-orbit{--orbit-d:min(57vh,278px);--orbit-r:min(28.5vh,139px)}
  .cerie-name{font-size:4.7rem}
  .cerie-wing-phases{top:calc(50% + min(28.5vh,139px) + 22px)}
  .cerie-key-stars{top:calc(50% + min(28.5vh,139px) + 65px)}
  .cerie-door-status{top:calc(50% + min(28.5vh,139px) + 92px)}
}
@media(prefers-reduced-motion:reduce){
  .cerie-orbit-ring::before,.cerie-wing-phase{animation:none}
  .cerie-wing-phase:nth-child(3){opacity:.76}
  .cerie-orbit-ring,.cerie-seal,.cerie-name,.cerie-key-stars,.cerie-wing-phases{transition-duration:.01ms!important;transition-delay:0ms!important}
  .cerie-lock-stage.is-wrong .cerie-orbit{animation:none}
}

/* 2026-09-02 · v6 · Cerie celestial depth, rebuilt from the moon-ring motion study. */
.cerie-lock{
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.88) 0 7.8rem,rgba(255,255,255,.34) 19rem,transparent 31rem),
    radial-gradient(circle at 16% 22%,rgba(177,153,112,.10) 0 1px,transparent 1.7px),
    radial-gradient(circle at 82% 73%,rgba(110,100,91,.075) 0 1px,transparent 1.6px),
    linear-gradient(148deg,var(--lock-paper-light),var(--lock-paper) 58%,#f0ece3);
}
.cerie-lock-stage{isolation:isolate}
.cerie-sky-frame,.cerie-sky-sparks{position:absolute;inset:0;z-index:0;pointer-events:none}
.cerie-sky-frame{inset:clamp(18px,4.2vw,62px) clamp(15px,4vw,58px)}
.cerie-sky-frame i{
  position:absolute;width:clamp(54px,9vw,96px);height:clamp(54px,9vw,96px);
  opacity:.48;color:rgba(121,108,91,.42)
}
.cerie-sky-frame i::before{
  content:"";position:absolute;width:4px;height:4px;border-radius:50%;
  background:currentColor;box-shadow:22px 0 0 -1px rgba(121,108,91,.24),0 22px 0 -1px rgba(121,108,91,.24)
}
.cerie-sky-frame i::after{content:"✦";position:absolute;font:12px/1 Georgia,serif;color:rgba(179,148,94,.44)}
.cerie-sky-frame .nw{left:0;top:0;border-left:1px solid currentColor;border-top:1px solid currentColor;border-radius:15px 0 0}
.cerie-sky-frame .nw::before{left:-2px;top:-2px}.cerie-sky-frame .nw::after{left:-9px;top:-9px}
.cerie-sky-frame .ne{right:0;top:0;border-right:1px solid currentColor;border-top:1px solid currentColor;border-radius:0 15px 0 0}
.cerie-sky-frame .ne::before{right:-2px;top:-2px;transform:rotate(90deg)}.cerie-sky-frame .ne::after{right:-9px;top:-9px}
.cerie-sky-frame .sw{left:0;bottom:0;border-left:1px solid currentColor;border-bottom:1px solid currentColor;border-radius:0 0 0 15px}
.cerie-sky-frame .sw::before{left:-2px;bottom:-2px;transform:rotate(-90deg)}.cerie-sky-frame .sw::after{left:-9px;bottom:-9px}
.cerie-sky-frame .se{right:0;bottom:0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;border-radius:0 0 15px}
.cerie-sky-frame .se::before{right:-2px;bottom:-2px;transform:rotate(180deg)}.cerie-sky-frame .se::after{right:-9px;bottom:-9px}
.cerie-sky-sparks i{position:absolute;color:rgba(154,131,95,.34);font:clamp(7px,1vw,11px)/1 Georgia,serif;font-style:normal}
.cerie-sky-sparks .s1{left:21%;top:18%}.cerie-sky-sparks .s2{right:20%;top:24%}
.cerie-sky-sparks .s3{left:14%;top:58%}.cerie-sky-sparks .s4{right:13%;top:63%}
.cerie-sky-sparks .s5{left:29%;bottom:15%}.cerie-sky-sparks .s6{right:28%;bottom:18%}
.cerie-orbit{z-index:1}
.cerie-orbit::before{
  content:"";position:absolute;left:50%;top:50%;width:calc(var(--orbit-d) + 54px);height:calc(var(--orbit-d) + 54px);
  transform:translate(-50%,-50%);border:1px dotted rgba(109,98,86,.20);border-radius:50%;
  box-shadow:0 0 0 10px rgba(255,255,255,.10),0 0 38px rgba(171,148,112,.075)
}
.cerie-orbit::after{
  content:"";position:absolute;left:50%;top:50%;width:calc(var(--orbit-d) - 50px);height:calc(var(--orbit-d) - 50px);
  transform:translate(-50%,-50%);border:1px dotted rgba(151,125,85,.17);border-radius:50%
}
.cerie-orbit-halo{
  position:absolute;left:50%;top:50%;width:calc(var(--orbit-d) + 28px);height:calc(var(--orbit-d) + 28px);
  transform:translate(-50%,-50%);border:1px solid rgba(101,93,84,.17);border-radius:50%
}
.cerie-orbit-halo::before{
  content:"";position:absolute;inset:8px;border:1px dashed rgba(146,123,86,.20);border-radius:50%
}
.cerie-orbit-halo::after{
  content:"";position:absolute;left:50%;top:-9px;width:5px;height:5px;transform:translateX(-50%) rotate(45deg);
  border:1px solid rgba(172,140,85,.43);background:var(--lock-paper-light);
  box-shadow:0 calc(var(--orbit-d) + 43px) 0 -1px rgba(172,140,85,.45)
}
.cerie-orbit-axis{
  position:absolute;left:50%;top:50%;width:calc(var(--orbit-d) - 76px);height:calc(var(--orbit-d) - 76px);
  transform:translate(-50%,-50%);opacity:.46;
  background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(150,127,91,.24) 50%,transparent calc(50% + .5px)),
             linear-gradient(transparent calc(50% - .5px),rgba(150,127,91,.16) 50%,transparent calc(50% + .5px))
}
.cerie-orbit-axis::before,.cerie-orbit-axis::after{
  content:"✦";position:absolute;left:50%;transform:translateX(-50%);color:rgba(173,142,91,.58);font:10px/1 Georgia,serif
}
.cerie-orbit-axis::before{top:-5px}.cerie-orbit-axis::after{bottom:-5px}
.cerie-orbit-ring{
  border-color:rgba(94,87,80,.43);
  box-shadow:inset 0 0 0 9px rgba(255,255,255,.11),0 0 0 1px rgba(255,255,255,.32)
}
.cerie-orbit-ring::before{
  inset:-8px;border:1px solid transparent;border-top-color:rgba(98,90,81,.40);border-right-color:rgba(98,90,81,.18);
  border-bottom-color:rgba(98,90,81,.26);animation:none
}
.cerie-orbit-ring::after{inset:20px;border-color:rgba(113,102,91,.18);box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.cerie-orbit-words{
  width:calc(var(--orbit-d) + 2px);height:calc(var(--orbit-d) + 2px);
  overflow:visible;transform-origin:50% 50%;animation:cerieWordsOrbit 42s linear infinite;
  will-change:transform
}
.cerie-orbit-words text{
  fill:rgba(78,72,67,.58);font-size:7.25px;letter-spacing:.185em
}
.cerie-orbit-bead{
  z-index:3;width:18px;height:18px;
  background:radial-gradient(circle at 37% 31%,#fffdf8 0 16%,#f8f2e6 36%,#d8cdbc 73%,#fcfaf4 100%);
  border-color:rgba(102,92,82,.58);
  box-shadow:0 0 0 4px rgba(246,242,234,.88),0 2px 7px rgba(84,73,62,.18),inset -1px -2px 3px rgba(109,91,69,.17)
}
.cerie-orbit-bead.b1{transform:translate(-50%,-50%) translateY(calc(0px - var(--orbit-r)))}
.cerie-orbit-bead.b2{transform:translate(-50%,-50%) rotate(90deg) translateY(calc(0px - var(--orbit-r))) rotate(-90deg)}
.cerie-orbit-bead.b3{transform:translate(-50%,-50%) rotate(180deg) translateY(calc(0px - var(--orbit-r))) rotate(-180deg)}
.cerie-orbit-bead.b4{transform:translate(-50%,-50%) rotate(270deg) translateY(calc(0px - var(--orbit-r))) rotate(-270deg)}
.cerie-orbit-motes{position:absolute;left:50%;top:50%;width:calc(var(--orbit-d) - 30px);height:calc(var(--orbit-d) - 30px);transform:translate(-50%,-50%);pointer-events:none}
.cerie-orbit-motes i{position:absolute;color:rgba(167,135,83,.47);font:10px/1 Georgia,serif;font-style:normal}
.cerie-orbit-motes .m1{left:8%;top:46%}.cerie-orbit-motes .m2{right:11%;top:30%}
.cerie-orbit-motes .m3{right:8%;bottom:35%}.cerie-orbit-motes .m4{left:19%;bottom:14%}
.cerie-orbit-center{gap:10px}
.cerie-name{text-shadow:0 1px 0 rgba(255,255,255,.78),0 7px 26px rgba(103,91,78,.08)}
.cerie-seal{width:16px;height:16px;opacity:.34}
.cerie-phase-copy{display:flex;align-items:center;gap:10px;white-space:nowrap}
.cerie-phase-copy i{display:block;width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(151,126,88,.38));font-style:normal}
.cerie-phase-copy i:last-child{transform:scaleX(-1)}
.cerie-wing-phases{gap:14px;padding:0 8px}
.cerie-wing-phases::before{
  content:"";position:absolute;left:4px;right:4px;bottom:-7px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(118,106,94,.20) 17%,rgba(118,106,94,.20) 83%,transparent)
}
.cerie-wing-phase::before{
  content:"";position:absolute;width:50px;height:50px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.78),rgba(205,185,151,.12) 46%,transparent 72%);
  opacity:.72
}
.cerie-wing-phase:not(:last-child)::after{
  content:"·";position:absolute;right:-11px;bottom:-12px;color:rgba(141,119,84,.38);font:12px/1 Georgia,serif
}
.cerie-key-stars{gap:15px;padding:0 12px 12px}
.cerie-key-stars::before{
  content:"";position:absolute;left:-8px;right:-8px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(111,100,89,.27) 18%,rgba(111,100,89,.27) 82%,transparent)
}
.cerie-key-stars::after{content:"›";position:absolute;right:-22px;bottom:-7px;color:rgba(96,86,76,.48);font:18px/1 Georgia,serif}
@keyframes cerieWordsOrbit{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@media(max-width:520px){
  .cerie-sky-frame{inset:18px 15px 20px}
  .cerie-sky-frame i{width:54px;height:54px}
  .cerie-orbit::before{width:calc(var(--orbit-d) + 40px);height:calc(var(--orbit-d) + 40px)}
  .cerie-orbit-halo{width:calc(var(--orbit-d) + 23px);height:calc(var(--orbit-d) + 23px)}
  .cerie-orbit-words text{font-size:7.65px;letter-spacing:.15em}
  .cerie-wing-phases{gap:9px}
  .cerie-wing-phase:not(:last-child)::after{right:-7px}
  .cerie-phase-copy i{width:25px}
}
@media(max-height:620px){
  .cerie-sky-frame{inset:14px 16px}
  .cerie-sky-sparks .s5,.cerie-sky-sparks .s6{display:none}
}
@media(prefers-reduced-motion:reduce){
  .cerie-orbit-words{animation:none}
}

/* 2026-09-02 · v7 · clean controls and protect the full script-font ink box. */
.cerie-wing-phases::before,
.cerie-key-stars::before,
.cerie-key-stars::after{content:none!important;display:none!important}
.cerie-orbit-axis{
  background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(150,127,91,.20) 50%,transparent calc(50% + .5px))
}
.cerie-orbit-center{overflow:visible}
.cerie-name{
  display:block;
  width:max-content;
  max-width:none;
  line-height:1.08;
  padding:.16em .20em .22em;
  margin:-.16em -.20em -.22em;
  overflow:visible;
  white-space:nowrap;
}

/* 2026-09-02 · v8 · deterministic script r and a four-point star for the i dot. */
.cerie-name{position:relative}
.cerie-star-i{--star-x:100%;--star-y:29.5%;position:relative;display:inline-block;line-height:1}
.cerie-star-i::before{
  content:"";
  position:absolute;
  left:var(--star-x);
  top:var(--star-y);
  z-index:1;
  width:.13em;
  height:.13em;
  border-radius:50%;
  background:var(--lock-paper-light);
  transform:translate(-50%,-50%);
}
.cerie-star-i::after{
  content:"✦";
  position:absolute;
  left:var(--star-x);
  top:var(--star-y);
  z-index:2;
  color:rgba(185,154,98,.88);
  font:400 .14em/1 Georgia,'Times New Roman',serif;
  letter-spacing:0;
  text-shadow:0 0 2px var(--lock-paper-light),0 0 5px rgba(185,154,98,.18);
  transform:translate(-50%,-50%);
  pointer-events:none;
}

/* 2026-09-02 · v12 · reduce the seal to three quiet structural circles. */
.cerie-orbit::before,
.cerie-orbit::after,
.cerie-orbit-halo::before,
.cerie-orbit-ring::before{content:none!important}
.cerie-orbit-halo{
  width:calc(var(--orbit-d) + 28px);height:calc(var(--orbit-d) + 28px);
  border-color:rgba(101,93,84,.14);
  box-shadow:none
}
.cerie-orbit-ring{border-color:rgba(94,87,80,.38);box-shadow:none}
.cerie-orbit-ring::after{inset:30px;border-color:rgba(113,102,91,.15);box-shadow:none}

/* 2026-09-02 · v15 · Aurora-style nested tracks and flat outline nodes. */
.cerie-orbit-halo{
  width:calc(var(--orbit-d) + 20px);height:calc(var(--orbit-d) + 20px);
  border-color:rgba(101,93,84,.13)
}
.cerie-orbit-halo::after{content:none!important}
.cerie-orbit-ring{border-color:rgba(78,73,68,.48)}
.cerie-orbit-ring::after{
  content:"";
  inset:54px;
  border-color:rgba(78,73,68,.42);
  box-shadow:none
}
.cerie-orbit-axis{
  width:calc(var(--orbit-d) - 148px);
  height:calc(var(--orbit-d) - 148px);
  border:1px solid rgba(112,103,94,.14);
  border-radius:50%;
  background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(150,127,91,.16) 50%,transparent calc(50% + .5px))
}
.cerie-orbit-words text{font-size:7px;letter-spacing:.16em}
.cerie-orbit-bead{
  width:17px;height:17px;
  background:rgba(251,248,241,.96);
  border:1.25px solid rgba(79,73,68,.66);
  box-shadow:0 0 0 3px rgba(246,242,234,.86)
}
.cerie-orbit-bead.b4{display:none}

/* 2026-09-02 · v16 · true center wordmark with the innermost track behind it. */
.cerie-orbit-center{
  display:block;
  transform:none
}
.cerie-name{z-index:2;transform:translate(-.05em,.08em)}
.cerie-seal{
  position:absolute;
  left:calc(50% - 8px);
  top:calc(50% + 48px)
}
.cerie-phase-copy{
  position:absolute;
  left:50%;
  top:calc(50% + 78px);
  margin:0;
  transform:translateX(-50%)
}
.cerie-orbit-axis{
  z-index:1;
  width:clamp(116px,calc(var(--orbit-d) - 230px),138px);
  height:clamp(116px,calc(var(--orbit-d) - 230px),138px);
  border-color:rgba(96,88,80,.25);
  box-shadow:0 0 0 7px rgba(110,100,90,.045)
}

/* 2026-09-02 · v19 · one text rail plus interrupted depth arcs. */
.cerie-orbit-halo{display:none}
.cerie-orbit-ring::after{content:none!important}
.cerie-orbit-ring{
  border-color:rgba(78,73,68,.39);
  box-shadow:0 0 0 8px rgba(114,101,84,.028)
}
.cerie-orbit-axis{
  width:clamp(124px,calc(var(--orbit-d) - 200px),168px);
  height:clamp(124px,calc(var(--orbit-d) - 200px),168px);
  border:0;
  border-radius:50%;
  background:conic-gradient(from -28deg,rgba(103,94,84,.25) 0 64deg,transparent 64deg 139deg,rgba(162,135,91,.19) 139deg 205deg,transparent 205deg 286deg,rgba(103,94,84,.25) 286deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - 1px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - 1px));
  box-shadow:none;
  opacity:.84
}
.cerie-orbit-axis::before,.cerie-orbit-axis::after{content:none!important}
.cerie-orbit-bead{
  width:11px;height:11px;
  background:#f8f3e9;
  border:1px solid rgba(91,81,72,.54);
  box-shadow:0 0 0 2px rgba(248,244,237,.76)
}

/* 2026-09-02 · v20 · restore the Aurora rails, keep the broken inner orbit, replace round nodes. */
.cerie-orbit-halo{display:block}
.cerie-orbit-ring::after{
  content:""!important;
  inset:54px;
  border-color:rgba(78,73,68,.42);
  box-shadow:none
}
.cerie-orbit-ring{border-color:rgba(78,73,68,.48);box-shadow:none}
.cerie-orbit-bead{
  width:14px;height:14px;
  background:transparent;
  border:0;
  box-shadow:none
}
.cerie-orbit-bead::before,
.cerie-orbit-bead::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(45deg)
}
.cerie-orbit-bead::before{
  width:7px;height:7px;
  background:rgba(251,248,241,.97);
  border:1px solid rgba(137,111,74,.54)
}
.cerie-orbit-bead::after{
  width:2px;
  height:2px;
  background:rgba(178,145,91,.72);
  border-radius:50%
}

/* 2026-09-05 · v25 · clean handoff: cover every lock ornament before the paw-only bridge. */
.cerie-lock-clean-cover{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:block;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 47%,rgba(255,255,255,.72) 0 8rem,transparent 30rem),
    linear-gradient(145deg,#fbf8f1,#f5f1e9 62%,#efebe2);
}
.cerie-lock.is-unlocking .cerie-lock-clean-cover{
  visibility:visible;
  opacity:1;
}

/* 2026-09-05 · v31 · original generated paw art embedded as PNG data. */
.cerie-gate-paw-stage{
  --paw-ink:rgba(103,82,70,.72);
  position:fixed;
  inset:0;
  z-index:2147483001;
  display:block;
  visibility:hidden;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 47%,rgba(255,255,255,.72) 0 8rem,transparent 30rem),
    linear-gradient(145deg,#fbf8f1,#f5f1e9 62%,#efebe2);
}
.cerie-gate-paw-stage.is-visible{visibility:visible;opacity:1}
.cerie-gate-paw-trail{position:absolute;left:50%;top:50%;width:1px;height:1px}
.cerie-gate-paw-stage.is-fading .cerie-gate-paw-trail{opacity:0;filter:blur(1px);transition:opacity .48s ease,filter .48s ease}
.cerie-gate-paw{
  position:absolute;
  display:block;
  width:46px;
  height:46px;
  max-width:none;
  opacity:0;
  transform-origin:center;
  object-fit:contain;
  background:transparent;
  border:0;
  outline:0;
  padding:0;
  box-shadow:none;
  -webkit-mask:none;
  mask:none;
  filter:brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(720%) hue-rotate(338deg) brightness(91%) contrast(88%) drop-shadow(0 2px 3px rgba(73,62,52,.18));
  will-change:opacity,transform;
}
@media(max-width:520px){
  .cerie-gate-paw{width:41px;height:41px}
}
@media(prefers-reduced-motion:reduce){.cerie-gate-paw{transition:none!important}}

/* Cerie welcome v1 — neutral lock paper, raster collage + broad rising tea mist. */
.cerie-welcome {
  position:fixed;inset:0;z-index:2147483002;display:grid;place-items:center;
  overflow:hidden;isolation:isolate;color:#625b54;
  background:radial-gradient(circle at 50% 47%,rgba(255,255,255,.72) 0 8rem,transparent 30rem),linear-gradient(145deg,#fbf8f1,#f5f1e9 62%,#efebe2);
  padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}
.cerie-welcome[hidden]{display:none!important}
.cerie-welcome-content{width:100%;display:grid;justify-items:center;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform 1s ease}
.cerie-welcome.is-visible .cerie-welcome-content{opacity:1;transform:none}
.cerie-welcome.is-leaving .cerie-welcome-content{opacity:0;transition:opacity .4s ease}
.cerie-welcome-art{position:relative;width:min(96vw,1160px,132svh);aspect-ratio:1633/963;flex:none}
.cerie-welcome-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 89%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 89%,transparent);mask-composite:intersect}
.cerie-tea-steam{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;overflow:visible}
.cerie-steam-cloud{opacity:0;animation:cerieTeaMist 6.8s linear infinite;animation-play-state:paused;transform-origin:0 0;--drift:9px}
.cerie-welcome.is-visible:not(.is-leaving) .cerie-steam-cloud{animation-play-state:running}
.steam-a{animation-delay:-1.7s}.steam-b{animation-delay:-3.4s;--drift:-13px}.steam-c{animation-delay:-5.1s;--drift:18px}.steam-d{animation-delay:0s;--drift:-6px}
@keyframes cerieTeaMist{0%{opacity:0;transform:translate(0,8px) scale(.78,.58)}18%{opacity:.40}48%{opacity:.32}78%{opacity:.13}100%{opacity:0;transform:translate(var(--drift),-126px) scale(1.35,1.2)}}
.cerie-welcome-copy{margin:0 20px 10px;font:400 clamp(15px,2.1vw,20px)/1.6 'Lora',Georgia,serif;letter-spacing:.055em;color:#776c60;text-align:center}
.cerie-welcome-enter{display:block;min-width:88px;min-height:44px;padding:8px 18px;border:0;border-radius:0;background:none;box-shadow:none;color:#8c7c6b;font:italic 400 13px/1.5 'Lora',Georgia,serif;letter-spacing:.03em;cursor:pointer;touch-action:manipulation}
.cerie-welcome-enter:focus-visible{outline:1px solid #b99a62;outline-offset:3px;border-radius:20px}
@media(max-width:520px){.cerie-welcome-art{width:100vw}.cerie-welcome-copy{margin-top:16px}}
@media(max-height:500px){.cerie-welcome-art{width:min(83vw,110svh)}.cerie-welcome-copy{font-size:14px;margin-bottom:0}.cerie-welcome-enter{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cerie-welcome-content{transition:none;transform:none}.cerie-steam-cloud{animation:none!important;opacity:0}.steam-a{opacity:.16;transform:translateY(-20px)}}

/* 2026-09-14 · day welcome lock: full-bleed paper, calligraphic copy, frameless entry. */
.cerie-welcome{
  top:0;right:0;bottom:auto;left:0;
  width:100vw;
  min-width:100vw;
  height:100lvh;
  min-height:100dvh;
  box-sizing:border-box;
  padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
  border:0;
  background:linear-gradient(180deg,#faf9f4 0%,#f9f6ee 30%,#f9f6ee 69%,#f5f1e8 100%);
}
.cerie-welcome-image{
  -webkit-mask-image:radial-gradient(ellipse 78% 84% at 50% 50%,#000 0 65%,rgba(0,0,0,.98) 75%,rgba(0,0,0,.52) 89%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 84% at 50% 50%,#000 0 65%,rgba(0,0,0,.98) 75%,rgba(0,0,0,.52) 89%,transparent 100%);
  -webkit-mask-composite:initial;
  mask-composite:initial;
}
.cerie-welcome-copy{
  margin:2px 24px 2px;
  font:400 clamp(25px,4vw,35px)/1.25 'Cerie Allura','Snell Roundhand','Apple Chancery',cursive;
  font-family:'Cerie Allura','Snell Roundhand','Apple Chancery',cursive!important;
  letter-spacing:.015em;
  color:#756b61;
  text-align:center;
}
.cerie-welcome-enter{
  min-width:0;
  min-height:38px;
  padding:4px 14px;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#9a8876;
  font:400 clamp(18px,2.8vw,22px)/1.35 'Cerie Allura','Snell Roundhand','Apple Chancery',cursive;
  font-family:'Cerie Allura','Snell Roundhand','Apple Chancery',cursive!important;
  letter-spacing:.025em;
  -webkit-tap-highlight-color:transparent;
}
.cerie-welcome-enter:focus,
.cerie-welcome-enter:focus-visible,
.cerie-welcome-enter:active{
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(max-width:520px){
  .cerie-welcome-content{transform:translateY(-1.5vh)}
  .cerie-welcome-copy{margin-top:8px}
}

/* 2026-09-14 · day entry full-bleed closeout: lock, paw bridge and welcome share one viewport. */
html,
body{
  height:100%;
  min-height:100lvh;
  background:#f5f1e9;
}
.cerie-lock,
.cerie-lock-clean-cover,
.cerie-gate-paw-stage,
.cerie-welcome{
  position:fixed!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  left:0!important;
  width:100vw!important;
  min-width:100vw!important;
  height:100lvh!important;
  min-height:100dvh!important;
  max-height:none!important;
  box-sizing:border-box!important;
  border:0!important;
}
.cerie-lock,
.cerie-lock-clean-cover,
.cerie-gate-paw-stage{
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.86) 0 7.8rem,rgba(255,255,255,.32) 19rem,transparent 31rem),
    linear-gradient(180deg,#faf9f4 0%,#f9f6ee 55%,#f5f1e8 100%)!important;
}
.cerie-lock-stage{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.cerie-welcome-content{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  align-content:center;
  justify-items:center;
  padding:env(safe-area-inset-top) 0 calc(10vh + env(safe-area-inset-bottom));
  box-sizing:border-box;
}
.cerie-welcome.is-visible .cerie-welcome-content{
  transform:none;
}
.cerie-welcome-copy{
  width:min(88vw,720px);
  margin:clamp(78px,9vh,110px) 24px 0;
}
.cerie-welcome-enter{
  display:none!important;
}
.cerie-tea-steam{
  opacity:1;
  overflow:visible;
}
.cerie-steam-bed{
  fill:#a99690;
  opacity:.18;
  filter:blur(8px);
}
.cerie-steam-traces{
  fill:none;
  stroke:#a79590;
  stroke-width:13;
  stroke-linecap:round;
  opacity:.16;
  filter:blur(5px);
}
.cerie-steam-cloud{
  fill:#aa9993;
  filter:blur(9px);
  animation:cerieTeaMistDay 6.4s ease-out infinite;
  animation-play-state:paused;
}
.cerie-welcome.is-visible:not(.is-leaving) .cerie-steam-cloud{
  animation-play-state:running;
}
@keyframes cerieTeaMistDay{
  0%{opacity:0;transform:translate(0,10px) scale(.72,.52)}
  16%{opacity:.23}
  45%{opacity:.19}
  74%{opacity:.09}
  100%{opacity:0;transform:translate(var(--drift),-150px) scale(1.52,1.25)}
}
@media(prefers-reduced-motion:reduce){
  .cerie-steam-bed{opacity:.20}
  .cerie-steam-traces{opacity:.17}
}
@media(max-width:520px){
  .cerie-welcome-content{
    padding-bottom:calc(10vh + env(safe-area-inset-bottom));
    transform:translateY(0);
  }
  .cerie-welcome.is-visible .cerie-welcome-content{transform:none}
  .cerie-welcome-copy{margin-top:clamp(82px,10.5vh,112px)}
}
@media(max-height:500px){
  .cerie-welcome-content{padding-bottom:4vh}
  .cerie-welcome-copy{margin-top:20px;font-size:clamp(20px,4.2vh,26px)}
}



/* 2026-09-15 · welcome v4 · smaller artwork and deliberate air before copy. */
.cerie-welcome-content{
  grid-template-rows:auto auto;
  align-content:center;
  padding:env(safe-area-inset-top) 0 calc(7vh + env(safe-area-inset-bottom));
}
.cerie-welcome-art{
  width:min(78vw,760px,105svh);
}
.cerie-welcome-copy{
  margin:clamp(86px,10vh,112px) 24px 0;
}
@media(max-width:520px){
  .cerie-welcome-content{
    padding-bottom:env(safe-area-inset-bottom);
  }
  .cerie-welcome-art{
    width:min(82vw,350px);
  }
  .cerie-welcome-copy{
    margin-top:clamp(108px,16vh,138px);
  }
}
@media(max-height:500px){
  .cerie-welcome-content{
    padding-bottom:env(safe-area-inset-bottom);
  }
  .cerie-welcome-art{
    width:min(70vw,92svh);
  }
  .cerie-welcome-copy{
    margin-top:clamp(22px,7vh,42px);
  }
}