html,body,#root{height:100%;margin:0}html,body,#root{height:100%;margin:0;overflow:hidden;background:url(/bliss.jpg) no-repeat center center fixed;background-size:cover;font-family:Tahoma,sans-serif}.window{margin:5vh 5vw;height:90vh;width:90vw;border:2px solid #000080;border-radius:6px;box-shadow:4px 4px 8px #0000004d;font-family:Tahoma,sans-serif;background:#ece9d8;display:flex;flex-direction:column;overflow:hidden}.title-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(navy,#000060);color:#fff;padding:6px 10px;font-weight:700;font-size:14px}.content{flex:1;background:#fff;padding:1rem;overflow:auto}.buttons{display:flex;gap:4px}.btn{width:20px;height:20px;border:1px solid #fff;background:silver;cursor:pointer;font-size:12px;line-height:18px;text-align:center;padding:0}.btn:hover{background:#fff}.xp-window{margin:5vh 5vw;border:2px solid #245edb;border-radius:6px;box-shadow:4px 4px 12px #00000080;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;height:calc(100dvh - 10vh);width:90vw;overflow:hidden}.xp-titlebar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#3a6ae0,#1c3ca2);color:#fff;font-weight:700;padding:4px 8px;height:28px}.xp-buttons{display:flex;gap:4px}.xp-btn{width:26px;height:22px;border-radius:4px;border:1px solid #2a4d9b;cursor:pointer;position:relative;padding:0;box-shadow:inset 0 1px #fff9}.xp-btn.minimize,.xp-btn.maximize{background:linear-gradient(#6da8f3,#245edb)}.xp-btn.close{background:linear-gradient(#f17070,#c40000);border-color:#7a0000}.xp-btn:hover{filter:brightness(1.1)}.xp-btn:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.xp-btn.minimize:before{width:12px;height:2px;background:#fff;position:absolute;left:50%;bottom:4px;transform:translate(-50%);box-shadow:0 1px #0000004d}.xp-btn.maximize:before{width:12px;height:9px;border:2px solid #fff;box-shadow:inset 0 1px #00000040}.xp-btn.close:before{width:12px;height:12px;background:linear-gradient(#fff,#fff) center/2px 12px no-repeat,linear-gradient(#fff,#fff) center/12px 2px no-repeat;transform:translate(-50%,-50%) rotate(45deg)}.nav-btn{width:28px;height:28px;border-radius:50%;border:1px solid #0a5c0a;background:radial-gradient(circle at 30% 30%,#c7f8bf,#47b25c 60%,#2e8b57);box-shadow:inset 0 1px #eaffea,0 1px 2px #00000059;position:relative;cursor:pointer;padding:0}.nav-btn:hover{filter:brightness(1.08)}.nav-btn.back:before{content:"";position:absolute;top:50%;left:8px;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:7px 9px 7px 0;border-color:transparent #ffffff transparent transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.nav-btn.forward:before{content:"";position:absolute;top:50%;right:8px;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:7px 0 7px 9px;border-color:transparent transparent transparent #ffffff;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.xp-navbar{display:flex;align-items:center;background:linear-gradient(#f5f4e8,#e3dfc6);padding:4px;border-bottom:1px solid #ccc;gap:4px}.nav-btn{width:28px;height:28px;border-radius:50%;border:1px solid #0a5c0a;background:linear-gradient(#4cd964,#2e8b57);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px #baffba,0 1px 2px #0000004d}.nav-btn:hover{filter:brightness(1.1)}.address-bar{flex:1;padding:2px 6px;border:1px solid #888;border-radius:2px;font-size:14px}.xp-content{flex:1;background:#fff;padding:1rem;overflow:auto}.retro-header{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:16px;min-height:96px;background:linear-gradient(#f7f7f7,#eee);border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;border-left:none;border-right:none;flex-wrap:wrap}.retro-logo{width:156px;height:156px;background:#fff;border:1px solid #808080;box-shadow:inset 0 1px #fff}.retro-title h1{margin:0;font-size:clamp(22px,4.8vw,30px);line-height:1.1;font-weight:700;font-family:Tahoma,Verdana,Arial,sans-serif;color:#039;text-shadow:0 1px 0 #fff}.retro-tagline{margin:4px 0 0;font:13.5px/1.25 Verdana,Tahoma,Arial,sans-serif;color:#666}@media (max-width: 700px){.retro-header{padding:14px 12px;min-height:88px}.retro-logo{width:76px;height:76px}.retro-title h1{font-size:clamp(20px,5.2vw,28px)}}.retro-nav{width:100%;box-sizing:border-box;padding:10px 12px;background:linear-gradient(#f3efe0,#e8e3c9);border-top:1px solid #d3ceb6;border-bottom:1px solid #b8b39a}.retro-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.retro-nav a{display:inline-block;min-height:56px;line-height:56px;padding:0 18px;min-width:120px;text-align:center;font:16px/56px Tahoma,Verdana,Arial,sans-serif;color:#039;text-decoration:none;background:#e5e5e5;border:1px solid #808080;border-top-color:#fff;border-left-color:#fff;border-radius:4px;box-shadow:inset 0 1px #fff}.retro-nav a:hover{background:#dcdcdc}.retro-nav a:active{border-top-color:gray;border-left-color:gray;border-right-color:#fff;border-bottom-color:#fff;background:#d0d0d0}.retro-divider{width:100%;box-sizing:border-box;height:1px;background:repeating-linear-gradient(to right,#9a9a9a 0,#9a9a9a 4px,transparent 4px,transparent 8px);margin:6px 12px 10px}@media (max-width: 820px) and (max-height: 520px){.xp-window{margin:2vh 3vw;height:96vh;width:94vw}.xp-titlebar{height:30px;padding:4px 8px}.xp-navbar{padding:4px 6px;gap:6px}.nav-btn{width:32px;height:32px}.address-bar{height:30px;font-size:14px;padding:2px 8px}.retro-header{min-height:72px;padding:8px 10px;gap:10px;background:linear-gradient(#f9f9f9,#eee)}.retro-logo{width:68px;height:68px}.retro-title h1{font-size:clamp(18px,4.5vw,22px);line-height:1.15}.retro-tagline{font-size:11px}.retro-nav{padding:6px 8px}.retro-nav ul{gap:8px;justify-content:center}.retro-nav a{min-height:44px;line-height:44px;min-width:120px;padding:0 14px;font:15px/44px Tahoma,Verdana,Arial,sans-serif}.retro-divider{margin:6px 8px}.xp-content{padding:8px}}.retro-hero{background:#fffef3;border:1px solid #d3ceb6;border-left:4px solid #ffcc33;padding:10px 12px;margin-bottom:10px;box-shadow:inset 0 1px #fff}.retro-lead{margin:0;font:14px/1.45 Verdana,Tahoma,Arial,sans-serif;color:#222}.retro-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:72px;gap:12px;max-width:560px;margin:10px auto}.retro-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;text-align:center;font:16px Tahoma,Verdana,Arial,sans-serif;color:#039;background:#e5e5e5;border:1px solid #808080;border-top-color:#fff;border-left-color:#fff;border-radius:4px;box-shadow:inset 0 1px #fff}.retro-btn:hover{background:#dcdcdc}.retro-btn:active{background:#d0d0d0;border-top-color:gray;border-left-color:gray;border-right-color:#fff;border-bottom-color:#fff}.retro-btn.alt{background:#f0f0f0}@media (max-width: 820px) and (max-height: 520px){.retro-actions{grid-auto-rows:64px;gap:10px;max-width:540px}.retro-btn{font-size:15px}}.xp-modal-overlay{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000}.xp-modal{width:min(92vw,720px);height:min(85vh,420px);background:#fff;border:2px solid #245edb;border-radius:6px;box-shadow:4px 4px 12px #00000080;display:flex;flex-direction:column;overflow:hidden}.xp-modal .xp-content{padding:0;display:flex;flex-direction:column;height:100%}.media-wrap{position:relative;flex:1}.media-img{width:100%;height:100%;object-fit:contain;display:block;background:#000}.modal-footer.only-progress{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px 8px;background:#f3efe0;border-top:1px solid #d3ceb6}.unmute-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:inline-block;min-width:220px;min-height:56px;padding:0 18px;text-align:center;font:16px/56px Tahoma,Verdana,Arial,sans-serif;color:#039;text-decoration:none;background:#e5e5e5;border:1px solid #808080;border-top-color:#fff;border-left-color:#fff;border-radius:4px;box-shadow:inset 0 1px #fff,0 2px 6px #00000040;cursor:pointer}.unmute-overlay:active{background:#d0d0d0;border-top-color:gray;border-left-color:gray;border-right-color:#fff;border-bottom-color:#fff}.media-wrap{position:relative;flex:1;background:#000}.countdown{position:relative;width:180px;height:8px;background:#e5e5e5;border:1px solid #808080;border-top-color:#fff;border-left-color:#fff;border-radius:4px;overflow:hidden}.countdown span{position:absolute;inset:0 auto 0 0;width:100%;background:#47b25c;animation:shrink 60s linear forwards}@keyframes shrink{0%{width:100%}to{width:0%}}@media (max-width: 820px) and (max-height: 520px){.unmute-overlay{min-width:200px;min-height:52px;font-size:15px;line-height:52px}.modal-footer.only-progress{padding:6px}}.xp-modal.modal-youtube{width:min(92vw,720px);height:min(85vh,420px)}.xp-modal.modal-tiktok{width:min(70vw,420px);height:min(90vh,560px)}@media (max-width: 820px) and (max-height: 520px){.xp-modal.modal-youtube{width:94vw;height:72vh}.xp-modal.modal-tiktok{width:70vw;height:84vh}}.media-wrap{position:relative;flex:1;display:flex;background:#000}.media-wrap iframe{width:100%;height:100%;border:0;display:block}.yt-fill{width:100%;height:100%}.modal-tts .xp-content{padding:16px;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden}.modal-tts .tts-page{height:100%;width:100%}.modal-tts .tts-shell{height:100%;width:100%;display:grid;grid-template-rows:1fr auto auto;gap:12px;box-sizing:border-box}.modal-tts .tts-visualizer{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#dff8ea,#e9fff3);box-shadow:0 8px 30px #0080401f inset,0 2px 10px #0000000f}.modal-tts .tts-canvas{width:100%;height:100%;display:block}.modal-tts .tts-overlay{position:absolute;inset:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.modal-tts .tts-led{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;background:#fffc;border:1px solid rgba(42,122,79,.4);border-radius:10px;padding:6px 10px;text-transform:uppercase;letter-spacing:.08em;min-width:110px;text-align:center;box-shadow:inset 0 0 8px #0000000d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#4a6a5b}.modal-tts .tts-led.ok{color:#0a6b3a}.modal-tts .tts-led.warm{color:#2a7a4f}.modal-tts .tts-led.idle{color:#4a6a5b}.modal-tts .tts-time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#084f28;background:#ffffffdb;border:1px solid rgba(42,122,79,.35);border-radius:10px;padding:6px 10px;min-width:130px;text-align:right;box-shadow:inset 0 0 8px #0000000d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-tts .tts-seekbar{position:relative;height:14px;border-radius:999px;background:linear-gradient(180deg,#e4f6ec,#d6f1e2);border:1px solid #a9e0c6;box-shadow:inset 0 2px 4px #00000014;cursor:pointer;--progress: 0%;--knob-left: 0%}.modal-tts .tts-seekbar__fill{position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);border-radius:999px;background:linear-gradient(90deg,#8be6b0,#4fd68f);box-shadow:0 0 6px #4fd68f59;pointer-events:none}.modal-tts .tts-seekbar__knob{position:absolute;top:50%;left:var(--knob-left, 0%);transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #6ecf9f;box-shadow:0 0 8px #4fd68f59;pointer-events:none}.modal-tts .tts-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.modal-tts .tts-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-width:148px;min-height:46px;border-radius:10px;border:1px solid #7aa6d8;background:linear-gradient(180deg,#f7fbff,#e4f1ff);color:#043e8a;font-weight:700;font-size:15px;line-height:1.1;white-space:nowrap;box-sizing:border-box;cursor:pointer;box-shadow:0 2px #0000000d,inset 0 0 6px #7aa6d826}.modal-tts .tts-btn:disabled{opacity:.6;cursor:default}.modal-tts .tts-btn--blue{border:1px solid #7aa6d8;background:linear-gradient(180deg,#f7fbff,#e4f1ff);color:#043e8a}.modal-tts .tts-btn--green{border:1px solid #78c9a1;background:linear-gradient(180deg,#f6fffb,#e6fff3);color:#0a6b3a;box-shadow:0 2px #0000000d,inset 0 0 6px #78c9a12e}.modal-tts .tts-btn--red{border:1px solid #d89090;background:linear-gradient(180deg,#fff7f7,#ffeaea);color:#7a0b0b;box-shadow:0 2px #0000000d,inset 0 0 6px #d890902e}@media (max-width: 480px){.modal-tts .tts-btn{min-width:130px;font-size:14px;padding:12px 16px}}.modal-idle .xp-content{padding:0;overflow:hidden}.idle-media{width:100%;height:100%;display:block;object-fit:contain;background:#fff}