:root{--bg: var(--brand-color-teal);--ink: var(--brand-color-ink);--paper: var(--brand-color-paper);--paper-soft: var(--brand-color-paper-soft);--accent: var(--brand-color-orange);--accent-2: var(--brand-color-yellow);--shadow: rgba(0, 0, 0, .35);--dither: linear-gradient(45deg, #5e8585 25%, transparent 25%, transparent 75%, #5e8585 75%), linear-gradient(45deg, #5e8585 25%, transparent 25%, transparent 75%, #5e8585 75%);--dither-size: 4px 4px, 4px 4px;--dither-pos: 0 0, 2px 2px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Pixelify Sans,VT323,monospace;color:var(--ink);background:var(--bg);overflow:hidden;-webkit-font-smoothing:none;image-rendering:pixelated}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--paper);border-left:2px solid var(--ink)}::-webkit-scrollbar-thumb{background:var(--ink);border:3px solid var(--paper)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.btn{font-family:Pixelify Sans,sans-serif;font-size:16px;padding:8px 14px;background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;font-weight:600;letter-spacing:.02em;color:var(--ink);text-decoration:none;display:inline-block;line-height:1}.btn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn.primary{background:var(--accent);color:var(--paper)}.btn.yellow{background:var(--accent-2);color:var(--ink)}.btn.selected{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn-with-chip{display:inline-flex!important;align-items:center;gap:6px;padding:6px 10px;font-size:13px}.btn-with-chip .btn-chip{width:12px;height:12px;border:1px solid var(--ink);display:inline-block;flex-shrink:0}.btn-swatch{width:28px;height:28px;padding:0}.btn:active,.btn.selected{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.kbd{font-family:VT323,monospace;font-size:15px;padding:1px 5px;border:1px solid var(--ink);border-bottom-width:2px;border-right-width:2px;background:var(--paper)}.muted{opacity:.7}:root{--brand-color-teal: #008080;--brand-color-cream: #faf7f0;--brand-color-orange: #f54e00;--brand-color-yellow: #f9bd2b;--brand-color-pink: #ff79c6;--brand-color-green: #a6f000;--brand-color-prevue: #0000aa;--brand-color-prevue-dark: #000066;--brand-color-prevue-mid: #4d4dcc;--brand-color-ink: #0a0a0a;--brand-color-paper: #ffffff;--brand-color-paper-soft: #e9e8df;--brand-show-seinfeld: #f9bd2b;--brand-show-office: #2b6cb0;--brand-show-mash: #6b8e23;--brand-show-friends: #ff79c6;--brand-show-always: #f54e00;--brand-show-succession: #0a0a0a;--brand-font-display: "Press Start 2P", monospace;--brand-font-body: "VT323", monospace;--brand-font-ui: "Pixelify Sans", sans-serif;--brand-text-xs: 8px;--brand-text-sm: 10px;--brand-text-md: 14px;--brand-text-lg: 18px;--brand-text-xl: 22px;--brand-text-display: 28px;--brand-space-1: 4px;--brand-space-2: 8px;--brand-space-3: 12px;--brand-space-4: 16px;--brand-space-5: 20px;--brand-space-6: 24px;--brand-space-7: 28px;--brand-space-8: 32px;--brand-space-9: 36px;--brand-space-10: 40px;--brand-space-11: 44px;--brand-space-12: 48px;--brand-radius-none: 0;--brand-easing-snap: linear;--brand-easing-pop: cubic-bezier(.34, 1.56, .64, 1)}[data-os-theme=system7]{--chrome-window-bg: var(--brand-color-paper);--chrome-window-border: 2px solid var(--brand-color-ink);--chrome-window-border-color: var(--brand-color-ink);--chrome-window-shadow: 4px 4px 0 rgba(0, 0, 0, .35);--chrome-window-radius: 0;--chrome-window-padding: 0;--chrome-titlebar-bg: repeating-linear-gradient( 0deg, var(--brand-color-ink) 0 1px, var(--brand-color-paper) 1px 3px );--chrome-titlebar-bg-inactive: var(--brand-color-paper);--chrome-titlebar-fg: var(--brand-color-ink);--chrome-titlebar-height: 22px;--chrome-titlebar-font: 600 14px var(--brand-font-ui);--chrome-titlebar-align: center;--chrome-wbtn-size: 14px;--chrome-wbtn-style: flat;--chrome-wbtn-close-position: left;--chrome-wbtn-close-glyph: "×";--chrome-wbtn-close-bg: var(--brand-color-paper);--chrome-wbtn-close-fg: var(--brand-color-ink);--chrome-resize-visible: 1;--chrome-resize-glyph: dots;--chrome-resize-edge-grab: 0px;--chrome-menubar-location: global;--chrome-menubar-bg: var(--brand-color-paper);--chrome-menubar-fg: var(--brand-color-ink);--chrome-menubar-hover-bg: var(--brand-color-ink);--chrome-menubar-hover-fg: var(--brand-color-paper);--chrome-menubar-font: 16px var(--brand-font-ui);--chrome-menubar-height: 28px;--chrome-scroll-width: 14px;--chrome-scroll-track-bg: var(--brand-color-paper);--chrome-scroll-thumb-bg: var(--brand-color-ink);--chrome-scroll-arrows: none;--chrome-btn-style: flat;--chrome-btn-shadow: 3px 3px 0 var(--brand-color-ink);--chrome-btn-pressed-style: translate;--chrome-input-style: flat;--chrome-input-bg: var(--brand-color-paper);--chrome-input-border: 2px solid var(--brand-color-ink);--chrome-input-focus-style: none;--chrome-dock-position: bottom-center;--chrome-dock-bg: var(--brand-color-paper);--chrome-dock-shape: floating;--chrome-desktop-pattern: dither;--chrome-desktop-pattern-density: 4px;--chrome-dialog-shadow: 4px 4px 0 rgba(0, 0, 0, .35);--chrome-dialog-button-row-align: left;--chrome-tooltip-bg: var(--brand-color-ink);--chrome-tooltip-fg: var(--brand-color-paper);--chrome-tooltip-font: 8px var(--brand-font-display);--chrome-tooltip-border: none;--chrome-cursor-default: default;--chrome-cursor-pointer: pointer;--chrome-cursor-resize: nwse-resize;--chrome-anim-window-open: none;--chrome-anim-duration: 0ms;--chrome-density: regular}[data-os-theme=win95]{--chrome-window-bg: #c0c0c0;--chrome-window-border: none;--chrome-window-border-color: #808080;--chrome-window-shadow: none;--chrome-window-radius: 0;--chrome-titlebar-bg: linear-gradient(90deg, #000080, #1084d0);--chrome-titlebar-bg-inactive: #808080;--chrome-titlebar-fg: #ffffff;--chrome-titlebar-height: 20px;--chrome-titlebar-font: 700 11px system-ui, Tahoma, sans-serif;--chrome-titlebar-align: left;--chrome-wbtn-size: 16px;--chrome-wbtn-style: bevel;--chrome-wbtn-close-position: right;--chrome-wbtn-close-glyph: "×";--chrome-wbtn-close-bg: #c0c0c0;--chrome-wbtn-close-fg: #000000;--chrome-resize-visible: 0;--chrome-resize-edge-grab: 4px;--chrome-menubar-location: window;--chrome-menubar-bg: #c0c0c0;--chrome-menubar-fg: #000000;--chrome-menubar-hover-bg: #000080;--chrome-menubar-hover-fg: #ffffff;--chrome-menubar-font: 11px system-ui, Tahoma, sans-serif;--chrome-menubar-height: 20px;--chrome-scroll-width: 16px;--chrome-scroll-track-bg: #c0c0c0;--chrome-scroll-thumb-bg: #808080;--chrome-scroll-arrows: both;--chrome-btn-style: bevel;--chrome-btn-shadow: none;--chrome-btn-pressed-style: invert;--chrome-density: compact}
