*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#fff;background-color:#0a0a0a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5}video{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}video::-webkit-media-controls{-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;width:0!important;height:0!important;display:none!important}video::-webkit-media-controls-enclosure{opacity:0!important;display:none!important}video::-webkit-media-controls-panel{opacity:0!important;display:none!important}video::-webkit-media-controls-picture-in-picture-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important;position:absolute!important;left:-9999px!important}video::-webkit-media-controls-overlay-enclosure{display:none!important}video::-webkit-media-controls-overlay-play-button{display:none!important}video::-internal-media-controls-overlay-cast-button{display:none!important}video::--webkit-media-controls-pip-button{display:none!important}video::-moz-media-controls{display:none!important}video::-ms-media-controls{display:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}::selection{color:#fff;background:#8b5cf666}.app{color:#fff;background-color:#0a0a0a;min-height:100vh}.container{max-width:1000px;margin:0 auto;padding:0 12px}@media (min-width:768px){.container{padding:0 20px}}@media (min-width:1200px){.container{padding:0 40px}}@media (min-width:1600px){.container{padding:0 60px}}.header{z-index:100;background:linear-gradient(#0a0a0af2 0%,#0a0a0a00 100%);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}@media (min-width:768px){.header{padding:20px 60px}}.header__nav{align-items:center;gap:8px;display:flex}.header__nav-btn{color:#666;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex}.header__nav-btn svg{width:22px;height:22px}.header__nav-btn:hover{color:#fff;background:#ffffff1a}.header__nav-btn--active{color:#a78bfa;background:linear-gradient(135deg,#8b5cf64d 0%,#ec489933 100%);border:1px solid #8b5cf64d}.header__nav-btn--active:hover{color:#a78bfa}.logo{align-items:center;gap:12px;text-decoration:none;display:flex}.logo__icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:900;display:flex;box-shadow:0 4px 20px #8b5cf666}.logo__text{flex-direction:column;display:flex}.logo__name{color:#fff;font-size:18px;font-weight:700}.logo__sub{text-transform:uppercase;letter-spacing:.2em;color:#fff6;font-size:10px}.main{padding-top:100px;padding-bottom:80px}.gallery{display:none}@media (min-width:768px){.gallery{flex-direction:column;gap:60px;display:flex}}.section{flex-direction:column;gap:20px;display:flex}.section__title{color:#fff;background:linear-gradient(90deg,#a78bfa 0%,#ec4899 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #8b5cf64d;margin:0;padding-bottom:12px;font-size:28px;font-weight:700}.section__grid{flex-direction:column;gap:20px;display:flex}.carousel{flex-direction:column;gap:16px;width:100%;max-width:100%;display:flex}.carousel__content{aspect-ratio:16/9;width:100%}.carousel .card{width:100%;height:100%}.carousel__info{flex-direction:column;gap:8px;padding:0 4px;display:flex}.carousel__tool-tag{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:8px;align-self:flex-start;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.carousel__description{color:#ffffffd9;margin:0;font-size:14px;line-height:1.5}.carousel__read-more{color:#a78bfa;cursor:pointer;margin-top:4px;font-size:13px;transition:color .2s;display:inline}.carousel__read-more:active{color:#8b5cf6}.carousel__story{color:#ffffffbf;background:#0000004d;border-left:2px solid #8b5cf680;border-radius:4px;margin-top:12px;padding:12px;font-size:13px;line-height:1.6;animation:.2s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.carousel__controls{background:#00000080;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.carousel__counter{text-align:center;color:#fff;flex:1;font-size:16px;font-weight:600}.carousel__btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:28px;font-weight:300;line-height:1;transition:all .2s;display:flex}.carousel__btn:active{background:#fff3;transform:scale(.9)}@media (min-width:768px){.carousel{display:none}}.gallery__story{background:linear-gradient(135deg,#8b5cf61a 0%,#ec48990d 100%);border:1px solid #8b5cf633;border-radius:16px;grid-column:1/-1;margin-top:-8px;padding:32px;animation:.3s ease-out slideDown}.gallery__story h3{color:#a78bfa;margin:0 0 16px;font-size:20px;font-weight:700}.gallery__story p{color:#ffffffd9;margin:0;font-size:15px;line-height:1.8}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.card{cursor:pointer;aspect-ratio:16/9;background-color:#1a1a1a;border-radius:16px;position:relative;overflow:hidden}.card--expanded{transition:all .3s;transform:scale(1.02);box-shadow:0 8px 32px #8b5cf64d}.card__video{-o-object-fit:cover;object-fit:cover;pointer-events:none;will-change:transform;width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0}@media (max-width:767px){.card__video{transition:none}.card:hover .card__video{transform:none}}@media (min-width:768px){.card:hover .card__video{transform:scale(1.05)}}.card__video::-webkit-media-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-enclosure{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-panel{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-play-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-start-playback-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-overlay-play-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-current-time-display{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-time-remaining-display{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-timeline{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-volume-slider{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-mute-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-fullscreen-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-picture-in-picture-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-toggle-closed-captions-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-webkit-media-controls-overflow-button{opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important;width:0!important;height:0!important;display:none!important}.card__video::-moz-media-controls{display:none!important}.card__overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#00000080 60%,#000000e6 100%);position:absolute;inset:0}@media (min-width:768px){.card__overlay{transition:opacity .4s}}.card__overlay--visible{opacity:1}.card__info{opacity:0;pointer-events:none;z-index:10;padding:20px;position:absolute;bottom:0;left:0;right:0}@media (min-width:768px){.card__info{transition:all .4s;transform:translateY(10px)}.card__info--visible{transform:translateY(0)}}.card__info--visible{opacity:1}@media (min-width:768px){.card__info{transition:all .4s;transform:translateY(10px)}.card__info--visible{transform:translateY(0)}}.card__title{color:#fff;margin:0 0 10px;font-size:18px;font-weight:700}.card__overview{color:#ffffffd9;margin:8px 0 0;font-size:14px;line-height:1.5}@media (min-width:768px){.card__title{font-size:22px}}.card__tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card__tag{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:8px;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}@media (min-width:768px){.card__tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.card:after{content:"";pointer-events:none;z-index:5;border:2px solid #fff0;border-radius:16px;transition:border-color .4s;position:absolute;inset:0}.card:hover:after{border-color:#8b5cf666}.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;padding:8px 0 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__btn{color:#666;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;transition:color .2s;display:flex}.bottom-nav__btn svg{width:24px;height:24px}.bottom-nav__btn span{font-size:10px;font-weight:500}.bottom-nav__btn--active{color:#a78bfa}.bottom-nav__btn:active{transform:scale(.95)}@media (min-width:768px){.bottom-nav{display:none}}.timeline-link{color:#a78bfa;background:linear-gradient(135deg,#8b5cf626 0%,#ec48991a 100%);border:1px solid #8b5cf64d;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.timeline-link svg{width:20px;height:20px}.timeline-link:hover{background:linear-gradient(135deg,#8b5cf640 0%,#ec489926 100%);border-color:#8b5cf680}.timeline-link--about{margin-top:0}.placeholder-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:60px 40px;display:flex}.placeholder-section__icon{color:#fff3;width:80px;height:80px;margin-bottom:24px}.placeholder-section__icon svg{width:100%;height:100%}.placeholder-section__title{color:#fff9;margin:0 0 12px;font-size:24px;font-weight:700}.placeholder-section__description{color:#fff6;max-width:400px;margin:0;font-size:14px;line-height:1.6}.about-section{text-align:center;padding:40px 0}.about-section__title{background:linear-gradient(90deg,#a78bfa 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:32px;font-weight:700}.about-section__text{color:#fffc;margin:0 0 40px;font-size:16px;line-height:1.8}.about-section__text p{margin:0 0 16px}.about-section__text p:last-child{margin-bottom:0}.about-section__links-title{background:linear-gradient(90deg,#a78bfa 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:32px;font-weight:700}.about-section__links{flex-direction:column;gap:12px;display:flex}@media (min-width:600px){.about-section__links{flex-direction:row;justify-content:center;gap:12px}}.footer{text-align:center;border-top:1px solid #ffffff0d;padding:40px}.footer p{color:#ffffff4d;margin:0;font-size:14px}@media (max-width:767px){.main{padding-bottom:100px}}.masonry{-moz-column-count:2;column-count:2;-moz-column-gap:12px;column-gap:12px;padding:20px 0}@media (min-width:600px){.masonry{-moz-column-count:2;column-count:2;-moz-column-gap:24px;column-gap:24px}}@media (min-width:900px){.masonry{-moz-column-count:2;column-count:2}}@media (min-width:1200px){.masonry{-moz-column-count:3;column-count:3}}.masonry__item{-moz-column-break-inside:avoid;break-inside:avoid;cursor:pointer;background:#1a1a1a;border-radius:8px;margin-bottom:12px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}@media (min-width:600px){.masonry__item{margin-bottom:16px}}.masonry__item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.masonry__item img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.masonry__gif-badge{color:#fff;letter-spacing:.5px;pointer-events:none;background:#000000b3;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.mods-masonry{-moz-column-count:1;column-count:1;-moz-column-gap:20px;column-gap:20px;padding:20px 0}@media (min-width:600px){.mods-masonry{-moz-column-count:2;column-count:2;-moz-column-gap:24px;column-gap:24px}}@media (min-width:1200px){.mods-masonry{-moz-column-count:3;column-count:3}}.mod-card{-moz-column-break-inside:avoid;break-inside:avoid;background:0 0;margin-bottom:20px}@media (min-width:600px){.mod-card{margin-bottom:24px}}.mod-card__image{background:#1a1a1a;border-radius:8px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.mod-card__image:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.mod-card__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.mod-card__content{padding:12px 4px}.mod-card__title{color:#fff;margin:0 0 8px;font-size:16px;font-weight:700}.mod-card__overview{color:#ffffffb3;margin:0 0 10px;font-size:13px;line-height:1.6}.mod-card__link{color:#a78bfa;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.mod-card__link:hover{color:#c4b5fd}.timeline-page{color:#fff;background:#0a0a0a;min-height:100vh;overflow-x:hidden}.timeline-header{text-align:center;padding:24px 32px;position:relative}.timeline-back{color:#888;font-size:14px;text-decoration:none;transition:color .3s;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.timeline-back:hover{color:#fff}.timeline-header h1{background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:700}.timeline-subtitle{color:#666;margin-top:8px;font-size:14px}.timeline-legend{flex-wrap:wrap;justify-content:center;gap:24px;padding:16px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.timeline-container{cursor:grab;-webkit-overflow-scrolling:touch;width:100%;padding:40px 0;overflow:auto hidden}.timeline-container::-webkit-scrollbar{height:8px}.timeline-container::-webkit-scrollbar-track{background:#1a1a1a}.timeline-container::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.timeline-container::-webkit-scrollbar-thumb:hover{background:#444}.timeline-track{align-items:center;gap:20px;min-width:fit-content;padding:150px 100px;display:flex;position:relative}.timeline-line{background:linear-gradient(90deg,#0000 0%,#ef4444 5% 15%,#f59e0b 25% 35%,#fff 45% 55%,#478cbf 65% 85%,#10b981 95%,#0000 100%);border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-item{cursor:pointer;flex-direction:column;align-items:center;min-width:160px;transition:transform .3s;display:flex;position:relative}.timeline-item:hover,.timeline-item--selected{transform:scale(1.05)}.timeline-item__dot{background:var(--item-color);width:20px;height:20px;box-shadow:0 0 0 2px var(--item-color), 0 0 20px var(--item-color);z-index:2;border:4px solid #0a0a0a;border-radius:50%;transition:transform .3s,box-shadow .3s}.timeline-item:hover .timeline-item__dot{box-shadow:0 0 0 3px var(--item-color), 0 0 30px var(--item-color);transform:scale(1.3)}.timeline-item__year{color:var(--item-color);white-space:nowrap;border:1px solid var(--item-color);background:#000c;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute}.timeline-item__card{-webkit-user-select:none;user-select:none;background:#151515;border:1px solid #2a2a2a;border-radius:8px;width:160px;padding:12px;transition:all .3s;position:absolute}.timeline-item:hover .timeline-item__card{border-color:var(--item-color);box-shadow:0 4px 20px #00000080}.timeline-item--selected .timeline-item__card{border-color:var(--item-color);background:#1a1a1a}.timeline-item__card h3{color:#fff;margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3}.timeline-item__card p{color:#888;margin:0;font-size:11px;line-height:1.4}.timeline-item__card--top{bottom:calc(50% + 40px)}.timeline-item__card--bottom{top:calc(50% + 40px)}:is(.timeline-item__card--top~.timeline-item__year,.timeline-item:has(.timeline-item__card--top) .timeline-item__year){top:calc(50% + 20px)}:is(.timeline-item__card--bottom~.timeline-item__year,.timeline-item:has(.timeline-item__card--bottom) .timeline-item__year){bottom:calc(50% + 20px)}.timeline-item--era .timeline-item__dot{width:28px;height:28px}.timeline-item--era .timeline-item__card{width:180px}.timeline-item--era .timeline-item__card h3{font-size:14px}.timeline-item--milestone .timeline-item__dot{border-radius:4px;transform:rotate(45deg)}.timeline-item--milestone:hover .timeline-item__dot{transform:rotate(45deg)scale(1.3)}.timeline-detail{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.timeline-detail__content{background:#151515;border:1px solid #2a2a2a;border-radius:16px;width:fit-content;min-width:500px;max-width:min(95vw,1200px);height:541px;max-height:541px;padding:32px;animation:.3s slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-detail__close{color:#888;cursor:pointer;background:#2a2a2a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.timeline-detail__close:hover{color:#fff;background:#3a3a3a}.timeline-detail__year{text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.timeline-detail__content h2{color:#fff;margin:8px 0 12px;font-size:20px;font-weight:700}.timeline-detail__desc{color:#888;border-bottom:1px solid #2a2a2a;margin:0 0 16px;padding-bottom:16px;font-size:14px}.timeline-detail__story{color:#ccc;font-size:15px;line-height:1.7}.timeline-detail__video{background:#000;border-radius:8px;width:500px;height:auto;margin-bottom:16px;margin-left:auto;margin-right:auto;display:block}.timeline-detail__embed{border:1px solid #2a2a2a;border-radius:8px;margin-bottom:20px;overflow:hidden}.timeline-detail__embed iframe{border:none;display:block}.timeline-detail__link{color:#fff;background:linear-gradient(135deg,#333 0%,#1a1a1a 100%);border:1px solid #444;border-radius:8px;margin-top:20px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.timeline-detail__link:hover{background:linear-gradient(135deg,#444 0%,#2a2a2a 100%);transform:translate(4px)}.timeline-vertical{padding:20px 16px 40px;display:none}@media (max-width:768px){.timeline-vertical{display:block}.timeline-container{display:none}}.timeline-vertical__item{cursor:pointer;padding-bottom:24px;padding-left:32px;position:relative}.timeline-vertical__item:last-child{padding-bottom:0}.timeline-vertical__line{background:linear-gradient(to bottom, var(--item-color) 0%, var(--item-color) 100%);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-vertical__item:last-child .timeline-vertical__line{height:16px}.timeline-vertical__dot{background:var(--item-color);width:16px;height:16px;box-shadow:0 0 0 2px var(--item-color);z-index:2;border:3px solid #0a0a0a;border-radius:50%;position:absolute;top:4px;left:0}.timeline-vertical__item--era .timeline-vertical__dot{width:20px;height:20px;left:-2px}.timeline-vertical__item--milestone .timeline-vertical__dot{border-radius:3px;transform:rotate(45deg)}.timeline-vertical__content{background:#151515;border:1px solid #2a2a2a;border-radius:12px;padding:14px 16px;transition:all .2s}.timeline-vertical__item:active .timeline-vertical__content{border-color:var(--item-color);background:#1a1a1a}.timeline-vertical__year{color:var(--item-color);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.timeline-vertical__content h3{color:#fff;margin:4px 0 6px;font-size:15px;font-weight:600}.timeline-vertical__content p{color:#888;margin:0;font-size:13px;line-height:1.4}.timeline-detail--mobile{background:#0a0a0a;align-items:flex-start;padding:0}.timeline-detail--mobile .timeline-detail__content{border-radius:0;flex-direction:column;width:100%;min-width:100%;max-width:100%;height:100vh;max-height:100vh;padding:0;animation:.25s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.timeline-detail--mobile .timeline-detail__close{z-index:10;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:12px;left:12px;right:auto}.timeline-detail--mobile .timeline-detail__close svg{width:20px;height:20px}.timeline-detail--mobile .timeline-detail__video{aspect-ratio:16/9;border-radius:0;flex-shrink:0;width:100%;height:auto;margin:0}.timeline-detail--mobile .timeline-detail__embed{border:none;border-radius:0;flex-shrink:0;margin:0}.timeline-detail--mobile .timeline-detail__embed iframe{aspect-ratio:16/9;height:auto}.timeline-detail--mobile .timeline-detail__info{background:#0a0a0a;flex:1;padding:20px 16px;overflow-y:auto}.timeline-detail--mobile .timeline-detail__info--no-media{padding-top:56px}.timeline-detail--mobile .timeline-detail__year{font-size:12px}.timeline-detail--mobile .timeline-detail__content h2{margin:6px 0 10px;padding-right:0;font-size:18px}.timeline-detail--mobile .timeline-detail__desc{margin-bottom:12px;padding-bottom:12px;font-size:13px}.timeline-detail--mobile .timeline-detail__story{font-size:14px;line-height:1.6}@media (max-width:768px){.timeline-header{padding:16px}.timeline-back{text-align:left;margin-bottom:12px;display:block;position:relative;left:0;transform:none}.timeline-header h1{font-size:24px}.timeline-legend{gap:8px 16px;padding:12px 16px}.legend-item{font-size:10px}}.timeline-container:after{content:"← Drag to scroll →";color:#444;pointer-events:none;font-size:12px;animation:2s ease-in-out infinite pulse;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:768px){.timeline-container:after{display:none}}.graph-page{color:#e0e0e0;background:#080808;flex-direction:column;min-height:100vh;display:flex}.graph-header{text-align:center;z-index:10;background:linear-gradient(#0a0a0a 0%,#0000 100%);padding:1.25rem 2rem;position:relative}.graph-back{color:#666;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.graph-back:hover{color:#fff;background:#ffffff0d}.graph-header h1{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.graph-hint{color:#555;margin:.25rem 0 0;font-size:.8rem}.graph-container{background:radial-gradient(circle,#6366f108 0%,#0000 50%),radial-gradient(circle at 20% 80%,#10b98105 0%,#0000 40%),#080808;flex:1;position:relative;overflow:hidden}.graph-container svg{cursor:grab;display:block}.graph-container svg:active{cursor:grabbing}.graph-link{stroke-linecap:round;opacity:.6;transition:stroke-width .2s,opacity .2s}.graph-link--same{stroke:#8b5cf6;stroke-width:2px}.graph-link--branch{stroke:#6366f1;stroke-width:2px;stroke-dasharray:6 4}.graph-link--evolution{stroke:#10b981;stroke-width:3px}.graph-link-label{pointer-events:none;opacity:.7;transition:opacity .2s}.link-label-bg{transition:all .2s}.link-label-text{fill:#e0e0e0;text-shadow:0 1px 2px #000c;font-size:9px;font-weight:500}.graph-node{cursor:pointer;transition:opacity .2s}.node-outer-glow,.node-main,.node-inner{transition:all .2s}.node-title{fill:#e0e0e0;pointer-events:none;text-shadow:0 1px 3px #000c;font-size:9px;font-weight:500}.node-year{fill:#666;pointer-events:none;font-size:9px}.graph-legend{background:linear-gradient(#0000 0%,#0a0a0a 100%);justify-content:center;gap:3rem;padding:1rem 2rem;display:flex}.legend-group{align-items:center;gap:1rem;display:flex}.legend-label{text-transform:uppercase;letter-spacing:1px;color:#444;margin-right:.5rem;font-size:.7rem}.legend-item{color:#777;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.legend-circle{border-radius:50%;width:10px;height:10px}.legend-circle--complete{background:#10b981;box-shadow:0 0 6px #10b98180}.legend-circle--progress{background:#6366f1;box-shadow:0 0 6px #6366f180}.legend-circle--archived{background:#4b5563}.legend-link{border-radius:2px;width:24px;height:3px}.legend-link--same{background:#8b5cf6}.legend-link--branch{background:repeating-linear-gradient(90deg,#6366f1 0 4px,#0000 4px 8px)}.legend-link--evo{background:linear-gradient(90deg,#6366f1,#10b981)}.graph-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000c;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.graph-modal__card{background:#111;border:1px solid #222;border-radius:12px;width:100%;max-width:380px;padding:1.5rem;animation:.25s slideUp;position:relative}.graph-modal__close{color:#666;cursor:pointer;background:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.25rem;transition:all .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.graph-modal__close:hover{color:#fff;background:#222}.graph-modal__head{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.graph-modal__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.graph-modal__head h2{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.graph-modal__sub{color:#666;font-size:.8rem}.graph-modal__card p{color:#999;margin:0 0 1rem;font-size:.9rem;line-height:1.6}.graph-modal__tag{text-transform:uppercase;letter-spacing:1px;border:1px solid;border-radius:4px;padding:.35rem .75rem;font-size:.7rem;display:inline-block}@media (max-width:600px){.graph-header{padding:1rem}.graph-back{margin-bottom:.5rem;display:inline-block;position:static;transform:none}.graph-header h1{font-size:1.25rem}.graph-legend{flex-direction:column;align-items:center;gap:.75rem}.legend-group{flex-wrap:wrap;justify-content:center}}