.cb-steps{gap:1rem;display:grid;position:relative}@media (min-width:40rem){.cb-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.cb-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.cb-steps:before{content:"";background:repeating-linear-gradient(90deg, var(--border-strong) 0 6px, transparent 6px 12px);transform-origin:0;height:1px;position:absolute;top:2.95rem;left:1.5rem;right:1.5rem}}.cb-step{border:1px solid var(--border);background:var(--color-warm-ivory);height:100%;transition:border-color .3s, translate .5s var(--ease-expo), box-shadow .5s var(--ease-expo);border-radius:1.25rem;padding:1.25rem 1.25rem 1.5rem;display:block;position:relative}.cb-step:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);translate:0 -.25rem}.cb-step-num{background:var(--color-charcoal);width:2.5rem;height:2.5rem;color:var(--color-warm-ivory);font-family:var(--font-mono);border-radius:9999px;place-items:center;font-size:.8rem;font-weight:700;display:grid}[data-phase=waiting] .cb-steps:before{transform:scaleX(0)}[data-phase=seen] .cb-steps:before{transition:transform 1.4s var(--ease-expo) .3s}[data-phase=waiting] .cb-step-num{scale:0}[data-phase=seen] .cb-step-num{transition:scale .5s cubic-bezier(.34, 1.56, .64, 1) calc(.4s + var(--i,0) * .18s)}.cb-num{font-family:var(--font-mono);color:var(--accent-text);font-weight:700}.cb-stage{border:1px solid var(--border);background:var(--surface);border-radius:1.75rem;position:relative;overflow:hidden}.cb-gear{justify-content:center;align-items:flex-end;gap:.5rem;min-height:19rem;padding:2rem 1rem 0;display:flex}@media (min-width:40rem){.cb-gear{gap:1.5rem;min-height:22rem}}.cb-gear:after{content:"";border-top:1px solid var(--border);background:#2423200a;height:2.25rem;position:absolute;bottom:0;left:0;right:0}.cb-stand{z-index:1;flex-direction:column;align-items:center;margin-bottom:1.6rem;display:flex;position:relative}.cb-poster{aspect-ratio:3/4;background:var(--color-soft-white);border-radius:.2rem;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:3rem;padding:.35rem;display:flex;box-shadow:0 8px 18px #24232024,inset 0 0 0 1px #2423201f}@media (min-width:40rem){.cb-poster{width:4.75rem}}@media (min-width:64rem){.cb-poster{width:5.75rem}.cb-pole{height:4.5rem}}.cb-poster-text{letter-spacing:.06em;text-align:center;text-transform:uppercase;font-size:.42rem;font-weight:700;line-height:1.15}@media (min-width:40rem){.cb-poster-text{font-size:.5rem}}.cb-pole{background:var(--color-charcoal);width:2px;height:3.25rem}.cb-base{background:var(--color-charcoal);border-radius:9999px;width:2.4rem;height:.3rem}.cb-stand-optional .cb-poster{box-shadow:none;outline:1.5px dashed var(--border-strong);background:0 0}.cb-stand-optional .cb-pole,.cb-stand-optional .cb-base{background:var(--border-strong)}.cb-size{background:var(--color-terracotta-deep);color:var(--color-soft-white);font-family:var(--font-mono);white-space:nowrap;border-radius:9999px;padding:.2rem .55rem;font-size:.6rem;position:absolute;top:-1.9rem;left:50%;translate:-50%}[data-phase=waiting] .cb-pole,[data-phase=waiting] .cb-base{transform:scaleY(0)}[data-phase=seen] .cb-pole,[data-phase=seen] .cb-base{transform-origin:bottom;transition:transform .6s var(--ease-expo) calc(.2s + var(--i,0) * .15s)}[data-phase=waiting] .cb-poster{opacity:0;translate:0 -3rem}[data-phase=seen] .cb-poster{transition:opacity .3s ease calc(.55s + var(--i,0) * .15s), translate .8s cubic-bezier(.34, 1.4, .64, 1) calc(.55s + var(--i,0) * .15s)}[data-phase=waiting] .cb-size{opacity:0}[data-phase=seen] .cb-size{transition:opacity .4s 1.6s}.cb-map{aspect-ratio:4/3;background:radial-gradient(circle, #24232012 1px, transparent 1.5px) 0 0 / 1.25rem 1.25rem, var(--surface)}.cb-map svg{width:100%;height:100%;position:absolute;inset:0}.cb-wall{fill:none;stroke:var(--color-charcoal);stroke-width:3px;stroke-linejoin:round}.cb-table{fill:#24232014}.cb-stage-area{fill:#bd654c1f;stroke:#bd654c66}.cb-path{fill:none;stroke:var(--color-terracotta);stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 9;opacity:.8}@media (prefers-reduced-motion:no-preference){.cb-path{animation:1.6s linear infinite cb-flow}}@keyframes cb-flow{to{stroke-dashoffset:-22px}}.cb-map-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--subtle);white-space:nowrap;font-size:.6rem;position:absolute;translate:-50% -50%}.cb-pin{z-index:2;background:var(--color-charcoal);border-radius:50% 50% 50% 0;place-items:center;width:2rem;height:2rem;transition:background-color .3s,scale .4s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;translate:-50% -100%;rotate:-45deg;box-shadow:0 6px 14px #24232040}.cb-pin span{color:var(--color-warm-ivory);font-family:var(--font-mono);font-size:.75rem;font-weight:700;rotate:45deg}.cb-pin[data-active=true]{z-index:3;background:var(--color-terracotta-deep);scale:1.2}.cb-pin:after{content:"";border-radius:inherit;border:2px solid var(--color-terracotta);opacity:0;position:absolute;inset:-.4rem}@media (prefers-reduced-motion:no-preference){.cb-pin[data-active=true]:after{animation:1.4s ease-out infinite cb-pulse}}@keyframes cb-pulse{0%{opacity:.8;scale:.8}to{opacity:0;scale:1.6}}[data-phase=waiting] .cb-pin{opacity:0;translate:-50% -260%}[data-phase=seen] .cb-pin{transition:opacity .3s ease calc(.4s + var(--i,0) * .2s), translate .7s cubic-bezier(.34, 1.5, .64, 1) calc(.4s + var(--i,0) * .2s), background-color .3s, scale .4s cubic-bezier(.34, 1.56, .64, 1)}.cb-spot{text-align:left;border-radius:1rem;grid-template-columns:auto minmax(0,1fr);gap:.15rem 1rem;width:100%;padding:.9rem 1rem;transition:background-color .3s;display:grid}.cb-spot[data-active=true]{background:var(--surface)}.cb-spot-num{border:1px solid var(--border-strong);width:1.75rem;height:1.75rem;font-family:var(--font-mono);border-radius:9999px;grid-row:span 2;place-items:center;margin-top:.1rem;font-size:.75rem;font-weight:700;transition:background-color .3s,color .3s,border-color .3s;display:grid}.cb-spot[data-active=true] .cb-spot-num{border-color:var(--color-terracotta-deep);background:var(--color-terracotta-deep);color:var(--color-soft-white)}.cb-led{background:var(--color-camera-ground);border-radius:.3rem;flex:none;width:3.25rem;height:2.1rem;position:relative;box-shadow:0 0 0 3px #24232014}.cb-led:after{content:"";background:linear-gradient(90deg, var(--color-soft-white) 0 30%, transparent 30% 45%, var(--color-soft-white) 45% 55%, transparent 55% 70%, var(--color-soft-white) 70%) 0 0 / 100% 30% no-repeat, linear-gradient(90deg, var(--color-soft-white) 0 45%, transparent 45% 60%, var(--color-soft-white) 60%) 0 50% / 100% 30% no-repeat, linear-gradient(90deg, var(--color-soft-white) 0 30%, transparent 30% 70%, var(--color-soft-white) 70%) 0 100% / 100% 30% no-repeat;position:absolute;inset:.45rem 1.05rem}@media (prefers-reduced-motion:no-preference){.cb-led{animation:2.4s ease-in-out infinite cb-glow}}@keyframes cb-glow{50%{box-shadow:0 0 0 3px #24232014,0 0 18px #f2c44c8c}}.cb-bubble{background:var(--color-charcoal);color:var(--color-warm-ivory);border-radius:1.5rem 1.5rem 1.5rem .35rem;padding:1.5rem 1.5rem 1.6rem;position:relative}.cb-bubble:after{content:"";border-style:solid;border-width:.75rem .9rem 0 0;border-color:var(--color-charcoal) transparent transparent transparent;position:absolute;bottom:-.7rem;left:0}.cb-word{display:inline-block}[data-phase=waiting] .cb-word{opacity:0;translate:0 .4rem}[data-phase=seen] .cb-word{transition:opacity .4s ease calc(.4s + var(--i,0) * 70ms), translate .5s var(--ease-expo) calc(.4s + var(--i,0) * 70ms)}.cb-phone{aspect-ratio:9/18;background:var(--color-camera-ground);border-radius:2rem;width:13rem;padding:.5rem;position:relative;box-shadow:0 30px 60px #24232040}.cb-screen{text-align:center;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:.5rem;overflow:hidden}.cb-screen-scan{color:var(--color-soft-white);background:#1e2122}.cb-screen-name{background:var(--color-soft-white);color:var(--color-charcoal)}.cb-screen-shoot{background:linear-gradient(160deg, var(--color-sand), #878b87 55%, #424a4c);color:var(--color-soft-white);justify-content:space-between}.cb-screen-scan,.cb-screen-name{opacity:0}.cb-viewfinder{background:var(--color-soft-white);border-radius:.6rem;padding:.6rem;position:relative}.cb-viewfinder:before{content:"";border:2px solid var(--color-date-stamp);clip-path:polygon(0 0,30% 0,30% 4px,4px 4px,4px 30%,0 30%,0 70%,4px 70%,4px calc(100% - 4px),30% calc(100% - 4px),30% 100%,70% 100%,70% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 70%,100% 70%,100% 30%,calc(100% - 4px) 30%,calc(100% - 4px) 4px,70% 4px,70% 0,100% 0,100% 100%,0 100%);border-radius:.9rem;position:absolute;inset:-.6rem}.cb-scanline{background:var(--color-date-stamp);height:2px;box-shadow:0 0 10px var(--color-date-stamp);position:absolute;top:50%;left:.3rem;right:.3rem}.cb-input{border:1px solid var(--border-strong);text-align:left;border-radius:.6rem;width:100%;padding:.6rem .75rem;font-size:.8rem}.cb-typed{vertical-align:bottom;white-space:nowrap;border-right:1.5px solid var(--color-charcoal);display:inline-block;overflow:hidden}.cb-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.cb-shutter{background:var(--color-shutter);border-radius:9999px;width:2.75rem;height:2.75rem;box-shadow:0 0 0 4px #fcfbf8e6,0 0 0 8px #b7432f4d}.cb-chip{transition:background-color .3s,color .3s}.cb-chip[data-on=true]{background:var(--color-charcoal);color:var(--color-warm-ivory)}@media (prefers-reduced-motion:no-preference){.cb-screen-scan{animation:9s infinite cb-scr-1}.cb-screen-name{animation:9s infinite cb-scr-2}.cb-screen-shoot{animation:9s infinite cb-scr-3}.cb-scanline{animation:1.4s ease-in-out infinite alternate cb-scan}.cb-typed{animation:9s steps(10,end) infinite cb-type,.7s step-end infinite cb-caret}.cb-flash{animation:9s ease-out infinite cb-flash}.cb-chip-1{animation:9s infinite cb-chip-1}.cb-chip-2{animation:9s infinite cb-chip-2}.cb-chip-3{animation:9s infinite cb-chip-3}}@keyframes cb-scr-1{0%,30%{opacity:1}33.4%,96%{opacity:0}to{opacity:1}}@keyframes cb-scr-2{0%,30%{opacity:0}33.4%,63%{opacity:1}66.7%,to{opacity:0}}@keyframes cb-scr-3{0%,63%{opacity:0}66.7%,96%{opacity:1}to{opacity:0}}@keyframes cb-scan{0%{top:10%}to{top:88%}}@keyframes cb-type{0%,37%{max-width:0}56%,to{max-width:10ch}}@keyframes cb-caret{50%{border-color:#0000}}@keyframes cb-flash{0%,82%{opacity:0}83.5%{opacity:.9}88%,to{opacity:0}}@keyframes cb-chip-1{0%,32%{background:var(--color-charcoal);color:var(--color-warm-ivory)}34%,to{color:inherit;background:0 0}}@keyframes cb-chip-2{0%,32%{color:inherit;background:0 0}34%,65%{background:var(--color-charcoal);color:var(--color-warm-ivory)}67%,to{color:inherit;background:0 0}}@keyframes cb-chip-3{0%,65%{color:inherit;background:0 0}67%,99%{background:var(--color-charcoal);color:var(--color-warm-ivory)}to{color:inherit;background:0 0}}.cb-moments{gap:1.25rem;display:grid;position:relative}.cb-moments:before{content:"";background:var(--border-strong);transform-origin:top;width:1px;position:absolute;top:.6rem;bottom:.6rem;left:.6rem}.cb-moment{padding-left:2.25rem;position:relative}.cb-moment:before{content:"";background:var(--color-warm-ivory);border:2px solid var(--color-terracotta-deep);border-radius:9999px;width:.8rem;height:.8rem;position:absolute;top:.35rem;left:.2rem}[data-phase=waiting] .cb-moments:before{transform:scaleY(0)}[data-phase=seen] .cb-moments:before{transition:transform 1.2s var(--ease-expo) .2s}.cb-eq{align-items:center;gap:3px;height:1.5rem;display:flex}.cb-eq span{background:var(--color-terracotta);border-radius:2px;width:3px;height:40%}@media (prefers-reduced-motion:no-preference){.cb-eq span{animation:.9s ease-in-out infinite alternate cb-eq}.cb-eq span:nth-child(2){animation-delay:-.3s}.cb-eq span:nth-child(3){animation-delay:-.6s}.cb-eq span:nth-child(4){animation-delay:-.15s}.cb-eq span:nth-child(5){animation-delay:-.45s}}@keyframes cb-eq{0%{height:25%}to{height:100%}}.cb-cue{background:linear-gradient(90deg, transparent 2.1rem, #b7432f59 2.1rem 2.2rem, transparent 2.2rem), repeating-linear-gradient(180deg, transparent 0 1.95rem, #24232014 1.95rem 2rem), var(--color-soft-white);box-shadow:var(--shadow-soft), 0 1px 0 #2423200f;border-radius:.4rem;padding:2rem 1.5rem 2rem 3rem;position:relative;rotate:-.8deg}.cb-cue p{line-height:2rem}[data-phase=waiting] .cb-cue{opacity:0;translate:0 1.5rem;rotate:-4deg}[data-phase=seen] .cb-cue{transition:opacity .6s ease .3s, translate 1s var(--ease-expo) .3s, rotate 1s var(--ease-expo) .3s}.cb-check{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:.9rem 0;display:grid}.cb-check input{opacity:0;pointer-events:none;position:absolute}.cb-box{border:1.5px solid var(--border-strong);border-radius:.4rem;place-items:center;width:1.5rem;height:1.5rem;transition:background-color .3s,border-color .3s;display:grid}.cb-box path{fill:none;stroke:var(--color-charcoal);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset .35s 50ms}.cb-check input:checked+.cb-box{border-color:var(--color-warm-ivory);background:var(--color-warm-ivory)}.cb-check input:checked+.cb-box path{stroke-dashoffset:0}.cb-check input:focus-visible+.cb-box{outline:2px solid var(--color-terracotta-light);outline-offset:3px}.cb-check-text{transition:color .3s}.cb-check input:checked~.cb-check-text{color:var(--subtle);-webkit-text-decoration:line-through #f7f3ec59;text-decoration:line-through #f7f3ec59}.cb-bar{background:#f7f3ec1f;border-radius:9999px;height:.35rem;overflow:hidden}.cb-bar span{border-radius:inherit;background:var(--color-date-stamp);height:100%;transition:width .6s var(--ease-expo);display:block}.cb-stamp{aspect-ratio:1;border:2px solid var(--color-date-stamp);outline:1px solid var(--color-date-stamp);outline-offset:3px;width:6rem;color:var(--color-date-stamp);letter-spacing:.2em;text-transform:uppercase;border-radius:9999px;place-items:center;font-weight:700;display:grid;rotate:-12deg}@media (prefers-reduced-motion:no-preference){.cb-stamp{animation:.55s cubic-bezier(.34,1.56,.64,1) both cb-stamp}}@keyframes cb-stamp{0%{opacity:0;rotate:-40deg;scale:1.8}to{opacity:1;rotate:-12deg;scale:1}}
