@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Silkscreen&display=swap);:root{--cm-cream:#fff6e6;--cm-paper:#fffaf1;--cm-terra:#e2725b;--cm-terra-d:#b8523e;--cm-leaf:#5b8c3a;--cm-leaf-d:#3f6a24;--cm-honey:#f2b84b;--cm-honey-d:#c48a1e;--cm-ink:#2b1d33;--cm-petal:
#ff8fb1;--cm-wood:#8d5f35;--cm-wood-l:#c08a55;--cm-r:18px;--cm-px:'Silkscreen',ui-monospace,monospace;--cm-disp:'Fredoka',ui-rounded,system-ui,sans-serif}.cm{color:var(--cm-ink);background:var(--cm-cream);overflow-x:clip}.cm *{box-sizing:border-box}.cm code{font-family:var(--cm-px);font-size:.82em;
background:#2b1d330f;border:1px solid #2b1d331f;border-radius:6px;padding:.05em .4em;white-space:nowrap}.cm-kicker{font-family:var(--cm-px);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--cm-terra-d);margin:0 0 10px}.cm h3,.cm-h1,.cm-h2{font-family:var(--cm-disp);font-weight
:700;letter-spacing:-.01em;margin:0;color:var(--cm-ink)}.cm-h1{font-size:clamp(36px,4.3vw,58px);line-height:1.03}.cm-h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08}.cm h3{font-size:22px;line-height:1.2}.cm p{line-height:1.6}.cm-lead{font-size:clamp(16px,1.25vw,18px);margin:14px 0 0;max-width:
34em}.cm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cm-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 22px;border-radius:14px;font:600 17px/1.1 
var(--cm-disp);text-decoration:none;cursor:pointer;border:3px solid var(--cm-ink);transition:transform .12s,box-shadow .12s;box-shadow:0 5px 0 var(--cm-ink);color:var(--cm-ink);background:var(--cm-paper)}.cm-btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--cm-ink)}.cm-btn:active{
transform:translateY(3px);box-shadow:0 2px 0 var(--cm-ink)}.cm-btn--main{background:var(--cm-terra);color:#fff}.cm-btn--ghost{background:var(--cm-paper)}.cm a:focus-visible,.cm button:focus-visible,.cm-btn:focus-visible{outline:3px solid var(--cm-petal);outline-offset:3px}.cm-sec{padding:
clamp(56px,8vw,104px) clamp(16px,4vw,48px);max-width:1240px;margin:0 auto}.cm-head{text-align:center;max-width:720px;margin:0 auto 40px}.cm-head p:not(.cm-kicker){margin:14px auto 0;font-size:17px;opacity:.85}.cm-hero{position:relative;height:min(88vh,780px);min-height:640px;background:
radial-gradient(circle at 74% 14%,#fff4c9 0 54px,#ffe2a8 55px 80px,transparent 81px),linear-gradient(#ffb48a 0,#ffd2a2 42%,#f8e4cf 100%);overflow:hidden;isolation:isolate}.cm-hero__scene{position:absolute!important;inset:0;height:100%!important;z-index:0;cursor:pointer}.cm-hero__card{position:
absolute;z-index:2;left:clamp(16px,4vw,64px);top:50%;transform:translateY(-54%);width:min(540px,44vw);padding:26px 30px 24px;background:#fffaf1f2;border:4px solid var(--cm-ink);border-radius:24px;box-shadow:0 10px 0 var(--cm-ink),0 30px 60px #6b3f2540}.cm-hero__card::before{content:'';position:
absolute;left:-4px;right:-4px;top:-22px;height:26px;border:4px solid var(--cm-ink);border-bottom:0;border-radius:18px 18px 0 0;background:repeating-linear-gradient(90deg,var(--cm-terra) 0 34px,var(--cm-cream) 34px 68px)}.cm-trust{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;padding:0;
margin:18px 0 0;font-size:14px;opacity:.85}.cm-trust li::before{content:'✓ ';color:var(--cm-leaf);font-weight:700}.cm-hero__down{position:absolute;z-index:2;left:50%;bottom:16px;transform:translateX(-50%);font-family:var(--cm-px);font-size:13px;color:var(--cm-ink);text-decoration:none;background:
#fffaf1cc;padding:6px 12px;border-radius:999px;border:2px solid var(--cm-ink)}.cm-hero .mm-hint{top:auto;bottom:18px;right:18px;opacity:.75;font-family:var(--cm-px);font-size:11px}.cm-hero .mm-bub{font-family:var(--cm-disp);font-weight:600}@media (max-width:820px){.cm-hero{height:auto;min-height:0;
display:flex;flex-direction:column}.cm-hero__scene{position:relative!important;inset:auto;order:2;height:400px!important}.cm-hero__card{position:relative;order:1;left:auto;top:auto;transform:none;width:auto;margin:40px 16px 0}.cm-hero__down{display:none}}.cm-marquee{background:var(--cm-ink);color:
var(--cm-cream);overflow:hidden;border-block:4px solid var(--cm-ink)}.cm-marquee>div{display:flex;width:max-content;animation:cmmq 38s linear infinite}.cm-marquee span{font-family:var(--cm-px);font-size:15px;padding:14px 22px;white-space:nowrap}.cm-marquee span::after{content:'✦';margin-left:44px;
color:var(--cm-petal)}@keyframes cmmq{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.cm-marquee>div{animation:none}}.cm-frame{background:var(--cm-wood);border:4px solid var(--cm-ink);border-radius:26px;padding:14px;box-shadow:0 10px 0 var(--cm-ink);max-width:1100px;margin:0 
auto}.cm-stage{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#3a2418 radial-gradient(circle at 50% 60%,#6b3f25,#2b1d33)}.cm-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.cm-wake{all:unset;position:absolute;inset:0;display:flex;
flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--cm-cream);text-align:center}.cm-wake b{font:700 clamp(20px,2.4vw,30px) var(--cm-disp)}.cm-wake small{font-family:var(--cm-px);font-size:12px;opacity:.75}.cm-wake:hover .cm-wake__cat{transform:
translateY(-6px) rotate(-4deg)}.cm-wake__cat{width:120px;height:96px;transition:transform .2s;image-rendering:pixelated;background:no-repeat center/contain 
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%232b1d33' d='M2 1h2v1h1v1h10V2h1V1h2v4h1v8h-1v1h-1v1H3v-1H2v-1H1V5h1z'/%3E%3Cpath fill='%23f0a35e' d='M3 2h1v1h1v1h10V3h1V2h1v4h1v7h-1v1H3v-1H2V6h1z'/%3E%3Cpath fill='%23c0702e' d='M8 4h1v2H8zm3 0h1v2h-1zm-6 1h1v1H5zm9 0h1v1h-1z'/%3E%3Cpath fill='%23fff0d6' d='M6 10h8v3H6z'/%3E%3Cpath fill='%232b1d33' d='M6 7h2v2H6zm6 0h2v2h-2zM9 10h2v1H9z'/%3E%3Cpath fill='%23fff' d='M6 7h1v1H6zm6 0h1v1h-1z'/%3E%3Cpath fill='%23ff8fb1' d='M4 9h1v1H4zm11 0h1v1h-1z'/%3E%3C/svg%3E")
}.cm-cmds{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:14px 4px 2px}.cm-cmds button{font:400 14px var(--cm-px);border:3px solid var(--cm-ink);border-radius:10px;padding:8px 12px;background:var(--cm-petal);color:var(--cm-ink);cursor:pointer;box-shadow:0 4px 0 var(--cm-ink);
transition:transform .1s}.cm-cmds button:nth-child(3n+2){background:var(--cm-honey)}.cm-cmds button:nth-child(3n){background:#9fe8ff}.cm-cmds button:hover{transform:translateY(-2px)}.cm-cmds button.hit,.cm-cmds button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cm-ink)}.cm-cmds .cm-snd
{background:var(--cm-cream)!important}.cm-cmds .cm-snd.on{background:#b8f0a0!important}.cm-cmds__sep{flex-basis:100%;height:0}.cm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width:900px){.cm-grid3{grid-template-columns:1fr 1fr}}@media (max-width:600px){.cm-grid3{
grid-template-columns:1fr}}.cm-card{background:var(--cm-paper);border:3px solid var(--cm-ink);border-radius:var(--cm-r);padding:24px;box-shadow:0 6px 0 var(--cm-ink)}.cm-card p{margin:8px 0 0;font-size:15.5px}.cm-ico{display:block;width:52px;height:52px;border-radius:14px;border:3px solid 
var(--cm-ink);margin-bottom:14px;background:var(--cm-petal) center/30px no-repeat}.cm-ico[data-i=cam]{background-color:var(--cm-petal);background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath fill='%232b1d33' d='M1 3h6v1h1V3h1v5H8V7H7v1H1z'/%3E%3Cpath fill='%23fff' d='M2 4h4v3H2z'/%3E%3C/svg%3E")}.cm-ico[data-i=alert]{background-color:var(--cm-honey);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath fill='%232b1d33' d='M4 0h2v1h1v1h1v4h1v2H1V6h1V2h1V1h1zM4 9h2v1H4z'/%3E%3C/svg%3E")}.cm-ico[data-i=room]{background-color:#9fe8ff;background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath fill='%232b1d33' d='M4 1h2v1h1v1h1v1h1v1H8v4H2V5H1V4h1V3h1V2h1z'/%3E%3Cpath fill='%23ff8fb1' d='M4 6h2v3H4z'/%3E%3C/svg%3E")}.cm-ico[data-i=radio]{background-color:#b8f0a0;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath fill='%232b1d33' d='M4 1h5v6H8V3H5v5H4V7H2V6H1V5h1V4h2zM7 6h2v2H7z'/%3E%3C/svg%3E")}.cm-ico[data-i=chat]{background-color:#d9c2ff;background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath fill='%232b1d33' d='M1 1h8v6H5L3 9V7H1z'/%3E%3Cpath fill='%23fff' d='M3 3h1v1H3zm2 0h1v1H5zm2 0h0v1z'/%3E%3C/svg%3E")}.cm-ico[data-i=clock]{background-color:var(--cm-cream);
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath fill='%232b1d33' d='M3 0h4v1h1v1h1v2h1v2H9v2H8v1H7v1H3V9H2V8H1V6H0V4h1V2h1V1h1z'/%3E%3Cpath fill='%23fff' d='M3 1h4v1h1v2h1v2H8v2H7v1H3V8H2V6H1V4h1V2h1z'/%3E%3Cpath fill='%232b1d33' d='M4 2h1v3h2v1H4z'/%3E%3C/svg%3E")
}.cm-split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:860px){.cm-split{grid-template-columns:1fr}}.cm-split>*{min-width:0}.cm-split p:not(.cm-kicker){font-size:16.5px}.cm-ticks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap
:10px}.cm-ticks li{padding-left:30px;position:relative}.cm-ticks li::before{content:'♪';position:absolute;left:0;top:-2px;width:22px;height:22px;border-radius:7px;background:var(--cm-honey);border:2px solid var(--cm-ink);font-size:13px;display:grid;place-items:center}.cm-radio{background:
linear-gradient(#fff6e6,#ffe9cf)}.cm-radio.cm-sec{max-width:none}.cm-radio .cm-split{max-width:1240px;margin:0 auto}.cm-radiobox{position:relative;aspect-ratio:4/1;min-height:150px;border:4px solid var(--cm-ink);border-radius:22px;background:#3a2418;box-shadow:0 8px 0 var(--cm-ink);overflow:hidden}
.cm-iframe--radio{position:absolute;inset:0}@media (max-width:600px){.cm-radiobox{aspect-ratio:auto;height:150px}}.cm-radio-stop{position:absolute;right:10px;bottom:10px;min-height:36px;padding:6px 12px;font-size:14px;z-index:2}