.cm{min-height:100svh;position:relative}.cm .st-stage{--st-w:118cqw;--st-x:41%}.cm-scope{aspect-ratio:1;background:radial-gradient(closest-side,#0e2e1e,#030e09 85%);border-radius:50%;width:14.3%;position:absolute;top:54%;left:50.85%;overflow:hidden;translate:-50% -50%;box-shadow:inset 0 0 2vmin #000000e6,0 0 4vmin #78ffaa1f}.cm-scope canvas{width:100%;height:100%;display:block}.cm-scope:after{content:"";background:radial-gradient(circle at 34% 28%,#ffffff1f,#0000 30%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 3vmin #000c}.cm-lamp{--x:18.9%;--y:11.5%}.cm-signal{aspect-ratio:1;background:#bff6ff;border-radius:50%;width:.5%;animation:2.8s ease-in-out infinite cm-blink;position:absolute;top:28.5%;left:50.2%;translate:-50% -50%;box-shadow:0 0 10px 3px #8fd8ffb3}.cm-signal:after{content:"";border:1px solid #8fd8ff99;border-radius:50%;animation:2.8s ease-out infinite cm-ring;position:absolute;inset:-300%}@keyframes cm-blink{0%,to{opacity:.15}12%{opacity:1}40%{opacity:.3}}@keyframes cm-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(2.4)}}@media (max-aspect-ratio:5/6){.cm-signal{width:.9%;top:29%;left:48.6%}.cm .st-stage{--st-w:100cqw;--st-x:50%}.cm-scope{width:19.3%;top:56.2%;left:48.9%}.cm-lamp{--x:49%;--y:15.5%;--s:34%}}.cm-ui{z-index:1;justify-content:flex-end;align-items:center;min-height:100svh;padding:96px 4.5vw 40px;display:flex;position:relative}.cm-crt{--phos:#b4ffc8;--phos-dim:#6fbf8b;width:min(560px,44vw);font-family:var(--k-notation), ui-monospace, monospace;color:var(--phos);background:linear-gradient(160deg,#20262a,#0b0f11 60%,#050708);border-radius:22px;padding:14px;position:relative;box-shadow:0 30px 80px #000000a6,inset 0 1px #ffffff14,inset 0 0 0 1px #0009}.cm-crt-in{text-shadow:0 0 .55em #78ffaa66,-.04em 0 #ff3c3c29,.04em 0 #3c8cff29;background:radial-gradient(at 50% 40%,#163e28f5,#05140cfa 75%);border-radius:14px/18px;padding:28px 28px 22px;animation:6s step-end infinite cm-flicker;position:relative}.cm-glass{pointer-events:none;background:linear-gradient(#0000,#b4ffc80d 48%,#b4ffc814 50%,#0000 56%) 0 0/100% 300% no-repeat,repeating-linear-gradient(#00000042 0 1px,#0000 1px 3px),radial-gradient(circle at 22% 14%,#ffffff12,#0000 28%);border-radius:14px/18px;animation:7s linear infinite cm-roll;position:absolute;inset:14px;box-shadow:inset 0 0 40px 8px #000000b3}@keyframes cm-roll{0%{background-position:0 100%,0 0,0 0}to{background-position:0 -200%,0 0,0 0}}@keyframes cm-flicker{0%,to{opacity:1}31%{opacity:.9}32%{opacity:1}}.cm-kicker,.cm-form label>span,.cm-echo,.cm-status,.cm-direct span{letter-spacing:.16em;text-transform:uppercase;font-variation-settings:"wdth" 85;font-size:10px}.cm-kicker{color:var(--phos-dim);margin:0 0 10px}.cm-title{font-family:var(--k-didone), serif;font-variation-settings:"opsz" 72;letter-spacing:.04em;text-transform:uppercase;color:var(--phos);margin:0;font-size:clamp(30px,2.9vw,48px);font-weight:400;line-height:1.05}.cm-lead{color:#b4ffc8d1;margin:12px 0 20px;font-size:13px;line-height:1.6}.cm-form{gap:12px;display:grid}.cm-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cm-form label{gap:5px;min-width:0;display:grid}.cm-form label>span{color:var(--phos-dim)}.cm-form input,.cm-form textarea,.cm-form select{width:100%;color:var(--phos);font:inherit;text-shadow:inherit;caret-color:var(--phos);resize:vertical;background:#00080473;border:1px solid #b4ffc838;border-radius:0;padding:9px 10px;font-size:16px;line-height:1.4;transition:border-color .2s,background-color .2s}.cm-form select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--phos) 50%), linear-gradient(-45deg, transparent 50%, var(--phos) 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}.cm-form select:has(option[value=""]:checked){color:#b4ffc866}.cm-form option{color:var(--phos);background:#06140c}.cm-form input:focus,.cm-form textarea:focus,.cm-form select:focus{border-color:var(--phos);background:#143c2473;outline:none}.cm-crt[data-state=error] :is(input,textarea):invalid{border-color:#ff7a66}.cm-echo{min-height:1.4em;color:var(--phos-dim);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.cm-send{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.cm-btn{appearance:none;border:1px solid var(--phos);color:var(--phos);font:inherit;letter-spacing:.18em;text-transform:uppercase;text-shadow:inherit;cursor:pointer;background:#b4ffc80f;border-radius:0;padding:12px 18px 11px;font-size:11px;transition:background-color .2s,color .2s}.cm-btn:hover,.cm-btn:focus-visible{background:var(--phos);color:#03130a;text-shadow:none}.cm-btn:disabled{opacity:.55;cursor:progress}.cm-btn-quiet{border-color:#b4ffc866}.cm-status{color:var(--phos-dim);margin:0}.cm-crt[data-state=sending] .cm-status{color:var(--phos);animation:.9s steps(2,end) infinite cm-blink}.cm-crt[data-state=error] .cm-status,.cm-crt[data-state=mail] .cm-status{color:#ffb3a6}.cm-crt[data-state=sending] .cm-crt-in{animation:.16s steps(2,end) infinite cm-jitter}@keyframes cm-jitter{50%{transform:translate(1px)skew(-.4deg)}}.cm-done{padding:18px 0 6px}.cm-done-line{margin:0 0 18px;font-size:18px;line-height:1.5}.cm-direct{color:var(--phos-dim);border-top:1px dashed #b4ffc838;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:18px 0 0;padding-top:14px;display:flex}.cm-direct a{color:var(--phos);text-underline-offset:4px;font-size:13px;-webkit-text-decoration:underline #b4ffc866;text-decoration:underline #b4ffc866}@media (max-aspect-ratio:5/6){.cm-ui{padding:0 10px 24px;display:block}.cm-crt{border-radius:18px;width:auto;margin-top:calc(100svh - 150px);padding:10px}.cm-glass{inset:10px}.cm-crt-in{padding:22px 16px 18px}.cm-row{grid-template-columns:1fr}}
