*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.m-5px{margin:5px}.m-t-0{margin-top:0}.h-100vh{height:100vh}.h2{height:.5rem}.w-10{width:2.5rem}.w-100vw{width:100vw}.flex{display:flex}.table{display:table}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.justify-center{justify-content:center}.px{padding-left:1rem;padding-right:1rem}.text-center{text-align:center}.font-size-12px{font-size:12px}.c-gray{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-1{margin:1px}:root{--cosmic-deep-black: #0a0a0f;--cosmic-dark-blue: #1a1a2e;--cosmic-medium-blue: #16213e;--cosmic-accent-blue: #0f3460;--star-white: #ffffff;--star-blue: #a8c8ff;--star-yellow: #fff4a3;--star-red: #ffb3a3;--glow-radius-small: 4px;--glow-radius-medium: 8px;--glow-radius-large: 16px;--twinkle-slow: 8s;--twinkle-medium: 6s;--twinkle-fast: 4s;--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--primary-celestial: #64ffda;--primary-celestial-rgb: 100, 255, 218;--z-background: 1;--z-stars: 2;--z-constellations: 3;--z-comet: 4;--z-ui: 10}.star-field{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-stars);pointer-events:none;overflow:hidden}.star{position:absolute;border-radius:50%;background:var(--star-white);box-shadow:0 0 var(--glow-radius-small) currentColor}.star:before,.star:after{content:"";position:absolute;background:currentColor;border-radius:50%;opacity:.3}.star:before{width:100%;height:20%;top:40%;left:0;box-shadow:0 0 calc(var(--glow-radius-small) * .3) currentColor}.star:after{width:20%;height:100%;top:0;left:40%;box-shadow:0 0 calc(var(--glow-radius-small) * .3) currentColor}.star--small{width:1px;height:1px}.star--medium{width:2px;height:2px;box-shadow:0 0 var(--glow-radius-medium) currentColor}.star--medium:before,.star--medium:after{box-shadow:0 0 calc(var(--glow-radius-medium) * .4) currentColor}.star--large{width:3px;height:3px;box-shadow:0 0 var(--glow-radius-large) currentColor}.star--large:before,.star--large:after{box-shadow:0 0 calc(var(--glow-radius-large) * .5) currentColor}.star--blue{background:var(--star-blue);color:var(--star-blue)}.star--yellow{background:var(--star-yellow);color:var(--star-yellow)}.star--red{background:var(--star-red);color:var(--star-red)}.star--twinkle-slow{animation:twinkle-slow-finite var(--twinkle-slow) var(--ease-in-out-quart);animation-iteration-count:var(--twinkle-iterations, 3);animation-fill-mode:forwards;will-change:opacity,transform}.star--twinkle-medium{animation:twinkle-medium-finite var(--twinkle-medium) var(--ease-in-out-quart);animation-iteration-count:var(--twinkle-iterations, 4);animation-fill-mode:forwards;will-change:opacity,transform}.star--twinkle-fast{animation:twinkle-fast-finite var(--twinkle-fast) var(--ease-in-out-quart);animation-iteration-count:var(--twinkle-iterations, 5);animation-fill-mode:forwards;will-change:opacity,transform}.star--disappearing{animation:star-fade-out 3s ease-in forwards}.star--appearing{animation:star-appear 2s ease-out forwards}.constellation{position:relative;z-index:var(--z-constellations);cursor:pointer}.constellation-star{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff 0%,var(--constellation-color) 40%,#1a1a2e 100%);box-shadow:0 0 15px var(--constellation-color),0 0 30px var(--constellation-color),0 0 45px rgba(var(--constellation-color-rgb, var(--primary-celestial-rgb)),.4);transform:translate(-50%,-50%);transition:transform .3s var(--ease-in-out-quart),filter .3s var(--ease-in-out-quart);z-index:var(--z-constellations);cursor:pointer;will-change:transform,filter}.constellation-star--large{width:12px;height:12px}.constellation-star--birth{filter:brightness(1.1)}.constellation-star--death{filter:brightness(.9);box-shadow:0 0 12px var(--constellation-color),0 0 24px var(--constellation-color),0 0 36px rgba(var(--constellation-color-rgb),.3)}.constellation-star:hover{filter:brightness(1.4);transform:translate(-50%,-50%) scale(1.15)}.constellation-star--active{animation:constellation-pulse 2s var(--ease-in-out-quart) infinite}.constellation-lifeline{transition:all .3s ease-in-out;position:relative}.constellation-lifeline:after{content:"";position:absolute;left:50%;top:0%;width:6px;height:6px;border-radius:50%;background:var(--constellation-color);box-shadow:0 0 10px var(--constellation-color),0 0 20px var(--constellation-color),0 0 30px rgba(var(--constellation-color-rgb, 255, 255, 255),.8);transform:translate(-50%,-50%);animation:lifeline-light-flow 4s ease-in-out infinite;animation-delay:var(--lifeline-delay, 0s);z-index:2}.constellation-lifeline--active{filter:brightness(1.3);box-shadow:0 0 10px var(--constellation-color)}.constellation-label{font-family:Courier New,monospace;-webkit-user-select:none;user-select:none}.constellation-label--active{animation:label-glow 2s ease-in-out infinite}.timeline-spine{box-shadow:0 0 20px #64ffda4d}.timeline-gap{transition:opacity .3s ease-in-out;border-radius:2px}.timeline-gap:hover{opacity:.5!important}.year-label{color:#64ffda;text-shadow:0 0 10px rgba(100,255,218,.5);font-family:Courier New,monospace;font-size:12px;pointer-events:none;z-index:var(--z-ui)}.year-label--milestone{font-size:14px;font-weight:700;text-shadow:0 0 15px rgba(100,255,218,.8)}.comet-head{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#64ffda 40%,#1a1a2e);box-shadow:0 0 20px #64ffda,0 0 40px #64ffda,0 0 60px #64ffda4d;z-index:var(--z-comet);transform:translate(-50%);position:relative}.comet-head.comet-moving:before,.comet-head.comet-moving:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#64ffda 0%,rgba(100,255,218,.4) 40%,transparent 70%);pointer-events:none;z-index:-1;animation:comet-ghost-fade .8s ease-out forwards}.comet-head.comet-moving:before{width:10px;height:10px;top:1px;left:1px;box-shadow:0 0 15px #64ffda4d;animation-delay:.1s}.comet-head.comet-moving:after{width:8px;height:8px;top:2px;left:2px;box-shadow:0 0 10px #64ffda33;animation-delay:.2s}.celestial-timeline{background:transparent}.celestial-timeline-container{background:transparent;min-height:100vh}.placeholder-line{transition:opacity .3s ease-in-out}.placeholder-line:hover{opacity:.6!important}@keyframes twinkle-slow-finite{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}@keyframes twinkle-medium-finite{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes twinkle-fast-finite{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes star-fade-out{0%{opacity:var(--target-opacity, .8);transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes star-appear{0%{opacity:0;transform:scale(0)}to{opacity:var(--target-opacity, .8);transform:scale(1)}}@keyframes star-disappear{0%{opacity:var(--target-opacity, .8);transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes constellation-pulse{0%,to{transform:scale(1.3);filter:brightness(1.6) drop-shadow(0 0 25px var(--constellation-color))}50%{transform:scale(1.35);filter:brightness(1.8) drop-shadow(0 0 35px var(--constellation-color))}}@keyframes label-glow{0%,to{text-shadow:0 0 8px var(--constellation-color)}50%{text-shadow:0 0 16px var(--constellation-color)}}@keyframes comet-ghost-fade{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes lifeline-light-flow{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.celestial-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-background);background:radial-gradient(ellipse at 20% 50%,var(--cosmic-accent-blue) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,var(--cosmic-medium-blue) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,var(--cosmic-dark-blue) 0%,transparent 50%),linear-gradient(to bottom,var(--cosmic-deep-black) 0%,var(--cosmic-dark-blue) 100%)}body{margin:0;background:radial-gradient(ellipse at 20% 50%,#0f3460 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,#16213e 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,#1a1a2e 0%,transparent 50%),linear-gradient(to bottom,#0a0a0f,#1a1a2e);background-attachment:fixed;background-size:100% 100%;min-height:100vh;color:#e8f4fd}.gallery{display:flex;height:100vh}table{border-collapse:collapse}.timeline{flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;scrollbar-width:none}.sticky{position:fixed;top:0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#64ffda;margin:0;border:1rem solid rgba(10,10,15,.9)}td{text-align:center;min-width:10px;height:10px;border:none}.inactive{background-color:#d3d3d3}.left{background-color:#0ff}.right{background-color:orange}.highlight{background-color:red}.intro{flex:3;padding:20px;overflow-y:auto;overflow:hidden;display:flex;flex-direction:column;color:#e8f4fd}.intro h1{color:#64ffda;text-shadow:0 0 10px rgba(100,255,218,.3)}.intro h2{color:#a8c8ff;text-shadow:0 0 8px rgba(168,200,255,.2)}.intro a{color:#64ffda;text-decoration:none;transition:all .3s ease}.intro a:hover{color:#fff;text-shadow:0 0 12px rgba(100,255,218,.5)}.text-detail-container{flex:10;border-radius:20px;padding:1.5rem;overflow-y:scroll;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;color:#f0f8ff;white-space:pre-wrap;line-height:1.7;font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.3);scrollbar-width:thin;scrollbar-color:rgba(100,255,218,.3) rgba(255,255,255,.1)}.text-detail-container::-webkit-scrollbar{width:8px}.text-detail-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.text-detail-container::-webkit-scrollbar-thumb{background:#64ffda4d;border-radius:4px;transition:background .3s ease}.text-detail-container::-webkit-scrollbar-thumb:hover{background:#64ffda80}.photo{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px;overflow:hidden;color:#e8f4fd}.photo h2{color:#a8c8ff;text-shadow:0 0 8px rgba(168,200,255,.2)}.photo a{color:#64ffda;text-decoration:none;transition:all .3s ease}.photo a:hover{color:#fff;text-shadow:0 0 10px rgba(100,255,218,.4)}.people-counter{margin:1rem 0;font-size:16px;color:#b8d4f1}.people-counter a{color:#64ffda;text-decoration:none;transition:all .3s ease}.people-counter a:hover{color:#fff;text-shadow:0 0 8px rgba(100,255,218,.4)}.other-people{flex:1;font-size:14px;overflow-y:scroll;max-height:15vh;text-align:left;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;margin-top:1rem;scrollbar-width:thin;scrollbar-color:rgba(100,255,218,.3) rgba(255,255,255,.1)}.other-people::-webkit-scrollbar{width:6px}.other-people::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.other-people::-webkit-scrollbar-thumb{background:#64ffda4d;border-radius:3px}.other-people::-webkit-scrollbar-thumb:hover{background:#64ffda80}.photo img{max-width:100%;max-height:60vh;object-fit:contain;background-color:#fff;border:8px solid #333;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;border-radius:10px;flex:5}.transition{animation:opacity .5s ease-in-out}.switching{opacity:0}.align-items-center{align-items:center}.loading-spin{width:80px;height:80px;display:inline-block;position:relative;border:2px solid #64ffda;box-sizing:border-box;animation:rotation 2s linear infinite}.loading-spin:after,.loading-spin:before{content:"";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:2px solid rgba(100,255,218,.3);width:60px;height:60px;animation:rotationBack 1.5s linear infinite;transform-origin:center center}.loading-spin:before{width:40px;height:40px;border-color:#fff;box-sizing:border-box;animation:rotation 1.2s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.preview-next{margin-top:auto;padding:1rem;border-radius:12px;background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(100,255,218,.1);text-align:center}.preview-next h1{color:#64ffda!important;opacity:.7;font-size:1.2em;text-shadow:0 0 8px rgba(100,255,218,.2)}.c-gray{color:#a0b4c7!important}.font-size-12px{color:#b8d4f1;font-style:italic}.warnings-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.warning-notification{background-color:#ff9800;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:300px;font-size:14px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}