*,*: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}footer{margin-top:20px;display:flex;justify-content:center;width:100%}@media screen and ((min-width: 768px) or (min-height: 768px)){footer{position:fixed;bottom:32px}}footer div{padding:8px 0;background:rgba(var(--background),.7);text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px}body{font-family:Times New Roman,Times,serif;font-size:18px;margin:0;padding:0;background:#000}#main{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}#main.fullscreen{background:#000;height:100vh;width:100vw;overflow:hidden}.hidden{display:none!important}.experiment-description{padding:2rem;text-align:center;color:#fff;mix-blend-mode:difference;font-family:monospace}.experiment-description h1{font-size:2rem;margin:0}.experiment-description p{font-size:1.2rem;max-width:600px;margin:1rem auto}.experiment-description .progress-section{margin:1.5rem auto;max-width:800px}.experiment-description .progress-section .progress-text{font-size:1.1rem;margin-bottom:1rem;text-align:center}.experiment-description .progress-section .timeline-container{width:100%}.experiment-description .progress-section .timeline-container .timeline-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;opacity:.8}.experiment-description .progress-section .timeline-container .timeline-labels .timeline-label{font-family:Courier New,monospace;font-weight:700}.experiment-description .progress-section .timeline-container .timeline-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2);display:flex}.experiment-description .progress-section .timeline-container .timeline-bar .timeline-minute{flex:1;height:100%;transition:all .3s ease;min-width:1px}.experiment-description .progress-section .timeline-container .timeline-bar .timeline-minute.current{box-shadow:0 0 4px #fffc;transform:scaleY(1.5);z-index:1;position:relative}.experiment-description .progress-section .timeline-container .timeline-bar .timeline-minute:hover{transform:scaleY(1.3);z-index:2;position:relative}.experiment-description .scroll-to-now,.experiment-description .toggle-fullscreen{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;padding:0;margin-left:.5em;cursor:pointer;text-decoration:underline;mix-blend-mode:difference}.experiment-description .scroll-to-now:hover,.experiment-description .toggle-fullscreen:hover{opacity:.8}.color-picker-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;padding:2rem;border-radius:12px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #00000080;font-family:monospace;min-width:300px}.color-picker-container .close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;opacity:.6;transition:all .2s}.color-picker-container .close-button:hover{opacity:1;transform:scale(1.1)}.color-picker-container h2{color:#fff;margin:0;font-size:1.5rem}.color-picker-container .color-preview{width:200px;height:200px;border-radius:12px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.color-picker-container .color-preview::-webkit-color-swatch-wrapper{padding:0}.color-picker-container .color-preview::-webkit-color-swatch{border:none;border-radius:6px}.color-picker-container .color-preview:hover{transform:scale(1.02);border-color:#ffffff4d}.color-picker-container .randomize{background:#ffffff1a;border:none;color:#fff;width:48px;height:48px;padding:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;border-radius:6px;transition:all .2s}.color-picker-container .randomize:hover{background:#fff3;transform:scale(1.1)}.color-picker-container .add-color-button{background:var(--button-color);border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;cursor:pointer;border-radius:8px;position:relative;overflow:hidden;transition:all .3s;width:100%;font-family:inherit}.color-picker-container .add-color-button:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#ffffff1a,#fff3);opacity:0;transition:opacity .3s}.color-picker-container .add-color-button:hover{transform:translateY(-2px)}.color-picker-container .add-color-button:hover:before{opacity:1}.color-picker-container .add-color-button .button-text{position:relative;z-index:1;color:#fff;mix-blend-mode:difference;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:1px}.grid-container{flex:1;display:flex;min-height:0;background:#111}.grid-container.fullscreen{position:fixed;inset:0;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.all-minutes-grid{display:grid;gap:1px;width:100%;padding:1px;margin:0;align-self:stretch}.all-minutes-grid.fullscreen{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;gap:0!important;background:#000;z-index:9999}.all-minutes-grid.fullscreen .minute-box{margin:0;padding:0;border:none;outline:none;width:100%;height:100%}.all-minutes-grid.fullscreen .minute-box.empty{display:none}.all-minutes-grid.fullscreen .minute-box .time-label{font-size:.6rem;opacity:0;transition:opacity .2s}.all-minutes-grid.fullscreen .minute-box:hover .time-label{opacity:1}.all-minutes-grid.fullscreen .minute-box.current:before{border-width:2px}.all-minutes-grid.fullscreen .minute-box .color-grid{position:absolute;inset:0;width:100%;height:100%}.all-minutes-grid .minute-box{aspect-ratio:1;position:relative;transition:transform .2s;overflow:hidden}.all-minutes-grid .minute-box .color-grid{position:absolute;inset:0;display:flex}.all-minutes-grid .minute-box .color-grid.full .color-cell{width:100%;height:100%}.all-minutes-grid .minute-box .color-grid.vertical-bars{flex-direction:row}.all-minutes-grid .minute-box .color-grid.vertical-bars .color-cell{flex:1;height:100%}.all-minutes-grid .minute-box .color-grid.grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.all-minutes-grid .minute-box .color-grid.grid-2x3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.all-minutes-grid .minute-box .color-grid.grid-3-2-2{display:grid;grid-template-areas:"a b c" "d d e" "f g g";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.all-minutes-grid .minute-box .color-grid.grid-3-2-2 .color-cell:nth-child(1){grid-area:a}.all-minutes-grid .minute-box .color-grid.grid-3-2-2 .color-cell:nth-child(2){grid-area:b}.all-minutes-grid .minute-box .color-grid.grid-3-2-2 .color-cell:nth-child(3){grid-area:c}.all-minutes-grid .minute-box .color-grid.grid-3-2-2 .color-cell:nth-child(4){grid-area:d}.all-minutes-grid .minute-box .color-grid.grid-3-2-2 .color-cell:nth-child(5){grid-area:e}.all-minutes-grid .minute-box .color-grid.grid-3-2-2 .color-cell:nth-child(6){grid-area:f}.all-minutes-grid .minute-box .color-grid.grid-3-2-2 .color-cell:nth-child(7){grid-area:g}.all-minutes-grid .minute-box .color-grid.grid-3-3-2{display:grid;grid-template-areas:"a b c" "d e f" "g g h";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.all-minutes-grid .minute-box .color-grid.grid-3-3-2 .color-cell:nth-child(1){grid-area:a}.all-minutes-grid .minute-box .color-grid.grid-3-3-2 .color-cell:nth-child(2){grid-area:b}.all-minutes-grid .minute-box .color-grid.grid-3-3-2 .color-cell:nth-child(3){grid-area:c}.all-minutes-grid .minute-box .color-grid.grid-3-3-2 .color-cell:nth-child(4){grid-area:d}.all-minutes-grid .minute-box .color-grid.grid-3-3-2 .color-cell:nth-child(5){grid-area:e}.all-minutes-grid .minute-box .color-grid.grid-3-3-2 .color-cell:nth-child(6){grid-area:f}.all-minutes-grid .minute-box .color-grid.grid-3-3-2 .color-cell:nth-child(7){grid-area:g}.all-minutes-grid .minute-box .color-grid.grid-3-3-2 .color-cell:nth-child(8){grid-area:h}.all-minutes-grid .minute-box .color-grid.grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.all-minutes-grid .minute-box .color-grid .color-cell{width:100%;height:100%}.all-minutes-grid .minute-box.empty{background:#000;display:none}.all-minutes-grid .minute-box.current{z-index:1;cursor:pointer}.all-minutes-grid .minute-box.current:before{content:"";position:absolute;inset:0;border:4px solid currentColor;mix-blend-mode:difference;animation:pulseBorder 2s infinite;pointer-events:none;z-index:2}.all-minutes-grid .minute-box.current:hover{transform:scale(1.1)}.all-minutes-grid .minute-box.current .time-label{animation:blink 1.5s steps(1) infinite}.all-minutes-grid .minute-box .time-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:difference;color:#fff;text-align:center;pointer-events:none;font-family:Courier New,monospace;letter-spacing:-.5px;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.9rem;z-index:2}.all-minutes-grid .minute-box .time-label .seconds{font-size:1.2em;font-weight:700;letter-spacing:1px}.all-minutes-grid .minute-box .time-label .last-update{font-size:.8em;opacity:.8;font-style:italic}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseBorder{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:.4}}footer{position:fixed;padding:0 1rem .5rem;bottom:0;mix-blend-mode:difference;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem;z-index:10;font-family:monospace;display:flex;justify-content:space-between;align-items:center}footer a{color:#ff0}footer a:hover{text-decoration:dashed}