.sim-frame{min-width:0}.sim-stage{background:radial-gradient(at 55% 65%,#d4e0d1,#e9eeea 70%);border:1px solid #d9e4da;border-radius:18px;width:100%;height:calc(100dvh - 210px);min-height:560px;margin:0 auto;position:relative;overflow:hidden;container-type:size}.sim-canvas{position:absolute;inset:0}.sim-canvas canvas{width:100%;height:100%;display:block}.sim-frame.recording{z-index:60;background:#11241c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sim-frame.recording .sim-stage{border:0;border-radius:0;max-width:100vw;min-height:0;max-height:100dvh}.sim-frame.recording .sim-stage:not([style]){width:100vw;height:100dvh}.sim-stage.bare{cursor:none}.sim-stage.bare .sim-floating{opacity:0;pointer-events:none}.sim-brand{pointer-events:none;position:absolute;top:26px;left:28px}.sim-brand .m3-brand{letter-spacing:-.042em;font-size:21px}.sim-brand .m3-brand>img{filter:drop-shadow(0 5px 10px #30563918);width:34px;height:34px;margin-right:9px}.sim-brand small{color:#5d7a68;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin:4px 0 0 43px;font-size:12px;font-weight:500;display:block;overflow:hidden}.sim-notes{pointer-events:none;gap:10px;display:grid;position:absolute;bottom:92px;left:28px;right:28px}.sim-notes p{overflow-wrap:anywhere;margin:0;line-height:1.5;animation:.3s ease-out sim-note-in}.sim-notes .earlier{color:#6f8a78;font-size:15px}.sim-notes .latest{letter-spacing:-.6px;color:#20503a;text-shadow:0 1px #f4f8f480;font-size:25px;font-weight:500}.sim-readout{color:#476255;pointer-events:none;align-items:center;gap:16px;font-size:13px;display:flex;position:absolute;bottom:26px;left:28px;right:28px}.sim-readout strong{font-variant-numeric:tabular-nums;font-weight:600}.sim-readout span:last-child{font-variant-numeric:tabular-nums;margin-left:auto}.sim-bar{background:#2e55391f;border-radius:3px;height:3px;position:absolute;bottom:-13px;left:0;right:0;overflow:hidden}.sim-bar i{background:#3c8f61;border-radius:3px;height:100%;transition:width .35s ease-out;display:block}.sim-placeholder{text-align:center;color:#5d7a68;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex;position:absolute;inset:0}.sim-placeholder p{margin:0;font-size:16px}.sim-placeholder .m3-primary{width:auto}.sim-countdown{color:#20503a;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.sim-countdown strong{letter-spacing:-5px;font-variant-numeric:tabular-nums;font-size:104px;font-weight:500;line-height:1;animation:.9s ease-out sim-count}.sim-countdown span{letter-spacing:2.4px;color:#5d7a68;font-size:13px}.sim-floating{gap:8px;transition:opacity .4s;display:flex;position:absolute;top:22px;right:24px}.sim-floating button{background:#f8fbf4e0!important;font-size:13px!important}.sim-stage.tall .sim-brand{top:11%}.sim-stage.tall .sim-notes{bottom:21%}.sim-stage.tall .sim-readout{bottom:14%}.sim-outro{text-align:center;background:radial-gradient(at 50% 52%,#f2f7f2e6,#e6eee6c9 72%);flex-direction:column;justify-content:center;align-items:center;gap:4cqmin;padding:8cqmin;animation:.65s ease-out both sim-veil;display:flex;position:absolute;inset:0}.sim-outro .m3-brand{letter-spacing:-.042em;font-size:clamp(27px,7.6cqmin,60px);animation:.8s cubic-bezier(.2,.75,.25,1) .12s both sim-rise}.sim-outro .m3-brand>img{filter:drop-shadow(0 12px 22px #30563922);width:clamp(44px,11.5cqmin,92px);height:auto;margin-right:.42em}.sim-outro-line{letter-spacing:-.01em;color:#2c5644;background:#ffffffbf;border:1px solid #c5d8c9;border-radius:999px;padding:.6em 1.15em;font-size:clamp(15px,3.6cqmin,26px);font-weight:500;animation:.8s cubic-bezier(.2,.75,.25,1) .42s both sim-rise}.sim-outro-line em{color:#398b61;font-style:normal;font-weight:650}.sim-intro{z-index:2;pointer-events:none;animation:6.1s ease-in-out both sim-intro-card;position:absolute;inset:0;overflow:hidden}.sim-intro img{object-fit:cover;width:124%;max-width:none;height:124%;animation:6.1s ease-out both sim-intro-drift;position:absolute;inset:-12%}.sim-intro:after{content:"";background:#12281e61;position:absolute;inset:0}.sim-intro-titles{z-index:1;text-align:center;color:#f4faf6;text-shadow:0 2px 18px #10281e66;flex-direction:column;justify-content:center;align-items:center;gap:1.1cqmin;padding:8cqmin;display:flex;position:absolute;inset:0}.sim-intro-titles>span{letter-spacing:-.01em;font-size:clamp(18px,4.8cqmin,36px);font-weight:500;animation:.55s cubic-bezier(.2,.75,.25,1) .12s both sim-rise}.sim-intro-titles>strong{letter-spacing:-.02em;align-items:baseline;gap:.28em;font-size:clamp(22px,5.6cqmin,42px);font-weight:500;animation:.55s cubic-bezier(.2,.75,.25,1) 1.72s both sim-rise;display:inline-flex}.sim-intro-titles .m3-brand{letter-spacing:-.042em;color:#f4faf6;text-shadow:0 2px 18px #10281e66;background:0 0;border-radius:0;align-items:baseline;padding:0;font-size:1em;display:inline-flex}.sim-intro-titles .m3-brand>span{color:var(--m3-accent);font-size:1em;font-weight:700}@keyframes sim-veil{0%{opacity:0}to{opacity:1}}@keyframes sim-rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sim-intro-card{0%{opacity:0}4%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes sim-intro-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-1.6%,1%)scale(1.05)}}@keyframes sim-note-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sim-count{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.sim-rec{letter-spacing:1.6px;color:#8d3b2e;pointer-events:none;background:#fff4f1e8;border:1px solid #ecc7bd;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;font-weight:600;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.sim-rec i{background:#c8503c;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite sim-pulse}.sim-rec span{letter-spacing:0;font-variant-numeric:tabular-nums;color:#7c4a3f}.sim-floating .sim-taping{color:#8d3b2e!important;border-color:#e3b8ae!important}@keyframes sim-pulse{50%{opacity:.25}}@media (max-width:600px){.sim-notes{bottom:84px;left:18px;right:18px}.sim-notes .latest{font-size:20px}.sim-brand{top:18px;left:18px}.sim-readout{bottom:20px;left:18px;right:18px}.sim-floating{top:16px;right:14px}}@media (prefers-reduced-motion:reduce){.sim-rec i{animation:none}.sim-intro{opacity:1;animation:none}.sim-intro img,.sim-intro-titles>span,.sim-intro-titles>strong{animation:none}}@media (max-width:1100px){.sim-layout .sim-stage{height:70dvh;min-height:420px}}