.retro-device-key{isolation:isolate;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;appearance:none;background:0 0;border:0;outline:none;width:100%;padding:0 0 12px;transition:filter .18s cubic-bezier(.22,1,.36,1);display:block;position:relative}.retro-device-key__base,.retro-device-key__plate{pointer-events:none;position:absolute;inset:auto 0 0}.retro-device-key__base{background:linear-gradient(180deg,var(--key-base-start),var(--key-base-end));border-radius:18px;transition:box-shadow .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);top:8px;box-shadow:0 10px 18px #00000057,inset 0 1px 1px #ffffff0f,inset 0 -6px 8px #0000006b}.retro-device-key__plate{background:linear-gradient(180deg,var(--key-plate-start),var(--key-plate-end));border-radius:18px 18px 12px 12px/16px 16px 10px 10px;transition:background .18s cubic-bezier(.22,1,.36,1),border-radius .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);inset:4px;box-shadow:inset 0 1px #ffffff1f,inset 0 -4px 6px #00000057,0 3px 5px #0000002e}.retro-device-key__cap{z-index:1;border:1px solid var(--key-rim);background:linear-gradient(180deg,var(--key-cap-start),var(--key-cap-end));width:100%;min-height:64px;color:var(--key-label);border-radius:16px 16px 12px 12px;justify-content:center;align-items:center;transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:inset 0 1px #ffffff38,inset 0 -7px 10px #00000038,0 6px 12px #0000002e}.retro-device-key__gloss,.retro-device-key__inner-shadow{pointer-events:none;position:absolute;inset:0}.retro-device-key__gloss{opacity:.7;background:linear-gradient(#ffffff42,#fff0)}[data-device-theme=light] .retro-device-key__gloss{opacity:0}.retro-device-key__inner-shadow{mix-blend-mode:multiply;background:linear-gradient(#0000002e,#0000 35%),linear-gradient(#0000 72%,#00000038)}[data-device-theme=light] .retro-device-key__inner-shadow{background:linear-gradient(#0000 72%,#00000038)}.retro-device-key__content{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.retro-device-key__label{z-index:1;text-align:center;white-space:nowrap;width:100%;font-family:var(--font-keycap);font-size:var(--key-font-size,clamp(.95rem,1.8vw,1.65rem));letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px #00000047,0 0 10px #ffffff14;justify-content:center;align-items:center;padding:.35rem clamp(.3rem,1vw,.8rem) 0;line-height:.95;display:flex;position:relative}.retro-device-key[data-pressed=true]{filter:drop-shadow(0 0 10px var(--key-glow))}.retro-device-key[data-pressed=true] .retro-device-key__base{box-shadow:0 6px 12px #00000047,inset 0 1px 1px #ffffff0a,inset 0 -5px 7px #00000075}.retro-device-key[data-pressed=true] .retro-device-key__plate{background:linear-gradient(180deg,var(--key-plate-pressed-start),var(--key-plate-pressed-end));border-radius:18px 18px 11px 11px/14px 14px 10px 10px;transform:translateY(3px)scaleY(.965);box-shadow:inset 0 1px #ffffff14,inset 0 -2px 4px #00000061,0 2px 4px #00000024}.retro-device-key[data-pressed=true] .retro-device-key__cap{background:linear-gradient(180deg,var(--key-cap-pressed-start),var(--key-cap-pressed-end));box-shadow:inset 0 1px 0 #ffffff24,inset 0 -4px 6px #00000042,0 2px 4px #0000002e,0 0 0 1px #ffffff0a,0 0 18px var(--key-glow);transform:translateY(6px)}.retro-device-key[data-pressed=true] .retro-device-key__content{transform:translateY(1px)}.retro-device-key:focus-visible .retro-device-key__cap{box-shadow:inset 0 1px #ffffff38,inset 0 -7px 10px #00000038,0 6px 12px #0000002e,0 0 0 2px #ffffff38}[data-device-theme=light] .retro-device-key__cap{border:0;box-shadow:inset 0 -7px 10px #00000038,0 6px 12px #0000002e}[data-device-theme=light] .retro-device-key[data-pressed=true] .retro-device-key__cap{box-shadow:inset 0 -4px 6px #00000042,0 2px 4px #0000002e,0 0 0 1px #ffffff0a,0 0 18px var(--key-glow);border:0}[data-device-theme=light] .retro-device-key:focus-visible .retro-device-key__cap{border:0;box-shadow:inset 0 -7px 10px #00000038,0 6px 12px #0000002e,0 0 0 2px #ffffff38}.retro-device-status-display{letter-spacing:.1em;color:inherit;align-items:center;gap:.38rem;font-size:clamp(.74rem,1.05vw,.9rem);line-height:1;display:inline-flex;position:relative}.retro-device-status-display__time{white-space:nowrap;font-variant-numeric:tabular-nums}.retro-device-status-display__flag{letter-spacing:normal;border-left:1px solid #dcefd942;justify-content:center;align-items:center;min-width:1.45rem;padding-left:.45rem;font-size:clamp(.88rem,1.25vw,1rem);display:inline-flex}@media (prefers-reduced-motion:reduce){.retro-device-key,.retro-device-key__base,.retro-device-key__plate,.retro-device-key__cap,.retro-device-key__content{transition-duration:.12s!important}}
.theme-keyface{width:100%;height:100%;color:var(--key-label);text-shadow:0 0 12px #ffffff14;justify-content:center;align-items:center;display:flex;position:relative}.theme-keyface__scene{filter:none;width:40px;height:40px;display:block;position:relative;overflow:visible}.theme-keyface__auto-text{color:currentColor;font-family:var(--font-keycap);font-size:var(--key-font-size,14px);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.theme-keyface__sun-group,.theme-keyface__moon-group,.theme-keyface__particle,.theme-keyface__auto-text,.theme-keyface__sun-core,.theme-keyface__sun-highlight,.theme-keyface__ray-line,.theme-keyface__star-dot,.theme-keyface__moon{will-change:transform,opacity}.theme-keyface__sun-group{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.theme-keyface__sun-core{filter:drop-shadow(0 0 5px #eae5c138);background:#f3efdb;border:.5px solid #ffffff40;border-radius:50%;width:18px;height:18px}.theme-keyface__sun-highlight{background:#ffffffc7;border-radius:50%;width:3px;height:3px;position:absolute;top:15.6px;left:15.6px}.theme-keyface__particle{position:absolute;inset:0}.theme-keyface__ray-line{filter:drop-shadow(0 0 2.5px #eae5c11a);background:#f4f1e3f5;border-radius:.75px;width:1.5px;height:3.75px;position:absolute}.theme-keyface__star-dot{opacity:0;background:#f4f1e3f5;border-radius:50%;width:2.2px;height:2.2px;position:absolute}.theme-keyface__moon-group{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.theme-keyface__moon{filter:drop-shadow(0 0 4.5px #e6e2c124);border-radius:50%;width:18px;height:18px;box-shadow:inset 5px 0 #f3efdbfa}.theme-keyface[data-pressed=true] .theme-keyface__scene{filter:drop-shadow(0 0 10px var(--key-glow))}
.mon-screen-loader{flex:1;justify-content:center;align-items:center;width:100%;min-height:210px;display:flex}.mon-screen-loader__terminal{color:#0f0;box-sizing:border-box;background-color:#1a1a1a;border:.1em solid #333;border-radius:4px;width:12em;padding:1.5em 1em;font-family:Courier New,Courier,monospace;font-size:1em;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003}.mon-screen-loader__header{box-sizing:border-box;background-color:#333;border-top-left-radius:4px;border-top-right-radius:4px;justify-content:space-between;align-items:center;height:1.5em;padding:0 .4em;display:flex;position:absolute;top:0;left:0;right:0}.mon-screen-loader__title{color:#eee;font-size:.85em;line-height:1.5em}.mon-screen-loader__controls{gap:.4em;display:flex}.mon-screen-loader__control{background-color:#777;border-radius:50%;width:.6em;height:.6em}.mon-screen-loader__control--close{background-color:#e33}.mon-screen-loader__control--minimize{background-color:#ee0}.mon-screen-loader__control--maximize{background-color:#0b0}.mon-screen-loader__text{white-space:nowrap;border-right:.2em solid green;margin-top:1.5em;display:inline-block;overflow:hidden}@keyframes mon-loader-type-delete{0%,10%{width:0}45%,55%{width:var(--loader-text-width,6.2em)}90%,to{width:0}}@keyframes mon-loader-blink-cursor{50%{border-right-color:#0000}}