:root{--clr-win-bg: #C0C0C0;--clr-win-face: #C0C0C0;--clr-win-light: #FFFFFF;--clr-win-shadow: #808080;--clr-win-dark-shadow: #404040;--clr-win-titlebar: #000080;--clr-win-title-text: #FFFFFF;--clr-win-body: #FFFFFF;--clr-pink: #FF69B4;--clr-hot-pink: #FF1493;--clr-blush: #FFB6C1;--clr-pastel-bg: #D8C0F0;--clr-pastel-light: #E8D8F8;--clr-pastel-pink: #F0C8E0;--clr-text: #000000;--clr-text-purple: #4400AA;--clr-text-pink: #CC0066;--clr-white: #FFFFFF;--clr-black: #000000;--clr-cyan: #00BFFF;--clr-electric-cyan: #7DF9FF;--clr-purple: #6600CC;--font-pixel: "Press Start 2P", monospace;--win-min-w: 380px;--win-border-w: 2px;--titlebar-padding: 3px 4px;--titlebar-font: 9px;--body-padding: 20px 16px;--body-margin: 4px;--btn-font: 11px;--btn-padding: 10px 28px;--icon-size: 40px;--dialog-font: 11px;--taskbar-h: 32px;--t-bounce: 1s;--t-shake: .3s;--t-sad-float: 1.2s;--t-heartbeat: .8s;--t-glow-pulse: 2s;--t-border-glow: 3s;--t-fade-in: .8s;--t-float-up-min: 4s;--t-float-up-max: 8s;--t-btn-transition: .15s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-pixel);cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><text y="18" font-size="18">💖</text></svg>') 12 12,auto}body{background:var(--clr-pastel-bg);display:flex;align-items:center;justify-content:center}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 3px)}.crt-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.08) 100%)}.webcore-deco{position:fixed;font-family:var(--font-pixel);font-size:8px;color:var(--clr-text-purple);z-index:8;pointer-events:none;opacity:.5}.webcore-deco--tl{top:10px;left:10px}.webcore-deco--tr{top:10px;right:10px}.webcore-marquee{position:fixed;bottom:calc(var(--taskbar-h) + 2px);left:0;width:100%;overflow:hidden;z-index:6;pointer-events:none;height:20px;background:var(--clr-blush);border-top:1px solid var(--clr-pink);border-bottom:1px solid var(--clr-pink);display:flex;align-items:flex-start;padding-top:5px}.webcore-marquee span{display:inline-block;font-family:var(--font-pixel);font-size:7px;color:var(--clr-text-purple);white-space:nowrap;animation:marqueeScroll 25s linear infinite;line-height:1}@keyframes marqueeScroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px) rotate(-2deg)}75%{transform:translate(4px) rotate(2deg)}}@keyframes sadFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.3)}}@keyframes heartbeat{0%,to{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(1.05)}}@keyframes glowPulse{0%{color:var(--clr-hot-pink)}to{color:var(--clr-pink)}}@keyframes borderPulse{0%{border-color:var(--clr-pink)}50%{border-color:var(--clr-hot-pink)}to{border-color:var(--clr-blush)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes winReappear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.08);opacity:1}70%{transform:scale(.96)}to{transform:scale(1)}}.win-reappear{animation:winReappear .35s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(-110vh) rotate(360deg)}}.sad-popup{position:fixed;font-size:28px;pointer-events:none;animation:sadFloat var(--t-sad-float) forwards ease-out;z-index:200}.floating-heart{position:fixed;font-size:24px;pointer-events:none;animation:floatUp linear forwards;z-index:5}.pixel-border-wrap{position:relative;z-index:10;padding:0}.pixel-border-wrap:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px dashed var(--clr-pink);pointer-events:none;animation:borderPulse var(--t-border-glow) ease-in-out infinite alternate}.win-dialog{background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);box-shadow:4px 4px #0000004d;min-width:var(--win-min-w);max-width:90vw;position:relative;transition:transform .4s,opacity .4s;outline:1px solid var(--clr-win-shadow);outline-offset:-1px}.win-titlebar{background:var(--clr-win-titlebar);color:var(--clr-win-title-text);padding:var(--titlebar-padding);display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none;margin:2px 2px 0}.win-titlebar:active{cursor:grabbing}.win-title-text{font-size:var(--titlebar-font);white-space:nowrap;letter-spacing:0}.win-titlebar-buttons{display:flex;gap:2px}.win-btn{width:16px;height:14px;background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);font-size:7px;font-family:var(--font-pixel);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;color:var(--clr-text)}.win-btn:active{border-color:var(--clr-win-dark-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-dark-shadow)}.win-body{background:var(--clr-win-body);margin:4px 6px 6px;padding:var(--body-padding);text-align:center;border:2px solid;border-color:var(--clr-win-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-shadow)}.win-body .icon-row{font-size:var(--icon-size);margin-bottom:12px;animation:bounce var(--t-bounce) ease infinite}.dialog-text{font-size:var(--dialog-font);line-height:1.8;margin-bottom:20px;color:var(--clr-text-purple);min-height:2.4em;transition:color .3s}.btn-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.btn-retro{font-family:var(--font-pixel);font-size:var(--btn-font);padding:var(--btn-padding);border:2px solid;cursor:pointer;position:relative;transition:transform var(--t-btn-transition),box-shadow var(--t-btn-transition),font-size .3s,padding .3s;white-space:nowrap}.btn-retro:active{border-color:var(--clr-win-dark-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-dark-shadow)}.btn-yes{background:var(--clr-pink);color:var(--clr-white);border-color:var(--clr-blush) var(--clr-hot-pink) var(--clr-hot-pink) var(--clr-blush);text-shadow:1px 1px 0 rgba(100,0,50,.5);z-index:100}.btn-yes:hover{background:#ff80c0}.btn-no{background:var(--clr-win-bg);color:var(--clr-text);border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);z-index:10}.btn-no:hover{animation:shake var(--t-shake) ease-in-out}.btn-no.escaped{position:fixed;z-index:9;transition:left 0s,top 0s}.taskbar{position:fixed;bottom:0;left:0;width:100%;height:var(--taskbar-h);background:var(--clr-win-bg);border-top:2px solid;border-top-color:var(--clr-win-light);z-index:500;display:flex;align-items:center;padding:0 2px;gap:2px}.taskbar-start{font-family:var(--font-pixel);font-size:7px;background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);color:var(--clr-text);padding:3px 10px;cursor:pointer;white-space:nowrap}.taskbar-start:active{border-color:var(--clr-win-dark-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-dark-shadow)}.taskbar-divider{width:2px;height:22px;border-left:1px solid var(--clr-win-shadow);border-right:1px solid var(--clr-win-light);margin:0 2px}.taskbar-item{font-family:var(--font-pixel);font-size:6px;background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);color:var(--clr-text);padding:3px 8px;cursor:pointer;white-space:nowrap}.taskbar-item--active{border-color:var(--clr-win-dark-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-dark-shadow);background:var(--clr-win-shadow);color:var(--clr-win-light)}.taskbar-tray{margin-left:auto;display:flex;align-items:center;gap:4px;border:2px solid;border-color:var(--clr-win-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-shadow);padding:2px 6px;height:24px}.taskbar-tray-icon{font-size:10px;cursor:pointer}.taskbar-clock{font-family:var(--font-pixel);font-size:7px;color:var(--clr-text);padding:0 4px}.taskbar-start.pressed{border-color:var(--clr-win-dark-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-dark-shadow);background:var(--clr-win-shadow)}.start-menu{display:none;position:fixed;bottom:var(--taskbar-h);left:2px;z-index:600;background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);box-shadow:4px 4px #0000004d;min-width:180px;flex-direction:row}.start-menu.open{display:flex}.start-menu-sidebar{width:24px;background:var(--clr-win-titlebar);color:var(--clr-win-title-text);font-family:var(--font-pixel);font-size:10px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;writing-mode:vertical-rl;text-orientation:mixed}.start-menu-items{display:flex;flex-direction:column;padding:2px 0;flex:1}.start-menu-item{font-family:var(--font-pixel);font-size:7px;padding:6px 12px;background:transparent;border:none;color:var(--clr-text);cursor:pointer;text-align:left;white-space:nowrap}.start-menu-item:hover{background:var(--clr-win-titlebar);color:var(--clr-win-title-text)}.start-menu-separator{height:2px;margin:2px 4px;border-top:1px solid var(--clr-win-shadow);border-bottom:1px solid var(--clr-win-light)}.win95-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:700;background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);box-shadow:4px 4px #0000004d;min-width:260px;max-width:90vw}.win95-alert-titlebar{background:var(--clr-win-titlebar);color:var(--clr-win-title-text);font-family:var(--font-pixel);font-size:8px;padding:3px 4px;display:flex;align-items:center;justify-content:space-between;margin:2px 2px 0}.win95-alert-close{width:16px;height:14px;background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);font-family:var(--font-pixel);font-size:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--clr-text)}.win95-alert-body{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;margin:4px 6px 0}.win95-alert-icon{font-size:28px;flex-shrink:0}.win95-alert-text{font-family:var(--font-pixel);font-size:8px;line-height:1.6;color:var(--clr-text)}.win95-alert-buttons{display:flex;justify-content:center;padding:8px 16px 12px}.win95-alert-ok{font-family:var(--font-pixel);font-size:8px;padding:4px 24px;background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);cursor:pointer;color:var(--clr-text)}.win95-alert-ok:active{border-color:var(--clr-win-dark-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-dark-shadow)}.love-letter{display:none;flex-direction:column;align-items:center;padding:30px 20px;text-align:center;animation:fadeInUp var(--t-fade-in) ease;background:var(--clr-win-body);margin:4px 6px 6px;border:2px solid;border-color:var(--clr-win-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-shadow)}.love-letter.active{display:flex}.love-letter .heart-big{line-height:0}.heart-sticker{width:200px;height:200px;object-fit:contain;image-rendering:auto}.love-letter .msg{font-size:var(--dialog-font);line-height:2;color:var(--clr-hot-pink);margin:16px 0;max-width:380px}.love-letter .msg-glow{animation:glowPulse var(--t-glow-pulse) ease-in-out infinite alternate}.love-letter-deco{font-size:24px;margin-top:8px}.volume-panel{position:fixed;bottom:calc(var(--taskbar-h) + 26px);right:8px;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:2px}.vol-btn,.mute-btn{background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);color:var(--clr-text);font-size:14px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0;padding:0;position:relative;flex-shrink:0}.vol-btn:active,.mute-btn:active{border-color:var(--clr-win-dark-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-dark-shadow)}.mute-btn{font-family:var(--font-pixel);overflow:hidden}.mute-btn.muted:after{content:"";position:absolute;top:50%;left:-2px;width:140%;height:2px;background:var(--clr-text);transform:rotate(-45deg);transform-origin:center}.vol-popup{display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);padding:8px 6px;flex-direction:column;align-items:center}.vol-popup.open{display:flex}.win95-slider-v{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:80px;background:linear-gradient(to top,var(--clr-pink) var(--vol-fill, 30%),var(--clr-win-shadow) var(--vol-fill, 30%));border:2px solid;border-color:var(--clr-win-shadow) var(--clr-win-light) var(--clr-win-light) var(--clr-win-shadow);border-radius:0;outline:none;cursor:pointer;writing-mode:vertical-lr;direction:rtl}.win95-slider-v::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:8px;background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);border-radius:0;cursor:pointer}.win95-slider-v::-moz-range-thumb{width:16px;height:8px;background:var(--clr-win-bg);border:2px solid;border-color:var(--clr-win-light) var(--clr-win-dark-shadow) var(--clr-win-dark-shadow) var(--clr-win-light);border-radius:0;cursor:pointer}@media(min-width:1800px){.win-dialog{min-width:520px;max-width:600px}.win-titlebar{padding:5px 8px}.win-title-text{font-size:11px}.win-btn{width:20px;height:18px;font-size:9px}.win-body{padding:32px 28px;margin:6px 8px 8px}.win-body .icon-row{font-size:52px;margin-bottom:16px}.dialog-text{font-size:13px;margin-bottom:24px}.btn-retro{font-size:13px;padding:14px 36px}.love-letter{padding:36px 28px;margin:6px 8px 8px}.love-letter .heart-big{font-size:72px}.love-letter .msg{font-size:13px;max-width:480px}.taskbar{height:38px}.taskbar-start{font-size:9px;padding:4px 14px}.taskbar-item{font-size:8px;padding:4px 10px}.taskbar-clock{font-size:9px}.taskbar-divider,.taskbar-tray{height:28px}.volume-panel{bottom:66px}.vol-btn,.mute-btn{width:38px;height:38px;font-size:16px}.webcore-deco{font-size:10px}.webcore-marquee{height:22px;line-height:22px}.webcore-marquee span{font-size:8px}}@media(max-width:400px){.win-dialog{min-width:0;width:92vw}.win-titlebar{padding:2px 4px}.win-title-text{font-size:7px}.win-btn{width:14px;height:12px;font-size:6px}.win-body{padding:16px 12px;margin:3px 4px 4px}.win-body .icon-row{font-size:32px;margin-bottom:8px}.dialog-text{font-size:9px;margin-bottom:14px;line-height:1.6}.btn-retro{font-size:9px;padding:8px 18px}.btn-row{gap:10px}.love-letter{padding:20px 12px;margin:3px 4px 4px}.love-letter .heart-big{font-size:44px}.love-letter .msg{font-size:8px;max-width:280px;line-height:1.8}.pixel-border-wrap:before{top:-4px;right:-4px;bottom:-4px;left:-4px}.taskbar{height:26px}.taskbar-start{font-size:5px;padding:2px 6px}.taskbar-item{font-size:5px;padding:2px 5px}.taskbar-clock{font-size:5px}.taskbar-divider{height:16px}.taskbar-tray{height:20px;padding:1px 4px}.volume-panel{bottom:32px;right:4px}.vol-btn,.mute-btn{width:28px;height:28px;font-size:12px}.webcore-deco{font-size:6px}.webcore-marquee{height:14px;line-height:14px}.webcore-marquee span{font-size:5px}}@media(max-width:500px)and (min-width:401px){.win-dialog{min-width:0;width:95vw}.dialog-text{font-size:9px}.btn-retro{font-size:10px;padding:8px 16px}.win-title-text{font-size:7px}.love-letter .msg{font-size:9px}.taskbar{height:28px}.taskbar-start{font-size:6px;padding:2px 6px}.taskbar-item{font-size:5px}.taskbar-clock{font-size:6px}}