:root{--cx-card:#f7f7f7;--cx-editor:#fff;--cx-menu:#fff;--cx-border:rgba(0,0,0,.1);--cx-border-strong:rgba(0,0,0,.22);--cx-muted:#6b6b6b;--cx-accent:#0071e3;--cx-add:#2e7d57;--cx-del:#0a0a0a;--cx-paint:url(/images/background.webp);--cx-bd-wall:url(/images/desktop.png);--cx-bd-roma:url(/images/roma.png);--cx-bd-colosseo:linear-gradient(90deg,#040e2b,#0d1a3d);--cx-bd-marble:url(/images/stairs.png);--cx-bd-sage:linear-gradient(160deg,#e2e7de,#d0d7cc);--cx-bd-rose:url(/images/marble-light.png);--cx-bd-slate:linear-gradient(160deg,#e3e7ee,#d0d5dd);--cx-bd-sand:linear-gradient(160deg,#f0eae0,#e1d9cc);--cx-bd-plain:linear-gradient(160deg,#ededed,#e3e3e3)}.dark{--cx-card:#131313;--cx-editor:#171717;--cx-menu:#1c1c1c;--cx-border:hsla(0,0%,100%,.1);--cx-border-strong:hsla(0,0%,100%,.24);--cx-muted:#949494;--cx-accent:#0080ff;--cx-add:#5caa85;--cx-del:#faf9f9;--cx-paint:url(/images/WALL.jpg);--cx-bd-wall:linear-gradient(160deg,#333,#212121);--cx-bd-roma:url(/images/roma.png);--cx-bd-colosseo:linear-gradient(90deg,#040e2b,#0d1a3d);--cx-bd-marble:url(/images/marble.png);--cx-bd-sage:linear-gradient(160deg,#2f372a,#1e221c);--cx-bd-rose:url(/images/marble-dark.webp);--cx-bd-slate:linear-gradient(160deg,#2a313c,#1b1e22);--cx-bd-sand:linear-gradient(160deg,#3c352a,#22201b);--cx-bd-plain:linear-gradient(160deg,#2b2b2b,#1f1f1f)}.cx-card{background:var(--cx-card)}.cx-window{background:var(--cx-editor)}.cx-menu{background:var(--cx-menu)}.cx-muted{color:var(--cx-muted)}.cx-add{color:var(--cx-add)}.cx-del{color:var(--cx-del)}.cx-paint{background-image:var(--cx-paint)}.cx-window{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes cx-spin{to{transform:rotate(1turn)}}.cx-spin{animation:cx-spin 1.6s linear infinite}@keyframes cx-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.cx-bar{animation:cx-bar 1.1s ease-in-out infinite;transform-origin:center}.cx-scroll{scrollbar-width:thin;scrollbar-color:hsla(0,0%,50%,.3) transparent}@keyframes cx-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.06) translateY(-1px)}}@keyframes cx-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes cx-look{0%,40%,to{transform:translateX(0)}55%,80%{transform:translateX(1.2px)}}.cx-bot{animation:cx-breathe 3.2s ease-in-out infinite;transform-origin:center}.cx-bot-eyes{animation:cx-look 5s ease-in-out infinite}.cx-bot-eye{animation:cx-blink 4.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.cx-bot[data-state=typing]{animation-duration:1.2s}