.cs-root{--cs-bg:#050505;--cs-ink:#f4efe9;--cs-mute:#8d857d;--cs-red:#ff3b2f;--cs-ember:#ff7a1a;--cs-gold:#f2b544;isolation:isolate;background:var(--cs-bg);min-height:100svh;color:var(--cs-ink);font-family:var(--font-geist-sans), system-ui, sans-serif;flex-direction:column;display:flex;position:relative;overflow:hidden}.cs-glow{z-index:-3;background:radial-gradient(40% 35% at 72% 58%,#ff6a1a52,#0000 70%),radial-gradient(30% 30% at 20% 30%,#ff3b2f1f,#0000 70%);animation:2.4s ease-in-out infinite cs-heartbeat;position:absolute;inset:-20%}.cs-grid{z-index:-2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;animation:30s linear infinite cs-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60%,#000 30%,#0000 100%)}.cs-scan{z-index:5;pointer-events:none;background:linear-gradient(#0000 0,#ff5a280f 50%,#0000 100%);height:30vh;animation:7s linear infinite cs-scan;position:absolute;inset:0}.cs-grain{z-index:6;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s steps(4,end) infinite cs-grain;position:absolute;inset:-50%}.cs-top,.cs-foot{z-index:7;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-mute);justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,4vw,48px);font-size:12px;display:flex;position:relative}.cs-brand{letter-spacing:.08em;color:var(--cs-ink);font-size:14px}.cs-brand b{background:var(--cs-red);color:#fff;border-radius:3px;margin-left:4px;padding:2px 6px;font-weight:700}.cs-status{color:var(--cs-ember);align-items:center;gap:8px;display:inline-flex}.cs-status i{background:var(--cs-ember);width:8px;height:8px;box-shadow:0 0 12px var(--cs-ember);border-radius:50%;animation:1s steps(2,start) infinite cs-blink}.cs-foot{letter-spacing:.06em;text-transform:none;margin-top:auto}.cs-ikaroa{opacity:.75;align-items:center;gap:8px;transition:opacity .2s;display:inline-flex}.cs-ikaroa:hover{opacity:1}.cs-ikaroa img{width:auto;height:16px}.cs-stage{z-index:7;flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);width:100%;max-width:1240px;margin:0 auto;padding:clamp(8px,2vh,24px) clamp(16px,4vw,48px);display:grid;position:relative}@media (max-width:900px){.cs-stage{grid-template-columns:minmax(0,1fr)}.oven-wrap{width:min(100%,460px)}}.cs-title{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(44px,min(7vw,11vh),96px);font-weight:800;line-height:.92;position:relative}.cs-title:before,.cs-title:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.cs-title:before{color:var(--cs-red);mix-blend-mode:screen;animation:5.5s infinite cs-glitch-a}.cs-title:after{color:#3bd3ff;mix-blend-mode:screen;animation:5.5s infinite cs-glitch-b}.cs-copy{color:#c9c1b8;gap:16px;max-width:34em;margin-top:clamp(16px,3vh,28px);font-size:clamp(15px,1.3vw,17px);line-height:1.6;display:grid}.cs-warn{border-left:2px solid var(--cs-red);color:var(--cs-ink);padding-left:14px;font-weight:600}.cs-rise{opacity:0;animation:1s cubic-bezier(.2,.7,.2,1) forwards cs-rise}.oven-wrap{justify-self:center;width:min(100%,500px,58svh);padding-top:48px;animation-name:cs-rise,cs-rumble;animation-duration:1s,9s;animation-iteration-count:1,infinite;animation-delay:.8s,4s;animation-fill-mode:forwards,none;position:relative}.oven{background:linear-gradient(160deg,#3b3836 0%,#1c1a19 45%,#111 100%);border-radius:22px;padding:14px;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -10px 30px #0009,0 40px 80px #000000b3,0 0 120px #ff6a1a2e}.oven-panel{grid-template-columns:56px 1fr 56px;align-items:center;gap:16px;padding:12px 14px 18px;display:grid}.oven-knob{aspect-ratio:1;transform:rotate(var(--turn));background:radial-gradient(circle at 35% 30%,#6a6562,#262321 70%);border-radius:50%;position:relative;box-shadow:0 6px 12px #0009,inset 0 1px #fff3}.oven-knob span{background:#ddd;border-radius:2px;width:4px;height:14px;margin-left:-2px;position:absolute;top:6px;left:50%}.oven-knob-hot span{background:var(--cs-ember);box-shadow:0 0 8px var(--cs-ember)}.oven-display{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;white-space:pre;color:var(--cs-red);text-shadow:0 0 6px var(--cs-red), 0 0 22px #ff3b2f99;background:#0a0302;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:clamp(20px,3.4vw,30px);font-weight:600;transition:transform .12s;display:flex;box-shadow:inset 0 0 18px #000000e6,0 0 0 1px #ffffff0d}.oven-display.is-tick{transform:scale(1.03)}.oven-display-dot{background:var(--cs-red);width:7px;height:7px;box-shadow:0 0 10px var(--cs-red);border-radius:50%;animation:1s steps(2,start) infinite cs-blink}.oven-handle{background:linear-gradient(#cfcac4,#6d6863);border-radius:8px;height:14px;margin:0 12% 12px;box-shadow:0 8px 14px #0009}.oven-door{background:linear-gradient(#2a2725,#161413);border-radius:14px;padding:18px;box-shadow:inset 0 1px #ffffff14}.oven-window{aspect-ratio:16/10;background:radial-gradient(80% 90% at 50% 70%,#ff8a2a 0%,#b8360f 45%,#3a0d05 100%);border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000d9,0 0 0 3px #0b0a09}.oven-light{background:radial-gradient(60% 50% at 50% 0,#ffdca08c,#0000 70%);animation:3.2s infinite cs-flicker;position:absolute;inset:0}.oven-element{background:#ff4b12;border-radius:6px;height:6px;animation:2.4s ease-in-out infinite cs-element;position:absolute;left:8%;right:8%;box-shadow:0 0 10px #ff4b12,0 0 28px #ff5a14e6,0 0 60px #ff5a1499}.oven-element-top{top:9%}.oven-element-bottom{animation-delay:1.2s;bottom:7%}.oven-shimmer{filter:blur(1px);background:repeating-linear-gradient(0deg,#0000 0 9px,#ffc8780f 9px 11px);animation:1.6s linear infinite cs-shimmer;position:absolute;inset:0}.oven-rack{background:linear-gradient(#bdb6ad,#5d5650);border-radius:2px;height:4px;position:absolute;bottom:22%;left:5%;right:5%;box-shadow:0 2px 4px #00000080}.oven-tin{background:linear-gradient(90deg,#4c4a48,#a29d97 30%,#6d6a66 70%,#3a3836);border-radius:0 0 8px 8px;width:46%;height:22%;position:absolute;bottom:calc(22% + 4px);left:50%;transform:translate(-50%);box-shadow:inset 0 3px 6px #00000080}.oven-cake{transform-origin:50% 100%;background:linear-gradient(#f6dc9c,#e9c271 60%,#d9a957);border-radius:46% 46% 4px 4px/60% 60% 4px 4px;height:160%;animation:14s cubic-bezier(.3,0,.2,1) 1.2s forwards cs-rise-cake,3s ease-in-out 15.2s infinite cs-breathe;position:absolute;bottom:30%;left:4%;right:4%;transform:scaleY(.18)}.oven-crust{border-radius:inherit;opacity:0;background:linear-gradient(#5e2a0b,#8a4416 16%,#b06a2c 32%,#c88c4699 46%,#0000 62%);animation:14s ease-in 1.2s forwards cs-brown;position:absolute;inset:0}.oven-glass{background:linear-gradient(115deg,#0000 30%,#ffffff24 42%,#0000 52%) 0 0/250% 100%;animation:6s ease-in-out infinite cs-glass;position:absolute;inset:0}.oven-feet{justify-content:space-between;display:flex;position:absolute;bottom:-10px;left:10%;right:10%}.oven-feet span{background:#0d0c0b;border-radius:0 0 6px 6px;width:40px;height:10px}.oven-heat{pointer-events:none;height:80px;position:absolute;top:0;left:0;right:0}.oven-heat span{filter:blur(6px);opacity:0;background:radial-gradient(circle,#fff0e166,#0000 70%);border-radius:50%;width:26px;height:26px;animation:3.8s ease-out infinite cs-steam;position:absolute;bottom:0}@keyframes cs-rise{0%{opacity:0;filter:blur(8px);transform:translateY(24px)}to{opacity:1;filter:none;transform:none}}@keyframes cs-heartbeat{0%,to{opacity:.75;transform:scale(1)}12%{opacity:1;transform:scale(1.03)}24%{opacity:.85}36%{opacity:1;transform:scale(1.02)}}@keyframes cs-drift{to{background-position:56px 56px,56px 56px}}@keyframes cs-scan{0%{transform:translateY(-30vh)}to{transform:translateY(130vh)}}@keyframes cs-grain{0%{transform:translate(0)}25%{transform:translate(-5%,4%)}50%{transform:translate(4%,-3%)}75%{transform:translate(-3%,-5%)}}@keyframes cs-blink{to{opacity:.15}}@keyframes cs-glitch-a{0%,88%,to{clip-path:inset(0 0 100%);transform:none}89%{clip-path:inset(12% 0 60%);transform:translate(-4px,1px)}91%{clip-path:inset(55% 0 20%);transform:translate(3px,-2px)}93%{clip-path:inset(30% 0 45%);transform:translate(-2px)}}@keyframes cs-glitch-b{0%,88%,to{clip-path:inset(100% 0 0);transform:none}90%{clip-path:inset(65% 0 10%);transform:translate(4px,-1px)}92%{clip-path:inset(5% 0 75%);transform:translate(-3px,2px)}94%{clip-path:inset(40% 0 35%);transform:translate(2px)}}@keyframes cs-rumble{0%,94%,to{transform:none}95%{transform:translate(-2px,1px)rotate(-.4deg)}96%{transform:translate(2px,-1px)rotate(.4deg)}97%{transform:translate(-1px)rotate(-.2deg)}98%{transform:translate(1px,1px)}}@keyframes cs-flicker{0%,to{opacity:1}41%{opacity:1}42%{opacity:.55}43%{opacity:1}77%{opacity:.8}78%{opacity:1}}@keyframes cs-element{0%,to{filter:brightness()}50%{filter:brightness(1.45)}}@keyframes cs-shimmer{0%{transform:translateY(0)skew(0)}50%{transform:translateY(-6px)skew(1.5deg)}to{transform:translateY(-11px)skew(0)}}@keyframes cs-rise-cake{0%{transform:scaleY(.18)}85%{transform:scaleY(1.02)}to{transform:scaleY(1)}}@keyframes cs-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.025)}}@keyframes cs-brown{0%,35%{opacity:0}to{opacity:1}}@keyframes cs-glass{0%,to{background-position:120% 0}50%{background-position:-20% 0}}@keyframes cs-steam{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-70px)scale(1.8)}}@media (prefers-reduced-motion:reduce){.cs-root *,.cs-root :before,.cs-root :after{animation:none!important}.cs-rise{opacity:1}.oven-cake{transform:none}.oven-crust{opacity:1}}
