body{background:#000;height:100%;width:100%}.main{width:100%;min-height:101dvh;height:100%;overflow:hidden;position:relative;animation:bg-black-purple-white 16s ease-in-out infinite}.main .progress-bar-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:600}.main .progress-bar-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,red,orange,#ff0,green,#0ff,#00f,violet,red);animation:rainbow-shift 3s linear infinite}.main .progress-bar-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:linear-gradient(180deg,red,orange,#ff0,green,#0ff,#00f,violet,red);animation:rainbow-shift 3s linear infinite}.main .progress-bar-container .progress-bar:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(270deg,red,orange,#ff0,green,#0ff,#00f,violet,red);animation:rainbow-shift 3s linear infinite}.main .progress-bar-container .progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(0deg,red,orange,#ff0,green,#0ff,#00f,violet,red);animation:rainbow-shift 3s linear infinite}.main .controls{position:fixed;color:#fff;background:#000;z-index:600}.main .controls .live-mode-controls{display:inline-flex;gap:5px;margin-top:15px;padding:15px;background:#0000000d;border-radius:8px}.main .controls .live-mode-controls .control-group{display:flex;align-items:center;gap:8px}.main .loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;color:#00f;z-index:600}.main .collage-canvas{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;width:100dvw;height:100dvh}.main .collage-item{position:absolute;overflow:hidden;background:#fff;cursor:pointer;--base-z-index: 0;z-index:var(--base-z-index);box-shadow:0 4px 15px #0003}.main .collage-item.grid-repeat{background:transparent;box-shadow:none;cursor:default;overflow:visible}.main .collage-item.grid-repeat .grid-cell{position:relative}.main .collage-item:hover:not(.grid-repeat),.main .collage-item .grid-cell:hover{box-shadow:0 8px 25px #0000004d;z-index:500}.main .collage-item img{width:100%;height:100%;object-fit:cover;display:block}.main .collage-item iframe{width:100%;height:400px;border:none}.main .collage-item .web-unavailable{padding:20px;text-align:center;color:#666}.main .collage-item .web-unavailable p{margin-bottom:10px;font-style:italic}.main .spotlight-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:200;pointer-events:none;display:flex;align-items:center;justify-content:center}.main .spotlight-container .spotlight-image{max-width:400px;max-height:400px;position:relative;object-fit:contain;width:100%;height:100%}.main .audio-bar{position:fixed;top:env(safe-area-inset-top);left:0;right:0;height:80px;overflow:hidden;z-index:300;pointer-events:none}.main .audio-bar .audio-bar-item{position:absolute;top:15px;display:flex;flex-direction:column;gap:0;width:250px;height:52px;border-radius:5px;overflow:hidden;pointer-events:all;background:#f1f3f4}.main .audio-bar .audio-bar-item .audio-bar-info{background:#f1f3f4;padding:4px 12px;cursor:pointer;flex-shrink:0;height:28px;display:flex;align-items:center;justify-content:center}.main .audio-bar .audio-bar-item .audio-bar-info .audio-bar-title{color:#3a3a3a;font-weight:500;font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.2}.main .audio-bar .audio-bar-item audio{width:100%;height:24px;flex-shrink:0}.main.netscape{background:linear-gradient(180deg,teal,#004d4d);animation:none;font-family:Courier New,monospace}.main.netscape .metadata-container,.main.netscape .current-date{font-family:Courier New,monospace}.main.firefox{background:linear-gradient(135deg,#f5a623,#f76b1c,#e44d26);animation:none;font-family:Trebuchet MS,Arial,sans-serif}.main.firefox .metadata-container,.main.firefox .current-date{font-family:Trebuchet MS,Arial,sans-serif}.main.win7{background:linear-gradient(180deg,#5791cf,#2f5f8f);animation:none;font-family:Segoe UI,Arial,sans-serif}.main.win7 .metadata-container,.main.win7 .current-date{font-family:Segoe UI,Arial,sans-serif}.main.safari{background:linear-gradient(180deg,#e0e5eb,#c8cfd8);animation:none;font-family:Lucida Grande,-apple-system,sans-serif;color:#333}.main.safari .metadata-container,.main.safari .current-date{font-family:Lucida Grande,-apple-system,sans-serif;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.8)}.main.win10{background:linear-gradient(135deg,#0078d7,#0063b1);animation:none;font-family:Segoe UI,Arial,sans-serif}.main.win10 .metadata-container,.main.win10 .current-date{font-family:Segoe UI,Arial,sans-serif}.main.catalina{background:linear-gradient(180deg,#1c1c1e,#2c2c2e);animation:none;font-family:SF Pro Display,-apple-system,sans-serif;color:#fff}.main.catalina .metadata-container,.main.catalina .current-date{font-family:SF Pro Display,-apple-system,sans-serif;color:#fff}.main.glass{background:radial-gradient(circle at 20% 30%,rgba(255,75,75,.8) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.7) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(251,191,36,.8) 0%,transparent 50%),radial-gradient(circle at 90% 70%,rgba(96,165,250,.7) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.6) 0%,transparent 60%),linear-gradient(135deg,#e0c3fc,#8ec5fc);font-family:-apple-system,Inter,sans-serif}.main.glass .metadata-container,.main.glass .current-date{font-family:-apple-system,Inter,sans-serif}@keyframes rainbow-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes bg-black-purple-white{0%{background-color:#000}30%{background-color:#6a00ff33}50%{background-color:#000}70%{background-color:#6a00ff33}to{background-color:#000}}@media (prefers-reduced-motion: reduce){.main{animation:none}}.desktop-frame{--desktop-taskbar-height: 40px;--taskbar-band-height: calc( var(--desktop-taskbar-height, 40px) + env(safe-area-inset-bottom, 0px) );position:fixed;pointer-events:none;overflow:hidden;z-index:600;bottom:0;left:0;right:0;display:flex;align-items:flex-end;gap:0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.desktop-frame .desktop-date-display{flex-shrink:0;padding:20px 40px;text-align:center;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center}.desktop-frame .desktop-date-display.clickable{pointer-events:all;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.desktop-frame .desktop-date-display.clickable:hover{transform:scale(1.05);opacity:.9}.desktop-frame .desktop-date-display.clickable:active{transform:scale(.98)}.desktop-frame .desktop-date-display .desktop-date-text{font-size:32px;font-weight:700;line-height:1.3;letter-spacing:.5px}.desktop-frame .desktop-taskbar{flex:1;height:40px;display:flex;align-items:center;padding:0 4px;gap:8px;pointer-events:all;min-width:0}.desktop-frame .desktop-taskbar .about-button{flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:500;border:none;cursor:pointer;pointer-events:all;transition:all .15s ease;font-family:inherit;height:28px}.desktop-frame .desktop-taskbar .about-button:hover{transform:scale(1.05);filter:brightness(1.1)}.desktop-frame .desktop-taskbar .about-button:active{transform:scale(.98)}.desktop-frame .desktop-taskbar .taskbar-window{height:32px;flex:1;display:flex;align-items:center;gap:6px;padding:0 12px;min-width:0}.desktop-frame .desktop-taskbar .taskbar-window .taskbar-window-icon{font-size:14px;line-height:1;flex-shrink:0}.desktop-frame .desktop-taskbar .taskbar-window .taskbar-window-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.desktop-frame .desktop-taskbar .taskbar-window .taskbar-window-title .items-processed{opacity:.7;margin-left:4px}.desktop-frame.netscape-frame{background-image:linear-gradient(180deg,silver,gray);background-repeat:no-repeat;background-position:bottom center;background-size:100% var(--taskbar-band-height)}.desktop-frame.netscape-frame .desktop-date-display{background:linear-gradient(180deg,silver,gray);border:3px outset #ffffff;box-shadow:inset -1px -1px #000,inset 1px 1px #dfdfdf,4px 4px 10px #00000080}.desktop-frame.netscape-frame .desktop-date-display .desktop-date-text{font-family:"MS Sans Serif","Microsoft Sans Serif",sans-serif;color:navy;text-shadow:1px 1px 0 #ffffff}.desktop-frame.netscape-frame .desktop-taskbar{background:linear-gradient(180deg,silver,gray);border-top:2px solid #ffffff;box-shadow:inset 0 1px #dfdfdf,inset 0 -1px #404040;font-family:"MS Sans Serif","Microsoft Sans Serif",sans-serif}.desktop-frame.netscape-frame .desktop-taskbar .about-button{background:linear-gradient(180deg,silver,gray);border:2px outset #ffffff;color:#000;font-family:"MS Sans Serif","Microsoft Sans Serif",sans-serif;box-shadow:1px 1px #000,-1px -1px #dfdfdf}.desktop-frame.netscape-frame .desktop-taskbar .about-button:active{border-style:inset}.desktop-frame.netscape-frame .desktop-taskbar .taskbar-window{max-width:400px;background:linear-gradient(180deg,silver,gray);border:2px inset #ffffff;box-shadow:inset 1px 1px #000,inset -1px -1px #dfdfdf}.desktop-frame.netscape-frame .desktop-taskbar .taskbar-window .taskbar-window-title{color:#000}.desktop-frame.firefox-frame{background-image:linear-gradient(180deg,#3584e4,#1c71d8);background-repeat:no-repeat;background-position:bottom center;background-size:100% var(--taskbar-band-height)}.desktop-frame.firefox-frame .desktop-date-display{background:linear-gradient(180deg,#3584e4,#1c71d8);border:1px solid #1a5fb4;border-radius:4px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff4d}.desktop-frame.firefox-frame .desktop-date-display .desktop-date-text{font-family:Trebuchet MS,Arial,sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.desktop-frame.firefox-frame .desktop-taskbar{background:linear-gradient(180deg,#3584e4,#1c71d8);border-top:1px solid #5e9ce6;box-shadow:0 -2px 8px #0003;font-family:Trebuchet MS,Arial,sans-serif}.desktop-frame.firefox-frame .desktop-taskbar .about-button{background:linear-gradient(180deg,#ff9500,#e66000);border:none;border-radius:6px;color:#fff;font-family:Trebuchet MS,Arial,sans-serif;box-shadow:0 2px 4px #e660004d}.desktop-frame.firefox-frame .desktop-taskbar .about-button:hover{background:linear-gradient(180deg,#ffa31a,#f07010)}.desktop-frame.firefox-frame .desktop-taskbar .taskbar-window{max-width:400px;background:linear-gradient(180deg,#5e9ce6,#3584e4);border:1px solid #1a5fb4;border-radius:4px;box-shadow:inset 0 1px #ffffff4d}.desktop-frame.firefox-frame .desktop-taskbar .taskbar-window .taskbar-window-title{color:#fff;font-weight:600}.desktop-frame.win7-frame{background-image:linear-gradient(180deg,#00000080,#00000080);background-repeat:no-repeat;background-position:bottom center;background-size:100% var(--taskbar-band-height)}.desktop-frame.win7-frame .desktop-date-display{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:0 4px 12px #0006}.desktop-frame.win7-frame .desktop-date-display .desktop-date-text{font-family:Segoe UI,Arial,sans-serif;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.desktop-frame.win7-frame .desktop-taskbar{background:linear-gradient(180deg,#ffffff26,#0000004d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.2);box-shadow:0 -2px 10px #0000004d;font-family:Segoe UI,Arial,sans-serif}.desktop-frame.win7-frame .desktop-taskbar .about-button{background:linear-gradient(180deg,#f2f9fcf2,#d1e5f5f2 50%,#b7d9f2f2 51%,#c2e4f6f2);border:1px solid rgba(0,112,192,.6);border-radius:3px;color:#003d5c;font-family:Segoe UI,Arial,sans-serif;box-shadow:0 1px 2px #0003,inset 0 1px #ffffffb3}.desktop-frame.win7-frame .desktop-taskbar .about-button:hover{background:linear-gradient(180deg,#eaf6fdf2,#d9f0fcf2 50%,#bee6fdf2 51%,#d0effcf2)}.desktop-frame.win7-frame .desktop-taskbar .taskbar-window{max-width:400px;background:linear-gradient(180deg,#ffffff40,#ffffff1a);border:1px solid rgba(255,255,255,.3);border-radius:4px;box-shadow:inset 0 1px #fff6}.desktop-frame.win7-frame .desktop-taskbar .taskbar-window .taskbar-window-title{color:#fff;font-weight:400}.desktop-frame.safari-frame{background-image:linear-gradient(180deg,#f0f0f0f2,#f0f0f0f2);background-repeat:no-repeat;background-position:bottom center;background-size:100% var(--taskbar-band-height)}.desktop-frame.safari-frame .desktop-date-display{background:#f0f0f0f2;border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 2px 8px #0003}.desktop-frame.safari-frame .desktop-date-display .desktop-date-text{font-family:Lucida Grande,-apple-system,sans-serif;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.8)}.desktop-frame.safari-frame .desktop-taskbar{background:linear-gradient(180deg,#f0f0f0f2,#dcdcdcf2);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -1px 3px #0000001a;font-family:Lucida Grande,-apple-system,sans-serif}.desktop-frame.safari-frame .desktop-taskbar .about-button{background:linear-gradient(180deg,#6db3f2,#54a3ed,#3d94e8);border:1px solid rgba(0,90,180,.4);border-radius:5px;color:#fff;font-family:Lucida Grande,-apple-system,sans-serif;font-weight:600;text-shadow:0 -1px 1px rgba(0,0,0,.3);box-shadow:0 1px 2px #0003,inset 0 1px #ffffff4d}.desktop-frame.safari-frame .desktop-taskbar .about-button:hover{background:linear-gradient(180deg,#7dbef5,#64b0f0,#4da1eb)}.desktop-frame.safari-frame .desktop-taskbar .taskbar-window{max-width:400px;background:#fff9;border:1px solid rgba(0,0,0,.15);border-radius:6px;box-shadow:0 1px 3px #0000001a}.desktop-frame.safari-frame .desktop-taskbar .taskbar-window .taskbar-window-title{color:#333;font-weight:500}.desktop-frame.win10-frame{background-image:linear-gradient(180deg,#0009,#0009);background-repeat:no-repeat;background-position:bottom center;background-size:100% var(--taskbar-band-height)}.desktop-frame.win10-frame .desktop-date-display{background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:4px;box-shadow:0 4px 12px #0000004d}.desktop-frame.win10-frame .desktop-date-display .desktop-date-text{font-family:Segoe UI,Arial,sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.desktop-frame.win10-frame .desktop-taskbar{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);font-family:Segoe UI,Arial,sans-serif}.desktop-frame.win10-frame .desktop-taskbar .about-button{background:#0078d7;border:none;border-radius:2px;color:#fff;font-family:Segoe UI,Arial,sans-serif;font-weight:400}.desktop-frame.win10-frame .desktop-taskbar .about-button:hover{background:#106ebe}.desktop-frame.win10-frame .desktop-taskbar .taskbar-window{max-width:400px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:2px}.desktop-frame.win10-frame .desktop-taskbar .taskbar-window .taskbar-window-title{color:#fff;font-weight:300}.desktop-frame.catalina-frame{background-image:linear-gradient(180deg,#323232e6,#323232e6);background-repeat:no-repeat;background-position:bottom center;background-size:100% var(--taskbar-band-height)}.desktop-frame.catalina-frame .desktop-date-display{background:#323232e6;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 4px 16px #0000004d}.desktop-frame.catalina-frame .desktop-date-display .desktop-date-text{font-family:SF Pro Display,-apple-system,sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.desktop-frame.catalina-frame .desktop-taskbar{background:#282828d9;border-top:1px solid rgba(255,255,255,.1);font-family:SF Pro Display,-apple-system,sans-serif}.desktop-frame.catalina-frame .desktop-taskbar .about-button{background:linear-gradient(180deg,#0a84ff,#0070e0);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:SF Pro Display,-apple-system,sans-serif;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.desktop-frame.catalina-frame .desktop-taskbar .about-button:hover{background:linear-gradient(180deg,#1a94ff,#0a84ff)}.desktop-frame.catalina-frame .desktop-taskbar .taskbar-window{max-width:400px;background:#3c3c3c99;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 2px 8px #0003}.desktop-frame.catalina-frame .desktop-taskbar .taskbar-window .taskbar-window-title{color:#fff;font-weight:400}.desktop-frame.glass-frame{background-image:linear-gradient(180deg,#ffffff1a,#ffffff1a);background-repeat:no-repeat;background-position:bottom center;background-size:100% var(--taskbar-band-height)}.desktop-frame.glass-frame .desktop-date-display{background:#ffffff1a;-webkit-backdrop-filter:saturate(150%);backdrop-filter:saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0003}.desktop-frame.glass-frame .desktop-date-display .desktop-date-text{font-family:-apple-system,Inter,sans-serif;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.desktop-frame.glass-frame .desktop-taskbar{background:#ffffff14;-webkit-backdrop-filter:saturate(150%);backdrop-filter:saturate(150%);border-top:1px solid rgba(255,255,255,.1);font-family:-apple-system,Inter,sans-serif}.desktop-frame.glass-frame .desktop-taskbar .about-button{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-family:-apple-system,Inter,sans-serif;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.desktop-frame.glass-frame .desktop-taskbar .about-button:hover{background:#ffffff4d;box-shadow:0 2px 8px #fff3}.desktop-frame.glass-frame .desktop-taskbar .taskbar-window{max-width:400px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 4px 16px #0000001a}.desktop-frame.glass-frame .desktop-taskbar .taskbar-window .taskbar-window-title{color:#fff;font-weight:500}@media (max-width: 768px){.desktop-frame{flex-direction:column;align-items:stretch}.desktop-frame .desktop-date-display{padding:8px 16px;order:1}.desktop-frame .desktop-date-display .desktop-date-text{font-size:24px;letter-spacing:.3px}.desktop-frame .desktop-taskbar{order:2;height:auto;min-height:36px;flex-direction:row;gap:6px;padding:0 6px}.desktop-frame .desktop-taskbar .about-button{font-size:10px;padding:4px 8px;height:26px}.desktop-frame .desktop-taskbar .taskbar-window{max-width:none;height:auto;min-height:26px;padding:0 8px}.desktop-frame .desktop-taskbar .taskbar-window .taskbar-window-icon{font-size:14px}.desktop-frame .desktop-taskbar .taskbar-window .taskbar-window-title{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-frame .desktop-taskbar .taskbar-window .taskbar-window-title .items-processed{margin-left:4px}.desktop-frame.netscape-frame .desktop-taskbar .taskbar-window,.desktop-frame.firefox-frame .desktop-taskbar .taskbar-window,.desktop-frame.win7-frame .desktop-taskbar .taskbar-window,.desktop-frame.safari-frame .desktop-taskbar .taskbar-window,.desktop-frame.win10-frame .desktop-taskbar .taskbar-window,.desktop-frame.catalina-frame .desktop-taskbar .taskbar-window,.desktop-frame.glass-frame .desktop-taskbar .taskbar-window{padding:0 8px;min-height:28px}}@media (max-width: 768px){.desktop-frame .audio-bar{height:60px}.desktop-frame .audio-bar .audio-bar-item{width:180px;height:42px;top:10px}.desktop-frame .audio-bar .audio-bar-item .audio-bar-info{height:22px;padding:2px 8px}.desktop-frame .audio-bar .audio-bar-item .audio-bar-info .audio-bar-title{font-size:.75em}.desktop-frame .audio-bar .audio-bar-item audio{height:20px}.desktop-frame .collage-item{max-width:80vw;max-height:60vh}.desktop-frame .motion-controls{right:8px;top:8px;padding:8px;font-size:11px}.desktop-frame .motion-controls .control-group{margin-bottom:8px}.desktop-frame .motion-controls .control-group label{font-size:11px}.desktop-frame .motion-controls .control-group input,.desktop-frame .motion-controls .control-group button{font-size:11px;padding:4px 8px}}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:100;transition:background .2s ease-out;pointer-events:none;overflow:hidden;min-height:100dvh;height:100%}.splash-screen .splash-window{min-width:600px;max-width:800px;box-shadow:0 10px 40px #00000080;transition:all .15s ease-out;pointer-events:all;display:flex;flex-direction:column}.splash-screen .window-titlebar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:10}.splash-screen .window-title{font-weight:700;font-size:14px;flex:1}.splash-screen .window-controls{display:flex;gap:4px}.splash-screen .control-btn{width:24px;height:24px;border:none;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.splash-screen .window-content{padding:40px;text-align:center;overflow-y:scroll;flex:1;position:relative;scrollbar-width:auto;scrollbar-color:rgba(0,0,0,.4) rgba(0,0,0,.1)}.splash-screen .window-content::-webkit-scrollbar{width:14px}.splash-screen .window-content::-webkit-scrollbar-track{background:#0000000d;border-left:1px solid rgba(0,0,0,.1)}.splash-screen .window-content::-webkit-scrollbar-thumb{background:#0000004d;border-radius:7px;border:2px solid transparent;background-clip:content-box}.splash-screen .window-content::-webkit-scrollbar-thumb:hover{background:#00000080;background-clip:content-box}.splash-screen .app-title{font-size:2.5em;margin-bottom:30px;font-weight:700}.splash-screen .description{margin-bottom:30px;line-height:1.8;font-size:1em;display:flex;flex-direction:column;justify-content:center}.splash-screen .description p{margin:5px 0}.splash-screen .description .archive-stats{font-size:1em}.splash-screen .description .stat-value{font-weight:700;font-size:1.1em;transition:all .3s ease}.splash-screen .start-button{padding:15px 50px;font-size:1.2em;font-weight:700;border:none;cursor:pointer;transition:all .2s;height:60px;margin:10px 0}.splash-screen .start-button:active{transform:translateY(2px)}.splash-screen .style-indicator{font-size:.9em;opacity:.7;font-family:monospace;height:30px;display:flex;align-items:center;justify-content:center}.splash-screen .timeline-container{position:fixed;top:0;left:0;right:0;padding:calc(20px + env(safe-area-inset-top)) 40px 20px;z-index:800;pointer-events:all}.splash-screen .timeline-wrapper{position:relative;width:100%}.splash-screen .timeline-track{position:relative;height:16px;margin-bottom:15px;width:100%;cursor:grab;background:transparent;-webkit-user-select:none;user-select:none;touch-action:none}.splash-screen .timeline-track.dragging{cursor:grabbing}.splash-screen .timeline-era{position:absolute;top:0;height:100%;pointer-events:none;transition:opacity .2s ease;will-change:opacity}.splash-screen .timeline-era.netscape{background:linear-gradient(180deg,#000,#404040 10%,gray,#404040 90%,#000);border:3px solid;border-color:#808080 #ffffff #ffffff #808080;box-shadow:inset 2px 2px 4px #000c,inset -1px -1px 2px #ffffff4d}.splash-screen .timeline-era.firefox{background:linear-gradient(180deg,#1a5fb4,#3584e4 30%,#5e9ce6,#3584e4 70%,#1a5fb4);border:2px solid;border-color:#0d3f7a #85b8f0 #85b8f0 #0d3f7a;border-radius:8px;box-shadow:inset 0 2px 4px #0006,inset 0 -1px 2px #fff6,0 1px 2px #0003}.splash-screen .timeline-era.win7{background:linear-gradient(180deg,#0006,#3584e499 30%,#5e9ce6cc,#3584e499 70%,#0006);border:1px solid rgba(255,255,255,.4);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 3px 8px #0009,inset 0 -1px 4px #fff9,0 0 12px #3584e4cc,0 2px 4px #0000004d}.splash-screen .timeline-era.safari{background:linear-gradient(180deg,#b0b0b0,#d8d8d8 20%,#e8e8e8,#d8d8d8 80%,#b0b0b0);border:1px solid;border-color:#999999 #e0e0e0 #e0e0e0 #999999;border-radius:12px;box-shadow:inset 0 2px 3px #00000040,inset 0 -1px 2px #ffffffe6,0 1px 1px #fffc}.splash-screen .timeline-era.win10{background:linear-gradient(180deg,#e0e0e0,#f0f0f0,#e0e0e0);border:1px solid #c0c0c0;border-radius:2px;box-shadow:inset 0 1px 2px #00000026}.splash-screen .timeline-era.catalina{background:linear-gradient(135deg,#282828d9,#3c3c3ce6,#323232d9);border:1px solid rgba(255,255,255,.2);border-radius:14px;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 2px 6px #0006,0 0 16px #6464644d,0 2px 4px #0000004d}.splash-screen .timeline-era.glass{background:linear-gradient(90deg,#ff4b4b4d,#8b5cf659,#ec48994d,#60a5fa59,#fbbf244d);border:1px solid rgba(255,255,255,.3);border-radius:20px;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);box-shadow:inset 0 2px 8px #0000001a,0 0 24px #ec489966,0 4px 12px #00000026}.splash-screen .timeline-indicator{position:absolute;top:50%;height:150%;transform:translate(-50%,-50%);z-index:10;transition:left .05s linear;pointer-events:none;margin-top:8px;will-change:left}.splash-screen .indicator-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:32px;z-index:2}.splash-screen .indicator-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;opacity:.3}.splash-screen.netscape .indicator-dot{background:linear-gradient(180deg,#fff,silver,gray);border:3px solid;border-color:#ffffff #000000 #000000 #ffffff;border-radius:0;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #404040,2px 2px 4px #00000080}.splash-screen.netscape .indicator-line{background:gray}.splash-screen.firefox .indicator-dot{background:linear-gradient(180deg,#85b8f0,#5e9ce6 40%,#3584e4 60%,#1a5fb4);border:2px solid;border-color:#a8d0ff #0d3f7a #0d3f7a #a8d0ff;border-radius:6px;box-shadow:inset 0 2px 4px #fff9,inset 0 -2px 3px #0000004d,0 2px 6px #0006}.splash-screen.firefox .indicator-line{background:#3584e4}.splash-screen.win7 .indicator-dot{background:linear-gradient(180deg,#ffffffe6,#5e9ce6f2 40%,#3584e4 60%,#1a5fb4);border:1px solid rgba(255,255,255,.8);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 3px 6px #fffc,inset 0 -2px 4px #0000004d,0 0 16px #5e9ce6,0 3px 8px #00000080}.splash-screen.win7 .indicator-line{background:linear-gradient(180deg,#5e9ce699,#5e9ce633)}.splash-screen.safari .indicator-dot{background:linear-gradient(180deg,#fff,#f5f5f5 30%,#e0e0e0 70%,#d0d0d0);border:1px solid;border-color:#ffffff #a0a0a0 #909090 #e0e0e0;border-radius:16px;box-shadow:inset 0 2px 4px #fff,inset 0 -1px 2px #0003,0 2px 4px #00000040}.splash-screen.safari .indicator-line{background:#d0d0d0}.splash-screen.win10 .indicator-dot{background:#fff;border:2px solid #0078d7;border-radius:50%;box-shadow:0 2px 4px #0003;width:20px;height:20px}.splash-screen.win10 .indicator-line{background:#0078d7;opacity:.4}.splash-screen.catalina .indicator-dot{background:linear-gradient(135deg,#ffffffe6,#c8c8c8d9,#969696cc);border:1px solid rgba(255,255,255,.3);border-radius:50%;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);box-shadow:inset 0 2px 4px #ffffff80,0 0 12px #c8c8c899,0 3px 6px #0006;width:22px;height:22px}.splash-screen.catalina .indicator-line{background:linear-gradient(180deg,#c8c8c880,#96969680)}.splash-screen.glass .indicator-dot{background:linear-gradient(135deg,#ffffffe6,#ec4899cc,#8b5cf6cc);border:2px solid rgba(255,255,255,.5);border-radius:50%;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);box-shadow:inset 0 2px 6px #fff6,0 0 20px #ec4899cc,0 4px 12px #0000004d;width:26px;height:26px}.splash-screen.glass .indicator-line{background:linear-gradient(180deg,#ec489980,#8b5cf680)}.splash-screen .timeline-years{position:relative;height:30px;width:100%;padding:0;color:#0f0;text-shadow:0 0 4px rgb(0,255,0)}.splash-screen .year-marker{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.splash-screen .year-tick{width:1px;height:8px;background:currentColor;opacity:.8}.splash-screen .year-label{font-size:10px;margin-top:4px;opacity:.8;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none}.splash-screen.safari .timeline-years{color:#000000c8;text-shadow:none}.splash-screen.safari .year-tick{background:#000000c8}.splash-screen .timeline-era.netscape{background:teal}.splash-screen .timeline-era.firefox{background:#e66000}.splash-screen .timeline-era.win7{background:#5791cf}.splash-screen .timeline-era.safari{background:#3d94e8}.splash-screen .timeline-era.win10{background:#0078d7}.splash-screen .timeline-era.catalina{background:linear-gradient(90deg,#505050,#707070)}.splash-screen .timeline-era.glass{background:linear-gradient(90deg,#ff4b4bcc,#8b5cf6cc,#ec4899cc,#60a5facc,#fbbf24cc)}.splash-screen.netscape{background:linear-gradient(180deg,teal,#004d4d);cursor:url(/white.svg) 2 2,auto;color:#000}.splash-screen.netscape .control-btn,.splash-screen.netscape .start-button{cursor:url(/netscape.cur),pointer}.splash-screen.netscape .splash-window{background:silver;border:2px solid black}.splash-screen.netscape .timeline-indicator{color:teal}.splash-screen.netscape .window-titlebar{background:silver;border-bottom:2px solid black;padding:4px}.splash-screen.netscape .window-title{font-family:Courier New,monospace;font-size:12px}.splash-screen.netscape .control-btn{background:silver;border:1px solid black;font-family:Courier New,monospace}.splash-screen.netscape .window-content{background:#fff;border:2px inset #808080}.splash-screen.netscape .app-title{font-family:Courier New,monospace;color:#00e;text-decoration:underline}.splash-screen.netscape .description{font-family:Times New Roman,serif;color:#000}.splash-screen.netscape .description .stat-value{color:#00e;text-decoration:underline}.splash-screen.netscape .start-button{background:silver;border:2px outset #808080;color:#00e;font-family:Courier New,monospace;text-decoration:underline}.splash-screen.netscape .start-button:hover{color:#551a8b}.splash-screen.netscape .start-button:active{border-style:inset}.splash-screen.firefox{background:linear-gradient(135deg,#f5a623,#f76b1c,#e44d26);cursor:url(/white.svg) 2 2,auto;color:#333}.splash-screen.firefox .control-btn,.splash-screen.firefox .start-button{cursor:url(/netscape.cur),pointer}.splash-screen.firefox .splash-window{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #ddd;box-shadow:0 8px 24px #00000026}.splash-screen.firefox .window-titlebar{background:linear-gradient(180deg,#f0f0f0,#d8d8d8);color:#333;padding:8px 10px;border-bottom:1px solid #ccc}.splash-screen.firefox .window-title{font-family:Trebuchet MS,Arial,sans-serif;font-size:13px}.splash-screen.firefox .control-btn{background:linear-gradient(180deg,#fff,#e0e0e0);border:1px solid #aaa;color:#333;border-radius:3px;box-shadow:0 1px 2px #0000001a}.splash-screen.firefox .control-btn.close:hover{background:linear-gradient(180deg,#ff6b6b,#ee5a5a);color:#fff}.splash-screen.firefox .control-btn:hover{background:linear-gradient(180deg,#fff,#d0d0d0)}.splash-screen.firefox .window-content{background:#fff}.splash-screen.firefox .app-title{font-family:Trebuchet MS,Arial,sans-serif;color:#e66000;text-shadow:0 2px 4px rgba(230,96,0,.3)}.splash-screen.firefox .description{font-family:Trebuchet MS,Arial,sans-serif;color:#555}.splash-screen.firefox .description .stat-value{color:#e66000;font-weight:700}.splash-screen.firefox .start-button{background:linear-gradient(180deg,#ff9500,#e66000);border:none;color:#fff;border-radius:6px;font-family:Trebuchet MS,Arial,sans-serif;box-shadow:0 4px 8px #e660004d}.splash-screen.firefox .start-button:hover{background:linear-gradient(180deg,#ffa31a,#f07010);box-shadow:0 6px 12px #e6600066}.splash-screen.firefox .start-button:active{transform:translateY(2px);box-shadow:0 2px 4px #e660004d}.splash-screen.firefox .timeline-indicator{color:#e66000}.splash-screen.win7{background:linear-gradient(180deg,#5791cf,#2f5f8f);cursor:url(/blue.svg) 2 2,auto}.splash-screen.win7 .control-btn,.splash-screen.win7 .start-button{cursor:url(/blue.svg) 2 2,pointer}.splash-screen.win7 .splash-window{background:#ffffffe6;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0006,inset 0 1px #fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.splash-screen.win7 .window-titlebar{background:linear-gradient(180deg,#e8f2fcf2,#c1dbfcf2 50%,#b7d5faf2 51%,#dcebfcf2);color:#000;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #fffc}.splash-screen.win7 .window-title{font-family:Segoe UI,Arial,sans-serif;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,.8)}.splash-screen.win7 .control-btn{background:linear-gradient(180deg,#fffc,#e6f0facc);border:1px solid rgba(140,180,220,.6);color:#000;font-size:16px;width:28px;height:24px;border-radius:3px;box-shadow:inset 0 1px #fff9}.splash-screen.win7 .control-btn.close:hover{background:linear-gradient(180deg,#fc6464e6,#e81123e6);color:#fff}.splash-screen.win7 .control-btn:hover{background:linear-gradient(180deg,#eaf6fde6,#d9f0fce6);border-color:#3c7fb1cc}.splash-screen.win7 .control-btn:active{box-shadow:inset 0 1px 3px #0000004d}.splash-screen.win7 .window-content{background:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.splash-screen.win7 .app-title{font-family:Segoe UI,Arial,sans-serif;color:#003d5c;text-shadow:0 1px 2px rgba(255,255,255,.8)}.splash-screen.win7 .description{font-family:Segoe UI,Arial,sans-serif;color:#333}.splash-screen.win7 .description .stat-value{color:#0070c0;font-weight:700}.splash-screen.win7 .start-button{background:linear-gradient(180deg,#f2f9fcf2,#d1e5f5f2 50%,#b7d9f2f2 51%,#c2e4f6f2);border:1px solid rgba(0,112,192,.6);color:#003d5c;border-radius:3px;font-family:Segoe UI,Arial,sans-serif;box-shadow:0 1px 3px #0003,inset 0 1px #ffffffb3}.splash-screen.win7 .start-button:hover{background:linear-gradient(180deg,#eaf6fdf2,#d9f0fcf2 50%,#bee6fdf2 51%,#d0effcf2);border-color:#0078d7cc}.splash-screen.win7 .start-button:active{box-shadow:inset 0 1px 3px #0003}.splash-screen.win7 .timeline-indicator{color:#5791cf}.splash-screen.safari{background:linear-gradient(180deg,#e0e5eb,#c8cfd8);cursor:url(/skeu.svg) 2 2,auto}.splash-screen.safari .control-btn,.splash-screen.safari .start-button{cursor:url(/skeu.svg) 2 2,pointer}.splash-screen.safari .splash-window{background:#ececec;position:relative;border-radius:6px;overflow:hidden;border:1px solid rgba(0,0,0,.2);box-shadow:0 10px 50px #00000059,0 0 1px #00000080}.splash-screen.safari .window-titlebar{background:linear-gradient(180deg,#e8e8e8,#d0d0d0 50%,#c8c8c8 51%,#bebebe);color:#464646;padding:10px 12px;border-bottom:1px solid #a0a0a0;box-shadow:inset 0 1px #ffffffe6}.splash-screen.safari .window-title{font-family:Lucida Grande,-apple-system,sans-serif;font-size:13px;font-weight:600;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.8)}.splash-screen.safari .window-controls{position:absolute;left:8px;top:10px;display:flex;gap:8px;flex-direction:row-reverse}.splash-screen.safari .control-btn{background:linear-gradient(180deg,#ffffffe6,#e6e6e6e6);border:.5px solid rgba(0,0,0,.3);width:13px;height:13px;border-radius:50%;font-size:0;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff80}.splash-screen.safari .control-btn.close{background:linear-gradient(180deg,#ff665a,#ff5148,#ff3b30);border-color:#c8000080}.splash-screen.safari .control-btn.close:hover{background:linear-gradient(180deg,#ff7770,#ff6258,#ff4c40)}.splash-screen.safari .control-btn.minimize{background:linear-gradient(180deg,#ffca3a,#ffbd28,#ffb014);border-color:#c8960080}.splash-screen.safari .control-btn.maximize{background:linear-gradient(180deg,#36d659,#28ca47,#1abe35);border-color:#00963280}.splash-screen.safari .window-content{background:linear-gradient(180deg,#f8f8f8,#f0f0f0,#ececec)}.splash-screen.safari .app-title{font-family:Lucida Grande,-apple-system,sans-serif;color:#333;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.8)}.splash-screen.safari .description{font-family:Lucida Grande,-apple-system,sans-serif;color:#555;font-weight:400;text-shadow:0 1px 0 rgba(255,255,255,.5)}.splash-screen.safari .description .stat-value{color:#3d94e8;font-weight:700}.splash-screen.safari .start-button{background:linear-gradient(180deg,#6db3f2,#54a3ed,#3d94e8);border:1px solid rgba(0,90,180,.4);color:#fff;border-radius:5px;font-family:Lucida Grande,-apple-system,sans-serif;font-weight:600;text-shadow:0 -1px 1px rgba(0,0,0,.3);box-shadow:0 1px 3px #0003,inset 0 1px #ffffff4d}.splash-screen.safari .start-button:hover{background:linear-gradient(180deg,#7dbef5,#64b0f0,#4da1eb)}.splash-screen.safari .start-button:active{background:linear-gradient(180deg,#3d94e8,#2e85e0,#1f76d8);box-shadow:inset 0 1px 3px #0000004d;transform:translateY(1px)}.splash-screen.safari .timeline-indicator{color:#3d94e8}.splash-screen.win10{background:linear-gradient(135deg,#0078d7,#0063b1);cursor:url(/windows.cur),auto}.splash-screen.win10 .control-btn,.splash-screen.win10 .start-button{cursor:url(/windows.cur),pointer}.splash-screen.win10 .splash-window{background:#fff;border-radius:0;overflow:hidden;box-shadow:0 8px 24px #0000004d;border:1px solid #0078d7}.splash-screen.win10 .window-titlebar{background:#fff;color:#1f1f1f;padding:8px 12px;border-bottom:1px solid #e1e1e1}.splash-screen.win10 .window-title{font-family:Segoe UI,Arial,sans-serif;font-size:12px;font-weight:400}.splash-screen.win10 .control-btn{background:transparent;border:none;color:#1f1f1f;width:46px;height:32px;font-size:12px;display:flex;align-items:center;justify-content:center}.splash-screen.win10 .control-btn.minimize,.splash-screen.win10 .control-btn.maximize,.splash-screen.win10 .control-btn.close{font-size:12px;line-height:1}.splash-screen.win10 .control-btn.close:hover{background:#e81123;color:#fff}.splash-screen.win10 .control-btn:hover{background:#e5e5e5}.splash-screen.win10 .control-btn:active{background:#ccc}.splash-screen.win10 .window-content{background:#fff}.splash-screen.win10 .app-title{font-family:Segoe UI,Arial,sans-serif;color:#0078d7;font-weight:300}.splash-screen.win10 .description{font-family:Segoe UI,Arial,sans-serif;color:#5e5e5e;font-weight:400}.splash-screen.win10 .description .stat-value{color:#0078d7;font-weight:600}.splash-screen.win10 .start-button{background:#0078d7;border:none;color:#fff;border-radius:2px;font-family:Segoe UI,Arial,sans-serif;font-weight:400}.splash-screen.win10 .start-button:hover{background:#106ebe}.splash-screen.win10 .start-button:active{background:#005a9e}.splash-screen.win10 .timeline-indicator{color:#0078d7}.splash-screen.catalina{background:linear-gradient(180deg,#1c1c1e,#2c2c2e);cursor:url(/y2k.svg) 2 2,auto}.splash-screen.catalina .control-btn,.splash-screen.catalina .start-button{cursor:url(/y2k.svg) 2 2,pointer}.splash-screen.catalina .splash-window{background:#323232f2;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px #00000080;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.splash-screen.catalina .window-titlebar{background:#282828fa;color:#fff;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.splash-screen.catalina .window-title{font-family:SF Pro Display,-apple-system,sans-serif;font-size:13px;font-weight:500;text-align:center;letter-spacing:.2px}.splash-screen.catalina .window-controls{position:absolute;flex-direction:row-reverse;left:8px;top:11px;display:flex;gap:8px}.splash-screen.catalina .control-btn{background:#fc635d;border:.5px solid rgba(0,0,0,.15);width:12px;height:12px;border-radius:50%;font-size:0;box-shadow:inset 0 1px #ffffff4d}.splash-screen.catalina .control-btn.minimize{background:#fdbc40;border-color:#00000026}.splash-screen.catalina .control-btn.maximize{background:#34c749;border-color:#00000026}.splash-screen.catalina .control-btn:hover{filter:brightness(1.1)}.splash-screen.catalina .window-content{background:#282828e6;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.05)}.splash-screen.catalina .window-content::-webkit-scrollbar-track{background:#ffffff0d;border-left:1px solid rgba(255,255,255,.1)}.splash-screen.catalina .window-content::-webkit-scrollbar-thumb{background:#ffffff4d}.splash-screen.catalina .window-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.splash-screen.catalina .app-title{font-family:SF Pro Display,-apple-system,sans-serif;color:#fff;font-weight:300;letter-spacing:-.5px}.splash-screen.catalina .description{font-family:SF Pro Display,-apple-system,sans-serif;color:#ccc;font-weight:300}.splash-screen.catalina .description .stat-value{color:#0a84ff;font-weight:500}.splash-screen.catalina .description a{color:#0a84ff;text-decoration:none}.splash-screen.catalina .description a:hover{text-decoration:underline}.splash-screen.catalina .start-button{background:linear-gradient(180deg,#0a84ff,#0070e0);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;font-family:SF Pro Display,-apple-system,sans-serif;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.splash-screen.catalina .start-button:hover{background:linear-gradient(180deg,#1a94ff,#0a84ff)}.splash-screen.catalina .start-button:active{background:linear-gradient(180deg,#0070e0,#0060c0);transform:translateY(1px)}.splash-screen.catalina .timeline-indicator{color:#0a84ff}.splash-screen.glass{background:radial-gradient(circle at 20% 30%,rgba(255,75,75,.8) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.7) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(251,191,36,.8) 0%,transparent 50%),radial-gradient(circle at 90% 70%,rgba(96,165,250,.7) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.6) 0%,transparent 60%),linear-gradient(135deg,#e0c3fc,#8ec5fc);cursor:auto}.splash-screen.glass .splash-window{background:#ffffff1a;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.splash-screen.glass .window-titlebar{background:#ffffff0d;color:#fff;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.splash-screen.glass .window-title{font-family:-apple-system,Inter,sans-serif;font-size:14px;font-weight:600}.splash-screen.glass .control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:24px;height:24px;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center}.splash-screen.glass .control-btn:hover{background:#fff3}.splash-screen.glass .window-content{background:#ffffff0d;scrollbar-color:rgba(255,255,255,.4) rgba(255,255,255,.1)}.splash-screen.glass .window-content::-webkit-scrollbar-track{background:#ffffff1a;border-left:1px solid rgba(255,255,255,.2)}.splash-screen.glass .window-content::-webkit-scrollbar-thumb{background:#fff6}.splash-screen.glass .window-content::-webkit-scrollbar-thumb:hover{background:#fff9}.splash-screen.glass .app-title{font-family:-apple-system,Inter,sans-serif;color:#fff;font-weight:700;text-shadow:0 2px 16px rgba(0,0,0,.2)}.splash-screen.glass .description{font-family:-apple-system,Inter,sans-serif;color:#ffffffe6;font-weight:400}.splash-screen.glass .description .stat-value{color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(236,72,153,.6)}.splash-screen.glass .description a{color:#fff;text-decoration:underline;text-decoration-color:#fff6}.splash-screen.glass .description a:hover{text-decoration-color:#fffc}.splash-screen.glass .start-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:12px;font-family:-apple-system,Inter,sans-serif;font-weight:600}.splash-screen.glass .start-button:hover{background:#ffffff4d;box-shadow:0 4px 16px #fff3}.splash-screen.glass .start-button:active{transform:scale(.98)}.splash-screen.glass .style-indicator{color:#ffffffb3}.splash-screen.glass .timeline-indicator{color:#fff}@media (max-width: 768px){.splash-screen{align-items:flex-start;overflow:hidden;padding:calc(75px + env(safe-area-inset-top,0)) 16px calc(140px + env(safe-area-inset-bottom,0)) 16px;height:100dvh;height:100svh;box-sizing:border-box}.splash-screen .splash-window{min-width:0;max-width:100%;width:100%;margin:0;max-height:calc(100svh - 195px - env(safe-area-inset-top,0) + env(safe-area-inset-bottom,0));display:flex;flex-direction:column}@supports not (height: 100svh){.splash-screen .splash-window{max-height:calc(100vh - 255px - env(safe-area-inset-top,0) + env(safe-area-inset-bottom,0))}}.splash-screen .window-titlebar{flex-shrink:0}.splash-screen .window-content{padding:20px 10px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.splash-screen .app-title{font-size:1.5em;margin-bottom:0}.splash-screen .description{font-size:.9em;line-height:1.5;margin-bottom:0}.splash-screen .description p{margin:8px 0}.splash-screen .start-button{padding:12px 32px;font-size:1em;height:48px;margin:8px 0}.splash-screen .timeline-container{padding:calc(10px + env(safe-area-inset-top,0)) 12px 10px}.splash-screen .timeline-track{height:24px;margin-bottom:8px}.splash-screen .timeline-years{font-size:9px;margin-top:4px}.splash-screen .timeline-years .year-label{font-size:9px}.splash-screen .indicator-dot{width:18px;height:24px}}.splash-screen .footer-text{font-size:12px}.live-sonification{max-width:1200px;margin:0 auto;padding:40px 20px}.live-sonification .header{text-align:center;margin-bottom:40px}.live-sonification .header h1{font-size:2.5em;color:#333;margin-bottom:15px}.live-sonification .header .description{font-size:1.1em;color:#666;margin-bottom:25px;line-height:1.6}.live-sonification .header .toggle-btn{padding:15px 40px;font-size:1.2em;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:600;box-shadow:0 4px 15px #667eea66;transition:transform .2s,box-shadow .2s}.live-sonification .header .toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.live-sonification .header .toggle-btn:active{transform:translateY(0)}.live-sonification .legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:40px}.live-sonification .legend .legend-item{display:flex;align-items:center;gap:8px;font-size:.9em;font-weight:500}.live-sonification .legend .legend-item .color-dot{width:12px;height:12px;border-radius:50%}.live-sonification .events-container h2{font-size:1.8em;color:#333;margin-bottom:20px;text-align:center}.live-sonification .events-container .events-list{display:flex;flex-direction:column;gap:15px}.live-sonification .events-container .event-item{padding:15px 20px;background:#fff;border-radius:8px;border-left:4px solid;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;animation:slideIn .3s ease-out}.live-sonification .events-container .event-item:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001f}.live-sonification .events-container .event-item .event-time{font-size:.85em;color:#999;margin-bottom:5px}.live-sonification .events-container .event-item .event-title{font-size:1.1em;font-weight:600;color:#333;margin-bottom:8px}.live-sonification .events-container .event-item .event-meta{display:flex;gap:15px;margin-bottom:8px}.live-sonification .events-container .event-item .event-meta .event-type{font-weight:500;text-transform:capitalize}.live-sonification .events-container .event-item .event-meta .event-size{color:#666;font-size:.9em}.live-sonification .events-container .event-item .event-link{color:#667eea;text-decoration:none;font-size:.9em}.live-sonification .events-container .event-item .event-link:hover{text-decoration:underline}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.transitions-sandbox{width:100%;min-height:100vh;padding:40px 20px;transition:background .3s ease}.transitions-sandbox.netscape{background:linear-gradient(180deg,teal,#004d4d);font-family:Courier New,monospace}.transitions-sandbox.firefox{background:linear-gradient(135deg,#f5a623,#f76b1c,#e44d26);font-family:Trebuchet MS,Arial,sans-serif}.transitions-sandbox.win7{background:linear-gradient(180deg,#5791cf,#2f5f8f);font-family:Segoe UI,Arial,sans-serif}.transitions-sandbox.safari{background:linear-gradient(180deg,#e0e5eb,#c8cfd8);font-family:Lucida Grande,-apple-system,sans-serif}.transitions-sandbox.safari .sandbox-header,.transitions-sandbox.safari .demo-info{color:#333;text-shadow:0 1px 0 rgba(255,255,255,.8)}.transitions-sandbox.win10{background:linear-gradient(135deg,#0078d7,#0063b1);font-family:Segoe UI,Arial,sans-serif}.transitions-sandbox.yosemite{background:linear-gradient(135deg,#5fc3e4,#e55d87);font-family:Helvetica Neue,-apple-system,sans-serif}.transitions-sandbox.yosemite .sandbox-header,.transitions-sandbox.yosemite .demo-info{color:#333}.transitions-sandbox.glass{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-family:-apple-system,Inter,sans-serif}.transitions-sandbox .sandbox-header{text-align:center;margin-bottom:40px;color:#fff}.transitions-sandbox .sandbox-header h1{font-size:2.5em;margin:0 0 10px;font-weight:700}.transitions-sandbox .sandbox-header p{font-size:1.2em;margin:0;opacity:.9}.transitions-sandbox .era-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:50px;max-width:1000px;margin-left:auto;margin-right:auto}.transitions-sandbox .era-buttons .era-button{padding:12px 20px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer;border-radius:8px;font-family:inherit;transition:all .2s ease;min-width:130px}.transitions-sandbox .era-buttons .era-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.transitions-sandbox .era-buttons .era-button.active{background:#ffffff4d;border-color:#fffc;box-shadow:0 4px 12px #0003}.transitions-sandbox .era-buttons .era-button .era-name{font-size:1.1em;font-weight:700;margin-bottom:4px}.transitions-sandbox .era-buttons .era-button .era-years{font-size:.85em;opacity:.8}.safari.transitions-sandbox .transitions-sandbox .era-buttons .era-button{color:#333;border-color:#0003;background:#fff6}.safari.transitions-sandbox .transitions-sandbox .era-buttons .era-button:hover{background:#fff9;border-color:#0000004d}.safari.transitions-sandbox .transitions-sandbox .era-buttons .era-button.active{background:#fffc;border-color:#0006}.yosemite.transitions-sandbox .transitions-sandbox .era-buttons .era-button{color:#333;border-color:#0003;background:#ffffff4d}.yosemite.transitions-sandbox .transitions-sandbox .era-buttons .era-button:hover{background:#ffffff80;border-color:#0000004d}.yosemite.transitions-sandbox .transitions-sandbox .era-buttons .era-button.active{background:#ffffffb3;border-color:#0006}.transitions-sandbox .demo-area{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1400px;margin:0 auto}@media (max-width: 968px){.transitions-sandbox .demo-area{grid-template-columns:1fr}}.transitions-sandbox .demo-area .demo-info{color:#fff;background:#0003;padding:30px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transitions-sandbox .demo-area .demo-info h2{margin:0 0 20px;font-size:2em}.transitions-sandbox .demo-area .demo-info p{font-size:1.1em;line-height:1.6;margin:0 0 30px}.transitions-sandbox .demo-area .demo-info .technical-details h3{font-size:1.2em;margin:0 0 15px;opacity:.9}.transitions-sandbox .demo-area .demo-info .technical-details pre{background:#0000004d;padding:15px;border-radius:8px;overflow-x:auto;font-family:Monaco,Courier New,monospace;font-size:.9em;line-height:1.5}.transitions-sandbox .demo-area .demo-canvas{display:flex;align-items:center;justify-content:center;min-height:500px;background:#0000001a;border-radius:12px;position:relative;overflow:hidden}.transitions-sandbox .demo-area .demo-canvas .demo-item{width:300px;height:300px;background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 40px #0000004d;position:relative;background:linear-gradient(135deg,#fff,#f0f0f0)}.transitions-sandbox .demo-area .demo-canvas .demo-item .demo-content{text-align:center;color:#333}.transitions-sandbox .demo-area .demo-canvas .demo-item .demo-content .demo-label{font-size:2em;font-weight:700;margin-bottom:10px;color:#000}.transitions-sandbox .demo-area .demo-canvas .demo-item .demo-content .demo-sublabel{font-size:1.2em;opacity:.6}.transitions-sandbox .demo-area .demo-canvas .demo-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:3px;background:linear-gradient(135deg,#667eea80,#764ba280);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.transitions-sandbox.safari .demo-info,.transitions-sandbox.yosemite .demo-info{color:#333}.transitions-sandbox.safari .demo-info .technical-details pre,.transitions-sandbox.yosemite .demo-info .technical-details pre{background:#0000001a}@keyframes verticalScroll{0%{transform:translateY(0)}50%{transform:translateY(calc(-100% + 300px))}to{transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}