.computer-os{--os-bg:#050c12;--os-panel:#111d2a;--os-text:#c4e3df;--os-muted:#a0bdb8;--os-accent:#81f0ce;--os-line:#547872;background:var(--os-bg);height:100%;color:var(--os-text);flex-direction:column;font:12px/1.5 IBM Plex Mono,monospace;display:flex;overflow:hidden}.computer-os button,.computer-os input,.computer-os select{font:inherit;border:1px solid var(--os-line);background:var(--os-panel);color:var(--os-text);border-radius:0;padding:7px 10px}.computer-os button{cursor:pointer}.computer-os button:hover{filter:brightness(1.15)}.computer-os :focus-visible{outline:2px solid var(--os-accent);outline-offset:-3px}.computer-title{background:var(--os-panel);justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:11px;display:flex}.computer-title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.computer-title>button{white-space:nowrap;font-size:10px}.computer-menubar{border-bottom:1px solid var(--os-line);gap:6px;padding:5px 10px;display:flex}.computer-menubar button{padding:3px 10px}.computer-menubar>span{color:var(--os-muted);align-self:center;margin-left:auto;font-size:10px}.computer-workspace{flex:1;min-height:0;display:flex}.computer-sidebar{background:var(--os-panel);border-right:1px solid var(--os-line);flex-shrink:0;width:170px;padding:15px 10px}.computer-sidebar>p{margin-bottom:18px;font-size:10px}.computer-sidebar button{text-align:left;width:100%;margin-bottom:6px;font-size:11px}.computer-sidebar button[aria-pressed=true]{background:var(--os-accent);color:var(--os-bg)}.computer-sidebar-note{color:var(--os-muted);margin:30px 6px;font-size:10px}.computer-content{overscroll-behavior:contain;flex:1;min-width:0;padding:22px;overflow:auto}.computer-os .computer-content h2{color:var(--os-text);text-transform:none;letter-spacing:-.03em;margin:10px 0 20px;font-family:inherit;font-size:26px;line-height:1.15}.computer-os .computer-content h3{color:var(--os-text)}.computer-content p{color:var(--os-text);margin:15px 0;line-height:1.7}.computer-os .computer-content a{color:var(--os-accent)}.computer-path,.computer-result{font-size:10px;color:var(--os-muted)!important}.computer-filters{gap:12px;display:flex}.computer-filters label{flex:1;gap:5px;min-width:0;font-size:10px;display:grid}.computer-filters input,.computer-filters select{width:100%;min-width:0}.computer-files{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.computer-files>button{text-align:left;padding:0;overflow:hidden}.computer-files img{aspect-ratio:16/9;object-fit:cover;width:100%}.computer-file-info{gap:6px;padding:12px;display:grid}.computer-file-info strong{font-size:12px;line-height:1.5}.computer-file-info small{color:var(--os-muted);font-size:9px}.computer-file-number,.computer-file-action{display:none}.computer-status{border-top:1px solid var(--os-line);background:var(--os-panel);justify-content:space-between;padding:4px 12px;font-size:9px;display:flex}.computer-project-nav{align-items:center;gap:10px;margin-bottom:18px;display:flex}.computer-project-nav label{flex:1;align-items:center;gap:8px;min-width:0;font-size:10px;display:flex}.computer-project-nav select{flex:1;min-width:0;max-width:100%}.computer-robot{color:var(--os-accent);margin:20px 0;line-height:1.2}.computer-os .video-caption,.computer-os .window-title{background:var(--os-panel);color:var(--os-text);font-size:10px}.computer-os .video-caption a{color:var(--os-accent)}.computer-os[data-os="80s"]{--os-bg:#05060d;--os-panel:#111147;--os-text:#d7e9ef;--os-muted:#a4b3dc;--os-accent:#81f4db;--os-line:#665d9b}.computer-os[data-os="80s"] .computer-sidebar{display:none}.computer-os[data-os="80s"] .computer-title{background:#25257e}.computer-os[data-os="80s"] .computer-content h2{color:#ffb8dd;font-family:VT323,monospace;font-size:36px}.computer-os[data-os="80s"] .computer-files{border-top:2px solid #85dacc;display:block}.computer-os[data-os="80s"] .computer-files>button{background:0 0;border:0;border-bottom:1px dashed #44455f;align-items:center;gap:16px;width:100%;padding:12px 6px;display:flex}.computer-os[data-os="80s"] .computer-files img{display:none}.computer-os[data-os="80s"] .computer-file-number,.computer-os[data-os="80s"] .computer-file-action{color:#88efdb;display:block}.computer-os[data-os="80s"] .computer-file-info{flex:1;padding:0}.computer-os[data-os="80s"] .computer-file-action{font-size:10px}.computer-os[data-os="90s"]{--os-bg:#fff;--os-panel:silver;--os-text:#141414;--os-muted:#454545;--os-accent:navy;--os-line:#727272;font-family:Tahoma,Arial,sans-serif}.computer-os[data-os="90s"] .computer-title{color:#fff;background:linear-gradient(90deg,navy,#227abd);font-weight:700}.computer-os[data-os="90s"] button{border:2px outset #eee;box-shadow:1px 1px #444}.computer-os[data-os="90s"] .computer-sidebar button[aria-pressed=true]{color:#fff}.computer-os[data-os="90s"] .computer-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.computer-os[data-os="90s"] .computer-files>button{box-shadow:none;background:#fff;border:1px solid #c4c4c4;align-items:center;display:flex}.computer-os[data-os="90s"] .computer-files img{object-fit:cover;width:64px;height:55px;margin:8px}.computer-os[data-os="90s"] .computer-content h2{letter-spacing:0;font-size:21px}.computer-os[data-os="90s"] input,.computer-os[data-os="90s"] select{background:#fff;border:2px inset #ddd}.computer-os[data-os="2000s"]{--os-bg:#071e37;--os-panel:#173e64;--os-text:#f0f7ff;--os-muted:#b8d8f1;--os-accent:#8de6ff;--os-line:#487aa4;font-family:Trebuchet MS,Arial,sans-serif}.computer-os[data-os="2000s"] .computer-title{background:linear-gradient(#629cd5,#245f9c 48%,#113f76 50%,#225491);font-size:14px}.computer-os[data-os="2000s"] .computer-sidebar{background:linear-gradient(90deg,#12294a,#1b426c)}.computer-os[data-os="2000s"] .computer-files>button{background:linear-gradient(#2b5e89,#0d2946);border-radius:8px;box-shadow:0 4px 10px #0006}.computer-os[data-os="2000s"] .computer-content h2{font-size:32px;font-weight:400}.computer-os[data-os="2000s"] button{border-radius:5px}.computer-os[data-os="2010s"]{--os-bg:#fff;--os-panel:#edf0f4;--os-text:#263346;--os-muted:#536175;--os-accent:#1466ad;--os-line:#c4ccd6;font-family:Arial,sans-serif}.computer-os[data-os="2010s"] .computer-title{background:#e0e5eb}.computer-os[data-os="2010s"] .computer-sidebar button{border:0}.computer-os[data-os="2010s"] .computer-sidebar button[aria-pressed=true]{color:#144d7c;background:#d3e6f8}.computer-os[data-os="2010s"] .computer-files>button{background:0 0;border:0}.computer-os[data-os="2010s"] .computer-file-info{padding:12px 0}.computer-os[data-os="2010s"] .computer-content{padding:30px}.computer-os[data-os=now]{--os-bg:#141817;--os-panel:#212925;--os-text:#f3f0e7;--os-muted:#b8c5be;--os-accent:#c6e6d3;--os-line:#506259;font-family:Arial,sans-serif}.computer-os[data-os=now] .computer-sidebar{width:145px}.computer-os[data-os=now] .computer-title{padding:10px 16px}.computer-os[data-os=now] .computer-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.computer-os[data-os=now] .computer-files>button{background:0 0;border:0}.computer-os[data-os=now] .computer-files img{border-radius:8px}.computer-os[data-os=now] .computer-content h2{font-family:Georgia,serif;font-size:34px;font-weight:400}.computer-os[data-os=now] button{border-radius:6px}@media (width<=700px){.computer-title{padding:4px;font-size:8px}.computer-title button{padding:5px;font-size:8px}.computer-location,.computer-sidebar{display:none}.computer-content{padding:10px!important}.computer-menubar{padding:4px;font-size:10px}.computer-menubar button{padding:3px 7px}.computer-status{display:none}.computer-filters{gap:7px}.computer-filters label{font-size:9px}.computer-filters input,.computer-filters select{padding:5px;font-size:10px}.computer-os .computer-content h2{margin:6px 0 10px;font-size:21px!important}.computer-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.computer-file-info{padding:7px}.computer-file-info strong{font-size:10px}.computer-file-info small{display:none}.computer-os[data-os="90s"] .computer-files{grid-template-columns:1fr}.computer-os[data-os="90s"] .computer-files img{width:42px;height:32px}.computer-os[data-os="80s"] .computer-files>button{gap:8px;padding:8px 2px}.computer-project-nav{flex-wrap:wrap}.computer-project-nav label{flex-basis:100%;width:100%;font-size:9px}.computer-project-nav select{font-size:10px}.computer-os .computer-content p{font-size:11px}.computer-os[data-os=now] .computer-files{gap:10px}}.threaded-monitor:not(.crt-surface){height:min(85dvh,800px)}.computer-os[data-os] .video-caption,.computer-os[data-os] .window-title{background:var(--os-panel);color:var(--os-text)}.computer-os[data-os] .video-caption a{color:var(--os-accent)}.computer-os[data-os] .play-trigger{color:#fff;box-shadow:none;background:#07121a55;border:0}.computer-os[data-os] .play-trigger>span:last-child{color:#fff;background:#101820;padding:5px 10px}.computer-os[data-os] .play-glyph{background:var(--os-accent);color:var(--os-bg);box-shadow:none}.threaded-monitor.touch-screen{background:#10101d;border:0;border-radius:0;max-width:none;max-height:none;margin:0;padding:0;position:fixed;overflow:hidden}.threaded-monitor.touch-screen::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#10101d}.touch-screen .computer-os{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-size:14px}.touch-screen .computer-title{flex-wrap:wrap;padding:8px 12px;font-size:12px}.touch-screen .computer-title>button{min-height:44px;padding:10px 12px;font-size:12px}.touch-screen .computer-menubar{gap:8px;padding:8px 12px}.touch-screen .computer-menubar button{min-height:44px;padding:10px 12px;font-size:14px}.touch-screen .computer-content{padding:16px!important}.touch-screen .computer-sidebar{display:none}.touch-screen .computer-filters{flex-wrap:wrap}.touch-screen .computer-filters label{flex-basis:100%;gap:6px;font-size:13px}.touch-screen .computer-filters input,.touch-screen .computer-filters select,.touch-screen .computer-project-nav select{min-height:44px;padding:10px;font-size:16px}.touch-screen .computer-project-nav{flex-wrap:wrap}.touch-screen .computer-project-nav label{flex-basis:100%;font-size:13px}.touch-screen .computer-project-nav button{min-height:44px;font-size:14px}.touch-screen .computer-file-info strong{font-size:14px}.touch-screen .computer-file-info small{font-size:11px;display:block}.touch-screen .computer-file-info{padding:12px}.touch-screen .computer-os .computer-content p{font-size:14px}.touch-screen .computer-os[data-os="80s"] .computer-files>button{min-height:56px;padding:14px 6px}.touch-screen .computer-os[data-os="80s"] .computer-file-action{display:none}.touch-screen .computer-os .computer-content h2{font-size:26px!important}.touch-screen .computer-status{display:none}.desk-canvas{touch-action:pan-y pinch-zoom}