body{background:#000}.main{width:100%;height:100vh;overflow:hidden;position:relative;background:#000;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:101}.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}.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:99}.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;--glow-r: 102;--glow-g: 126;--glow-b: 234;--glow-opacity: 0;box-shadow:0 0 20px rgba(var(--glow-r),var(--glow-g),var(--glow-b),calc(.6 * var(--glow-opacity))),0 0 40px rgba(var(--glow-r),var(--glow-g),var(--glow-b),calc(.4 * var(--glow-opacity))),0 4px 15px #0003}.main .collage-item:hover{box-shadow:0 0 20px rgba(var(--glow-r),var(--glow-g),var(--glow-b),calc(.6 * var(--glow-opacity))),0 0 40px rgba(var(--glow-r),var(--glow-g),var(--glow-b),calc(.4 * var(--glow-opacity))),0 8px 25px #0000004d;z-index:10}.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:2000;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;bottom:0;left:0;right:0;height:80px;overflow:hidden;z-index:1000;pointer-events:none}.main .audio-bar .audio-bar-item{position:absolute;bottom:15px;display:flex;flex-direction:column;gap:0;width:250px;border-radius:5px;overflow:hidden;pointer-events:all;background:#f1f3f4}.main .audio-bar .audio-bar-item .audio-bar-info{background:#f1f3f4;padding:2px 16px;cursor:pointer}.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}.main .audio-bar .audio-bar-item audio{width:100%;height:24px}.main.netscape{animation:none;font-family:Courier New,monospace}.main.netscape .metadata-container,.main.netscape .current-date{font-family:Courier New,monospace}.main.firefox{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{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{animation:none;font-family:Lucida Grande,-apple-system,sans-serif}.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{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.yosemite{animation:none;font-family:Helvetica Neue,-apple-system,sans-serif}.main.yosemite .metadata-container,.main.yosemite .current-date{font-family:Helvetica Neue,-apple-system,sans-serif;color:#333}.main.glass{animation:none;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}}.metadata-container{position:fixed;padding:0 20px;top:10px;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:2em}.current-date{position:fixed;top:10px;left:-20px;width:100%;font-weight:700;z-index:1000;text-shadow:0 0 10px rgba(0,0,0,.5);text-align:center}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10000;transition:background .5s ease}.splash-screen .splash-window{min-width:600px;max-width:800px;box-shadow:0 10px 40px #00000080;transition:all .5s ease}.splash-screen .window-titlebar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;-webkit-user-select:none;user-select:none}.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}.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:1.1em;display:flex;flex-direction:column;justify-content:center}.splash-screen .description p{margin:5px 0}.splash-screen .date-picker-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.splash-screen .date-picker-container label{font-size:1em;font-weight:500}.splash-screen .date-picker-container .date-input{padding:8px 12px;font-size:1em;border-radius:4px;cursor:pointer}.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 .date-range-text{font-size:14px;margin-top:10px}.splash-screen.netscape{background:linear-gradient(180deg,teal,#004d4d);cursor:url(/netscape.cur),auto;color:#000}.splash-screen.netscape .splash-window{background:silver;border:2px solid black}.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;font-size:1em}.splash-screen.netscape .date-picker-container label,.splash-screen.netscape .date-input,.splash-screen.netscape .date-range-text{font-family:Times New Roman,serif;color:#000}.splash-screen.netscape .date-input{background:#fff;border:2px inset #808080}.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(/netscape.cur),auto;color:#333}.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,.splash-screen.firefox .date-picker-container label,.splash-screen.firefox .date-range-text{font-family:Trebuchet MS,Arial,sans-serif;color:#555}.splash-screen.firefox .date-input{background:#fff;border:1px solid #ddd;color:#333;font-family:Trebuchet MS,Arial,sans-serif;box-shadow:inset 0 1px 3px #0000001a}.splash-screen.firefox .date-input:focus{outline:none;border-color:#e66000;box-shadow:0 0 0 3px #e660001a}.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.win7{background:linear-gradient(180deg,#5791cf,#2f5f8f);cursor:url(/windows.cur),auto}.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,.splash-screen.win7 .date-picker-container label,.splash-screen.win7 .date-range-text{font-family:Segoe UI,Arial,sans-serif;color:#333}.splash-screen.win7 .date-input{background:#ffffffe6;border:1px solid rgba(140,180,220,.6);color:#000;font-family:Segoe UI,Arial,sans-serif}.splash-screen.win7 .date-input:focus{outline:none;border-color:#0078d7cc;box-shadow:0 0 0 3px #0078d733}.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.safari{background:linear-gradient(180deg,#e0e5eb,#c8cfd8);cursor:auto}.splash-screen.safari .splash-window{background:#ececec;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}.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 .date-picker-container label{font-family:Lucida Grande,-apple-system,sans-serif;color:#555;font-weight:600;text-shadow:0 1px 0 rgba(255,255,255,.5)}.splash-screen.safari .date-input{background:#fff;border:1px solid #b8b8b8;color:#333;font-family:Lucida Grande,-apple-system,sans-serif;border-radius:4px;box-shadow:inset 0 1px 2px #0000001a}.splash-screen.safari .date-input:focus{outline:none;border-color:#5ab7ef;box-shadow:0 0 0 3px #5ab7ef40,inset 0 1px 2px #0000001a}.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 .date-range-text{font-family:Lucida Grande,-apple-system,sans-serif;color:#555;text-shadow:0 1px 0 rgba(255,255,255,.5)}.splash-screen.win10{background:linear-gradient(135deg,#0078d7,#0063b1);cursor:auto}.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:10px}.splash-screen.win10 .control-btn.minimize{font-size:16px}.splash-screen.win10 .control-btn.maximize{font-size:14px}.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,.splash-screen.win10 .date-picker-container label,.splash-screen.win10 .date-range-text{font-family:Segoe UI,Arial,sans-serif;color:#5e5e5e;font-weight:400}.splash-screen.win10 .date-input{background:#fff;border:2px solid #d2d2d2;color:#1f1f1f;font-family:Segoe UI,Arial,sans-serif}.splash-screen.win10 .date-input:focus{outline:none;border-color:#0078d7}.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.yosemite{background:linear-gradient(135deg,#5fc3e4,#e55d87);cursor:auto}.splash-screen.yosemite .splash-window{background:#fffffff2;border-radius:6px;overflow:hidden;box-shadow:0 8px 40px #00000040;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.splash-screen.yosemite .window-titlebar{background:#ecececfa;color:#464646;padding:11px 12px;border-bottom:1px solid rgba(0,0,0,.08)}.splash-screen.yosemite .window-title{font-family:Helvetica Neue,-apple-system,sans-serif;font-size:13px;font-weight:500;text-align:center;letter-spacing:.2px}.splash-screen.yosemite .window-controls{position:absolute;left:8px;top:11px;display:flex;gap:8px}.splash-screen.yosemite .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.yosemite .control-btn.minimize{background:#fdbc40;border-color:#00000026}.splash-screen.yosemite .control-btn.maximize{background:#34c749;border-color:#00000026}.splash-screen.yosemite .control-btn:hover{filter:brightness(1.1)}.splash-screen.yosemite .window-content{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.splash-screen.yosemite .app-title{font-family:Helvetica Neue,-apple-system,sans-serif;color:#333;font-weight:200;letter-spacing:-.5px}.splash-screen.yosemite .description{font-family:Helvetica Neue,-apple-system,sans-serif;color:#555;font-weight:300;font-size:1em}.splash-screen.yosemite .date-picker-container label,.splash-screen.yosemite .date-range-text{font-family:Helvetica Neue,-apple-system,sans-serif;color:#555}.splash-screen.yosemite .date-picker-container label{font-weight:400}.splash-screen.yosemite .date-input{background:#fff;border:1px solid rgba(0,0,0,.15);color:#333;font-family:Helvetica Neue,-apple-system,sans-serif;border-radius:4px}.splash-screen.yosemite .date-input:focus{outline:none;border-color:#5ab7ef;box-shadow:0 0 0 3px #5ab7ef4d}.splash-screen.yosemite .start-button{background:linear-gradient(180deg,#5eb2f7,#3d9ef5);border:1px solid rgba(0,0,0,.15);color:#fff;border-radius:6px;font-family:Helvetica Neue,-apple-system,sans-serif;font-weight:400;text-shadow:0 1px 1px rgba(0,0,0,.1)}.splash-screen.yosemite .start-button:hover{background:linear-gradient(180deg,#6ebdff,#4da5f6)}.splash-screen.yosemite .start-button:active{background:linear-gradient(180deg,#3d9ef5,#2e8ee5);transform:translateY(1px)}.splash-screen.glass{background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:auto}.splash-screen.glass .splash-window{background:#ffffff1a;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);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);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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:12px;height:12px;border-radius:50%;font-size:14px}.splash-screen.glass .control-btn:hover{background:#fff3}.splash-screen.glass .window-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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,.splash-screen.glass .date-picker-container label,.splash-screen.glass .date-range-text{font-family:-apple-system,Inter,sans-serif;color:#ffffffe6}.splash-screen.glass .description{font-weight:400}.splash-screen.glass .date-picker-container label{font-weight:500}.splash-screen.glass .date-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:-apple-system,Inter,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.splash-screen.glass .date-input:focus{outline:none;border-color:#fff6;background:#ffffff26}.splash-screen.glass .date-input::placeholder{color:#ffffff80}.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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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}.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}*,*: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}.app{min-height:100vh}