/* HypnoBlue95 look */
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#0a0f1a;color:#e9f3ff;font-family:"Silkscreen","Press Start 2P","VT323",monospace;image-rendering:pixelated}
a{color:#8ad6ff;text-decoration:none}
a:hover{text-decoration:underline}
:root{--panel:#0e1b33;--panel2:#0a1426;--light:#cfe8ff;--muted:#9fb7d6;--edgeL:#1e3b6a;--edgeH:#061224;--accent:#ffcc55;--blood:#ff3b3b;--win:#122346}
.crt-scan{position:fixed;inset:0;pointer-events:none;opacity:.75;background:repeating-linear-gradient(transparent 0 1px, rgba(255,255,255,.07) 1px 3px)}
.crt-dither{position:fixed;inset:0;pointer-events:none;opacity:.28;mix-blend-mode:overlay;background:repeating-conic-gradient(from 45deg, rgba(0,0,0,.06) 0 25%, rgba(255,255,255,.06) 0 50%) 0 0/6px 6px}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22><filter id=%22n%22><feTurbulence baseFrequency=%220.8%22 numOctaves=%222%22 stitchTiles=%22stitch%22/></filter><rect width=%22100%%22 height=%22100%%22 filter=%22url(%23n)%22 opacity=%220.25%22/></svg>');mix-blend-mode:soft-light}
.desktop{position:fixed;inset:26px 0 46px 0;background:radial-gradient(1000px 800px at 50% 120%, rgba(0,0,0,.88), transparent 60%),repeating-linear-gradient(45deg,#081122 0 16px,#0a1324 16px 32px)}
.desktop-grid{display:block}
.column{position:absolute;left:18px;top:18px;display:flex;flex-direction:column;gap:14px}

.status, .status-box{letter-spacing:.05rem;background:linear-gradient(#1f5aa6,#0f2244);border-top:2px solid #061224;border-bottom:2px solid #061224;color:#aee5ff;text-shadow:0 0 8px rgba(100,170,255,.25)}
.status .hot{color:#ffbf1e}

.icon95{display:flex;align-items:center;gap:10px;background:#0c162c;border:2px solid #061224;box-shadow:inset 1px 1px 0 #2a4f8d, inset -1px -1px 0 #071427, 2px 2px 0 #000; padding:6px 8px; cursor:pointer; color:#cfe8ff; min-width:220px}
.icon95:hover{filter:brightness(1.08)}
.icon95.danger{border-color:#5b1f1f; box-shadow:inset 1px 1px 0 #7a2c2c, inset -1px -1px 0 #220a0a, 2px 2px 0 #000}
.icon95 b{font-weight:400;letter-spacing:.06rem}
.sprite{display:inline-block;width:26px;height:22px;background:#0a0f1a;border:2px solid #061224;box-shadow:inset 1px 1px 0 #2a4f8d,inset -1px -1px 0 #071427,1px 1px 0 #000}
.sprite.tv{background:#09121f}
.sprite.folder{background:#204b86}
.sprite.clips{background:#6a1a48}
.sprite.web{background:#2c6a44}
.sprite.note{background:#6b4b16}
.sprite.skull{background:#4a0c0c;border-color:#5b1f1f}

.win95{position:absolute;min-width:360px;max-width:900px;background:#0b1324;border:2px solid #061224;box-shadow:inset 0 0 0 2px #0f2244, inset 0 0 0 4px #0a162e, 0 0 0 1px #000, 4px 4px 0 #000;display:none}
.titlebar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#2e7ad1,#1f5aa6);border-bottom:2px solid #061e3a;color:#d9eeff;padding:4px 6px;cursor:move;text-shadow:0 0 6px rgba(140,200,255,.25),0 1px 0 #001}
.titlebar.blood{background:linear-gradient(#7a1e2a,#5a1520);border-bottom-color:#26070b}
.titlebar .title{letter-spacing:.06rem}
.sysbtns button{margin-left:4px;min-width:28px;height:22px;background:#0b162c;border:2px solid #061224;box-shadow:inset 1px 1px 0 #2a4f8d, inset -1px -1px 0 #071427;color:#bfe0ff;cursor:pointer}
.sysbtns .close{background:#3a0f12;border-color:#5b1f1f;color:#ffd3d3}
.content95{background:#0a1426}
.pad{padding:10px}

.btn95{display:inline-block;margin:2px;padding:6px 10px;background:#0c162c;border:2px solid #061224;box-shadow:inset 1px 1px 0 #2a4f8d, inset -1px -1px 0 #071427;color:#bfe0ff;text-decoration:none;cursor:pointer}
.btn95.danger{border-color:#612020;color:#ffb3b3}

.tabbar95{display:flex;gap:6px;margin-bottom:8px}
.tab95{background:#0c162c;border:2px solid #061224;color:#bfe0ff;padding:4px 8px;cursor:pointer;box-shadow:inset 1px 1px 0 #2a4f8d, inset -1px -1px 0 #071427}
.tab95.active{background:#163968;color:#eafeff}

.tv-shell{display:grid;grid-template-columns:1fr;gap:6px}
.bezel{aspect-ratio:16/9;background:#03060b;border:6px solid #0d1b31;box-shadow:inset 0 0 0 2px #1f355b,inset 0 0 0 6px #081428,0 0 0 1px #000}
.tv{position:relative;width:100%;height:100%;border:0;display:none}
.tv.on{display:block}
.label{font-size:10px;color:#ffbf1e;letter-spacing:.2rem;text-shadow:0 1px 0 #000,0 0 6px rgba(255,191,30,.25)}

.files{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:6px}
.file{background:#0c162c;border:2px solid #061224;box-shadow:inset 1px 1px 0 #2a4f8d, inset -1px -1px 0 #071427;padding:6px}

.taskbar95{position:fixed;left:0;right:0;bottom:0;height:46px;background:#0c162c;border-top:2px solid #081528;display:flex;align-items:center;padding:6px 8px;gap:8px}
.start95{background:#0c162c;border:2px solid #061224;box-shadow:inset 1px 1px 0 #2a4f8d, inset -1px -1px 0 #071427;color:#9fd9ff;padding:6px 12px;cursor:pointer}
.tasks{display:flex;gap:6px;flex:1}
.tasks .task{background:#0c162c;border:2px solid #061224;box-shadow:inset 1px 1px 0 #2a4f8d, inset -1px -1px 0 #071427;color:#9fd9ff;padding:4px 8px}
.tray{display:flex;gap:12px;align-items:center}
.pixel-led{width:10px;height:10px;background:#2dff65;border:2px solid #095322;box-shadow:0 0 0 1px #000}
.clock{min-width:84px;text-align:right;color:#9fd9ff}
.menu95{position:fixed;left:8px;bottom:52px;background:#0f1e3a;border:2px solid #061224;box-shadow:inset 1px 1px 0 #2a4f8d, inset -1px -1px 0 #071427, 4px 4px 0 #000;display:none;min-width:260px}
.menu-head{padding:6px 8px;background:linear-gradient(#2e7ad1,#1f5aa6);border-bottom:2px solid #061e3a}
.menu-item{display:block;width:100%;text-align:left;background:transparent;color:#e9f3ff;border:0;padding:8px 10px;cursor:pointer}
.menu-item:hover{background:#0c162c}
.menu-item.danger{color:#ffb3b3}

/* blocky cursor */
* { cursor: url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22><rect width=%222%22 height=%2216%22 fill=%22white%22/></svg>') 0 0, default; }

body{ -webkit-font-smoothing:none; -moz-osx-font-smoothing:grayscale; }