:root{--bg-primary:#0a0a12;--bg-secondary:#121218;--bg-card:#18181e;--bg-card-alt:#202028;--bg-carousel:#252530;--text-primary:#fff;--text-secondary:#c0b8ff;--accent-primary:#8e6bff;--border-color:#2d2d40;--border-color-light:#3a3a50}html[data-theme=light]{--bg-primary:beige;--bg-secondary:#fff8dc;--bg-card:beige;--bg-card-alt:#fff8dc;--bg-carousel:#fff8dc;--text-primary:#3e2723;--text-secondary:#5d4037;--accent-primary:#8b0000;--border-color:tan;--border-color-light:#deb887}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a12;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:CustomFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:CustomFont;font-style:normal;font-weight:400;src:url(/static/media/font.d19dcc38a149cb85c5d8.otf) format("opentype"),url(/static/media/font.6fb73f93b89db3da0c34.ttf) format("truetype")}.app-year-container{background-color:var(--bg-secondary);margin-bottom:24px}.app-year-heading{color:var(--text-primary);font-size:2em;font-weight:700;margin:32px 0 12px 32px}.app-season-container{background-color:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:8px 0}.app-season-heading{background:linear-gradient(90deg,#fff,#d8d2ff 50%,#b0a2ff);background-clip:text;-webkit-background-clip:text;color:var(--text-primary);color:#0000;font-size:2em;font-weight:700;margin:32px 32px 12px}html[data-theme=light] .app-season-heading{background:linear-gradient(90deg,#8b0000,brown 50%,#cd5c5c);background-clip:text;-webkit-background-clip:text;color:#0000}html[data-theme=light] .app-season-container{border:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;outline:none;position:relative;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--small{font-size:.875rem;line-height:1.25rem;padding:8px 16px}.btn--medium{font-size:1rem;line-height:1.5rem;padding:12px 24px}.btn--large{font-size:1.125rem;line-height:1.75rem;padding:16px 32px}.btn--primary{background:var(--accent-primary);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-primary);background:var(--accent-primary-hover,var(--accent-primary));transform:translateY(-1px)}.btn--secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary)}.btn--icon{background:#0000;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);height:40px;min-width:40px;padding:8px;width:40px}.btn--icon:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.btn--close{background:#0000;border:none;border-radius:50%;color:var(--text-secondary);font-size:1.5rem;font-weight:300;height:32px;line-height:1;width:32px}.btn--close:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.btn--spotify{background:linear-gradient(135deg,#1db954,#1ed760 50%,#1db954);border-radius:20px;box-shadow:0 4px 15px #1db9544d;color:#fff;font-weight:600;overflow:hidden;padding:16px 24px;position:relative}.btn--spotify:hover:not(:disabled){background:linear-gradient(135deg,#1ed760,#1db954 50%,#1ed760);box-shadow:0 6px 20px #1db95466;transform:scale(1.05)}.btn--spotify:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn--spotify:hover:before{left:100%}.btn--full-width{width:100%}.btn--loading{pointer-events:none}.btn__loading-spinner{animation:btn-spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;height:16px;width:16px}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.btn--large{font-size:1rem;padding:14px 28px}.btn--medium{font-size:.875rem;padding:10px 20px}}.spotify-btn{background:linear-gradient(135deg,#1db954,#1ed760 50%,#1db954);border-radius:20px;box-shadow:0 4px 15px #1db9544d;flex-direction:column;font-weight:600;gap:12px;min-height:120px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.spotify-btn:hover{background:linear-gradient(135deg,#1ed760,#1db954 50%,#1ed760);box-shadow:0 8px 25px #1db95466}.spotify-btn--hovered,.spotify-btn:hover{transform:scale(1.05)}.spotify-btn__gradient{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:12px;padding:8px;position:relative;transition:all .3s ease}.spotify-btn__gradient--hovered{background:linear-gradient(45deg,#fff3,#ffffff1a)}.spotify-btn__image{align-items:center;border-radius:8px;display:flex;height:60px;justify-content:center;margin:0 auto;overflow:hidden;width:60px}.spotify-btn__icon{border-radius:8px;height:100%;object-fit:cover;width:100%}.spotify-btn__username{color:#fff;font-size:.875rem;font-weight:600;line-height:1.2;margin:0;text-align:center}.spotify-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%;z-index:2}.spotify-btn:hover:before{left:100%}.spotify-btn__gradient,.spotify-btn__username{position:relative;z-index:3}@media (max-width:991px) and (min-width:768px){.spotify-btn{border-radius:18px;gap:10px;min-height:110px;padding:14px}.spotify-btn__gradient{border-radius:10px;padding:7px}.spotify-btn__image{border-radius:7px;height:55px;width:55px}.spotify-btn__icon{border-radius:7px}.spotify-btn__username{font-size:.8125rem}}@media (max-width:767px){.spotify-btn{border-radius:16px;gap:8px;min-height:100px;padding:12px}.spotify-btn__gradient{border-radius:8px;padding:6px}.spotify-btn__image{border-radius:6px;height:50px;width:50px}.spotify-btn__icon{border-radius:6px}.spotify-btn__username{font-size:.75rem}}.card{border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease-in-out}.card,.card--default,.card--elevated{background:var(--bg-secondary)}.card--elevated{box-shadow:0 2px 8px #0000001a}.card--outlined{background:var(--bg-secondary);border:1px solid var(--border-color)}.card--filled{background:var(--bg-tertiary)}.card--padding-none{padding:0}.card--padding-small{padding:12px}.card--padding-medium{padding:16px}.card--padding-large{padding:24px}.card--hoverable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card--clickable{cursor:pointer}.card--clickable:hover{box-shadow:0 3px 10px #0000001f;transform:translateY(-1px)}.card--clickable:active{box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.card--clickable:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:991px) and (min-width:768px){.card--padding-large{padding:20px}.card--padding-medium{padding:14px}.card--padding-small{padding:10px}.card{border-radius:10px}}@media (max-width:767px){.card--padding-large{padding:16px}.card--padding-medium{padding:12px}.card--padding-small{padding:8px}.card{border-radius:8px}}.avatar-card{background:#0000;border-radius:50%;padding:0;position:relative}.avatar-card,.avatar-card__inner{align-items:center;display:flex;flex-direction:column}.avatar-card__inner{gap:8px;width:100%}.avatar-card__image-container{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;justify-content:center;overflow:hidden;position:relative}.avatar-card__image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-card--gradient .avatar-card__image-container{background:linear-gradient(135deg,var(--accent-primary),#8e6bff);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary,#8e6bff));padding:2px}.avatar-card--gradient .avatar-card__image{border:2px solid var(--bg-primary)}.avatar-card--selected .avatar-card__image-container{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,var(--accent-primary),#8e6bff);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary,#8e6bff));box-shadow:0 0 0 3px var(--accent-primary)}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 3px var(--accent-primary)}50%{box-shadow:0 0 0 6px #7e8bff4d;box-shadow:0 0 0 6px rgba(var(--accent-primary-rgb,126,139,255),.3)}}.avatar-card--small{width:60px}.avatar-card--small .avatar-card__image-container{height:60px;width:60px}.avatar-card--small .avatar-card__username{font-size:.75rem}.avatar-card--medium{width:80px}.avatar-card--medium .avatar-card__image-container{height:80px;width:80px}.avatar-card--medium .avatar-card__username{font-size:.875rem}.avatar-card--large{width:100px}.avatar-card--large .avatar-card__image-container{height:100px;width:100px}.avatar-card--large .avatar-card__username{font-size:1rem}.avatar-card__username{color:var(--text-primary);font-weight:500;line-height:1.2;margin-top:4px;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.avatar-card:hover .avatar-card__image-container{transform:scale(1.1);transition:transform .2s ease-in-out}.avatar-card:hover .avatar-card__username{color:var(--accent-primary);transition:color .2s ease-in-out}.avatar-card:focus{border-radius:50%;outline:2px solid var(--accent-primary);outline-offset:4px}@media (max-width:991px) and (min-width:768px){.avatar-card--large{width:90px}.avatar-card--large .avatar-card__image-container{height:90px;width:90px}.avatar-card--large .avatar-card__username{font-size:.9375rem}.avatar-card--medium{width:75px}.avatar-card--medium .avatar-card__image-container{height:75px;width:75px}.avatar-card--medium .avatar-card__username{font-size:.8125rem}.avatar-card--small{width:55px}.avatar-card--small .avatar-card__image-container{height:55px;width:55px}.avatar-card--small .avatar-card__username{font-size:.6875rem}.avatar-card__username{max-width:90px}}@media (max-width:767px){.avatar-card--large{width:80px}.avatar-card--large .avatar-card__image-container{height:80px;width:80px}.avatar-card--large .avatar-card__username{font-size:.875rem}.avatar-card--medium{width:70px}.avatar-card--medium .avatar-card__image-container{height:70px;width:70px}.avatar-card--medium .avatar-card__username{font-size:.75rem}.avatar-card--small{width:50px}.avatar-card--small .avatar-card__image-container{height:50px;width:50px}.avatar-card--small .avatar-card__username{font-size:.625rem}.avatar-card__username{max-width:80px}}.media-card{background:var(--bg-secondary);overflow:hidden}.media-card__content{display:flex;flex-direction:column;height:100%}.media-card__media-container{align-items:center;background:var(--bg-tertiary);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.media-card__media{height:100%;transition:transform .3s ease-in-out;width:100%}.media-card__image,.media-card__video{object-fit:cover;object-fit:var(--object-fit,cover)}.media-card--cover{--object-fit:cover}.media-card--contain{--object-fit:contain}.media-card--fill{--object-fit:fill}.media-card--square .media-card__media-container{aspect-ratio:1/1}.media-card--portrait .media-card__media-container{aspect-ratio:3/4}.media-card--landscape .media-card__media-container{aspect-ratio:4/3}.media-card--auto .media-card__media-container{aspect-ratio:auto;min-height:200px}.media-card__caption{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 16px}.media-card__caption-text{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.media-card--clickable:hover .media-card__media{transform:scale(1.05)}.media-card--clickable:hover .media-card__caption-text{color:var(--text-primary)}.media-card__media-container:before{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:2}.media-card__media:loaded+.media-card__media-container:before{display:none}@keyframes loading-shimmer{to{transform:translateX(100%)}}.media-card__video::-webkit-media-controls-panel{background:linear-gradient(180deg,#0000,#00000080)}.media-card__video::-webkit-media-controls-play-button,.media-card__video::-webkit-media-controls-volume-slider{filter:brightness(1.2)}@media (max-width:991px) and (min-width:768px){.media-card--auto .media-card__media-container{min-height:175px}.media-card__caption{padding:11px 14px}.media-card__caption-text{font-size:.84375rem;line-height:1.35}}@media (max-width:767px){.media-card--auto .media-card__media-container{min-height:150px}.media-card__caption{padding:10px 12px}.media-card__caption-text{font-size:.8125rem;line-height:1.3}}.media-card:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.safe-image{display:block;position:relative}.safe-image--loading{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;justify-content:center;min-height:100px}.safe-image__loading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px}.safe-image__spinner{animation:safe-image-spin 1s ease-in-out infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:24px;width:24px}.safe-image__loading-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}@keyframes safe-image-spin{to{transform:rotate(1turn)}}.safe-image--error{align-items:center;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:8px;display:flex;justify-content:center;min-height:100px}.safe-image__error{align-items:center;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.safe-image__error-icon{font-size:2rem;opacity:.6}.safe-image__error-text{color:var(--text-secondary);font-size:.875rem;margin:0}.safe-image__retry-button{background:var(--accent-primary);border:none;border-radius:4px;color:var(--text-on-accent);cursor:pointer;font-size:.75rem;margin-top:8px;padding:6px 12px;transition:background-color .2s ease}.safe-image__retry-button:hover{background:var(--accent-primary);background:var(--accent-primary-hover,var(--accent-primary))}.safe-image--loaded{display:block;height:auto;max-width:100%}@media (max-width:991px) and (min-width:768px){.safe-image--error,.safe-image--loading{border-radius:7px;min-height:90px}.safe-image__error,.safe-image__loading{gap:10px;padding:18px}.safe-image__spinner{border-width:2px;height:22px;width:22px}.safe-image__error-text,.safe-image__loading-text{font-size:.84375rem}.safe-image__error-icon{font-size:1.75rem}.safe-image__retry-button{border-radius:3px;font-size:.6875rem;padding:5px 10px}}@media (max-width:767px){.safe-image--error,.safe-image--loading{border-radius:6px;min-height:80px}.safe-image__error,.safe-image__loading{gap:8px;padding:16px}.safe-image__spinner{border-width:2px;height:20px;width:20px}.safe-image__error-text,.safe-image__loading-text{font-size:.8125rem}.safe-image__error-icon{font-size:1.5rem}.safe-image__retry-button{border-radius:2px;font-size:.625rem;padding:4px 8px}}.typography{font-family:inherit;line-height:1.5;margin:0}.typography--h1{font-size:3rem;font-weight:800;letter-spacing:-.01562em;line-height:1.2}.typography--h2{font-size:2.5rem;font-weight:700;letter-spacing:-.00833em;line-height:1.2}.typography--h3{font-size:2rem;font-weight:600;letter-spacing:0;line-height:1.3}.typography--h4{font-size:1.75rem;font-weight:600;letter-spacing:.00735em;line-height:1.35}.typography--h5{font-size:1.5rem;font-weight:600;letter-spacing:0;line-height:1.4}.typography--h6{font-size:1.25rem;font-weight:600;letter-spacing:.0075em;line-height:1.4}.typography--subtitle1{font-size:1rem;font-weight:600;letter-spacing:.00938em;line-height:1.5}.typography--subtitle2{font-size:.875rem;font-weight:600;letter-spacing:.00714em;line-height:1.43}.typography--body1{font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.5}.typography--body2{font-size:.875rem;font-weight:400;letter-spacing:.01071em;line-height:1.43}.typography--caption{font-size:.75rem;font-weight:400;letter-spacing:.03333em;line-height:1.33}.typography--overline{font-size:.75rem;font-weight:500;letter-spacing:.08333em;line-height:1.33;text-transform:uppercase}.typography--align-left{text-align:left}.typography--align-center{text-align:center}.typography--align-right{text-align:right}.typography--align-justify{text-align:justify}.typography--color-primary{color:var(--text-primary)}.typography--color-secondary{color:var(--text-secondary)}.typography--color-accent{color:var(--accent-primary)}.typography--color-error{color:#f44336;color:var(--error-color,#f44336)}.typography--color-warning{color:#ff9800;color:var(--warning-color,#ff9800)}.typography--color-success{color:#4caf50;color:var(--success-color,#4caf50)}.typography--no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography--gutter-bottom{margin-bottom:.75em}@media (max-width:991px) and (min-width:768px){.typography--h1{font-size:2.25rem}.typography--h2{font-size:1.875rem}.typography--h3{font-size:1.5rem}.typography--h4{font-size:1.3125rem}.typography--h5{font-size:1.125rem}.typography--h6{font-size:.9375rem}}@media (max-width:767px){.typography--h1{font-size:1.5rem}.typography--h2{font-size:1.25rem}.typography--h3{font-size:1rem}.typography--h4{font-size:.875rem}.typography--h5{font-size:.75rem}.typography--h6{font-size:.625rem}}.svg-loader{fill:#000;fill:var(--svg-fill,#000);display:inline-block;filter:none;filter:var(--svg-filter-override,none);height:100px;height:var(--svg-height,100px);opacity:1;opacity:var(--svg-opacity,1);-webkit-user-select:none;user-select:none;width:100px;width:var(--svg-width,100px)}.svg-loader img{object-fit:contain}.svg-loader img,.svg-loader svg{display:block;filter:inherit;height:100%;opacity:inherit;width:100%}.svg-loader svg{fill:inherit}.svg-loader[data-dynamic-size=true]{height:var(--svg-height);width:var(--svg-width)}.svg-loader[data-dynamic-color=true]{fill:var(--svg-fill)}.svg-loader[data-dynamic-filter=true]{filter:var(--svg-filter-override)}.svg-positioned-element{bottom:auto;bottom:var(--svg-bottom,auto);display:inline-block;left:auto;left:var(--svg-left,auto);opacity:1;pointer-events:auto;pointer-events:var(--svg-pointer-events,auto);position:absolute;position:var(--svg-position,absolute);right:auto;right:var(--svg-right,auto);top:auto;top:var(--svg-top,auto);transition:opacity .4s ease-in-out;-webkit-user-select:none;user-select:none;z-index:0;z-index:var(--svg-z-index,0)}.svg-positioned-element[data-position=fixed]{position:fixed}.svg-positioned-element[data-position=absolute]{position:absolute}.svg-positioned-element[data-pointer-events=none]{pointer-events:none}.svg-positioned-element[data-dynamic-z-index=true]{z-index:var(--svg-z-index)}.svg-positioned-element[data-dynamic-position=true]{bottom:var(--svg-bottom);left:var(--svg-left);right:var(--svg-right);top:var(--svg-top)}.svg-positioned-element.watermark-positioned{bottom:auto;bottom:var(--svg-bottom,auto);left:auto;left:var(--svg-left,auto);right:auto;right:var(--svg-right,auto);top:auto;top:var(--svg-top,auto)}.svg-positioned-element[data-position=absolute],.svg-positioned-element[data-position=fixed]{pointer-events:none}.svg-positioned-element[data-pointer-events=auto]{pointer-events:auto}.svg-positioned-element.scroll-fade-out{opacity:0}@media (max-width:767px){.svg-positioned-element{transition:opacity .3s ease-in-out}}.svg-positioned-element.svg-theme-aware img{filter:var(--svg-filter);transition:filter var(--transition-normal)}.watermark-container{pointer-events:none;position:fixed;z-index:1}.watermark-main{height:265px;left:30px;top:30px;transition:all .3s ease-in-out;width:265px}.watermark-hands{height:220px;right:10px;top:580px;transition:all .3s ease-in-out;width:220px}.watermark-blackboard{bottom:80px;height:600px;left:0;margin:0 auto;right:0;transition:all .3s ease-in-out;width:600px}@media (max-width:991px) and (min-width:768px){.watermark-main{height:229px;left:25px;top:25px;width:229px}.watermark-hands{height:200px;right:25px;top:600px;width:200px}.watermark-blackboard{bottom:80px;height:500px;width:500px}}@media (max-width:767px){.watermark-main{height:120px;left:-20px;top:100px;width:211px}.watermark-hands{height:180px;right:20px;top:500px;width:180px}.watermark-blackboard{bottom:80px;height:400px;width:400px}}.watermark-blackboard .svg-loader,.watermark-hands .svg-loader,.watermark-main .svg-loader{height:inherit!important;width:inherit!important}.scrapbook-title{flex-direction:column;margin:40px 0 24px;position:relative;z-index:2}.scrapbook-title,.title-main{align-items:center;display:flex;justify-content:center}.title-main{flex-direction:row;margin-bottom:8px}.title-steven,.title-yoyo{display:inline-block;font-weight:800;letter-spacing:-.03em;line-height:1}.title-yoyo{background:linear-gradient(90deg,#fff,#d8d2ff 50%,#b0a2ff);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:4.5rem}.title-ampersand{color:var(--accent-primary);display:inline-block;font-size:3.5rem;font-weight:700;margin:0 15px;transform:rotate(-5deg) translateY(5px)}.title-steven{background:linear-gradient(90deg,#b0a2ff,#8e6bff 50%,#7858e8);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:4.5rem}.title-tagline{color:var(--text-secondary);font-size:1.5rem;font-style:italic;font-weight:500;letter-spacing:.05em;margin-top:10px}@media (max-width:991px) and (min-width:768px){.title-steven,.title-yoyo{font-size:3.6rem}.title-ampersand{font-size:2.8rem;margin:0 12px}.title-tagline{font-size:1.35rem}.scrapbook-title{margin:35px 0 22px}}@media (max-width:767px){.title-steven,.title-yoyo{font-size:2.8rem}.title-ampersand{font-size:2.2rem;margin:0 8px}.title-tagline{font-size:1.2rem}.scrapbook-title{margin:30px 0 20px}}html[data-theme=light] .title-yoyo{background:linear-gradient(90deg,#8b0000,brown 50%,#cd5c5c);background-clip:text;-webkit-background-clip:text;color:#0000}html[data-theme=light] .title-steven{background:linear-gradient(90deg,brown,#8b0000 50%,#654321);background-clip:text;-webkit-background-clip:text;color:#0000}.event-photo-grid-container{box-sizing:border-box;max-width:100%;width:100%}.event-photo-grid{grid-gap:36px;align-items:start;display:grid;gap:36px;grid-template-columns:repeat(auto-fit,320px);justify-content:center;justify-items:center;margin:32px 0;width:100%}.event-photo-panel{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:24px;box-shadow:0 6px 16px #0000004d;display:flex;flex-direction:column;height:320px;margin:0;overflow:hidden;padding:0;transition:transform .3s ease,box-shadow .3s ease;width:320px}.event-photo-panel:hover{box-shadow:0 8px 24px #0006;transform:translateY(-4px)}.App[data-theme=light] .event-photo-panel{border:1px solid var(--border-color-light);box-shadow:0 4px 8px #0000001a}.App[data-theme=light] .event-photo-panel:hover{box-shadow:0 6px 12px #00000026}.event-photo-img{border-radius:24px 24px 0 0;display:block;height:100%;object-fit:cover;width:100%}.event-photo-panel .image-container{display:grid;height:100%;width:100%}.event-photo-panel .image-container.has-caption{grid-template-rows:1fr auto}.event-photo-panel .image-container.no-caption{grid-template-rows:1fr}.event-photo-panel .image-wrapper{height:100%;margin:0 auto;overflow:hidden;position:relative;width:100%}.event-photo-panel .image-caption{background-color:var(--bg-secondary);color:var(--text-primary);font-size:1.2em;line-height:1.5;margin:0;padding:24px}.hover-zoom{transition:transform .2s ease-in-out;z-index:1}.hover-zoom:hover{transform:scale(1.05);z-index:2}@media (max-width:991px) and (min-width:768px){.event-photo-grid{gap:24px;grid-template-columns:repeat(auto-fit,240px);justify-content:center}.event-photo-panel{height:240px;width:240px}.event-photo-img{height:180px}.event-photo-panel .image-caption{font-size:1em;padding:16px}}@media (max-width:767px){.event-photo-grid{gap:16px;grid-template-columns:repeat(auto-fit,160px);justify-content:center}.event-photo-panel{height:160px;width:160px}.event-photo-img{height:120px}.event-photo-panel .image-caption{font-size:.9em;padding:12px}}.event-photo-panel .video-wrapper{background:var(--bg-primary);border-radius:24px 24px 0 0;height:100%;margin:0 auto;overflow:hidden;position:relative;width:100%}.video-thumbnail-container{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s ease}.video-thumbnail-container:hover{filter:brightness(1.1)}.video-thumbnail-container:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.video-thumbnail-image{border-radius:24px 24px 0 0;display:block;height:100%;object-fit:cover;width:100%}.video-play-button-overlay{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;z-index:3}.video-thumbnail-container:hover .video-play-button-overlay{transform:translate(-50%,-50%) scale(1.1)}.video-play-button-overlay svg{transition:all .2s ease}.video-thumbnail-container:hover .video-play-button-overlay svg circle{fill:#000000d9}.video-thumbnail-error,.video-thumbnail-fallback,.video-thumbnail-loading{align-items:center;background:var(--bg-secondary);border-radius:24px 24px 0 0;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.video-thumbnail-loading .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:32px;margin-bottom:12px;width:32px}.video-thumbnail-error p,.video-thumbnail-loading p{font-size:.9em;margin:0;text-align:center}.video-thumbnail-error{background:var(--bg-tertiary)}.video-thumbnail-fallback{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%)}.event-photo-video{background:var(--bg-primary);border-radius:24px 24px 0 0;display:block;height:100%;object-fit:contain;width:100%;z-index:2}.event-photo-video::-webkit-media-controls{background-color:#00000080;border-radius:0 0 24px 24px}.event-photo-video::-webkit-media-controls-panel{display:flex!important;opacity:1!important}.avatar-carousel-panel{border:1px solid var(--border-color);border-radius:0 0 24px 24px;border-top:none;box-shadow:inset 0 0 10px #0003;margin:0 32px 5%;max-width:calc(100% - 64px);overflow:hidden;padding:0 0 32px;position:relative;scroll-behavior:smooth;scroll-margin-top:40px;width:calc(100% - 64px);z-index:2}.avatar-carousel-panel,.avatar-carousel-panel.alt{background:var(--bg-secondary)}.avatar-carousel-panel+.avatar-carousel-panel{margin-top:24px}.avatar-carousel-panel-content{box-sizing:border-box;margin:0 auto;overflow-x:auto;padding:12px 24px;width:100%}.avatar-carousel-panel-close{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:24px;height:40px;position:absolute;right:24px;top:16px;transition:background .2s,color .2s;width:40px;z-index:11}.avatar-carousel-panel-close:hover{background:var(--bg-card-alt);color:var(--accent-primary)}html[data-theme=light] .avatar-carousel-panel-close{background:var(--bg-secondary);color:var(--text-primary)}html[data-theme=light] .avatar-carousel-panel{border:1px solid var(--border-color);box-shadow:inset 0 0 10px #0000000d}html[data-theme=light] .avatar-carousel-panel-close:hover{background:var(--bg-card-alt);color:var(--accent-primary)}.panel-images{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-content:center;justify-items:start;margin:0 auto;max-width:1200px;padding:24px 0}.panel-images img{border-radius:12px;box-shadow:0 2px 8px #00000080;height:320px;object-fit:cover;transition:transform .2s ease;width:100%}.panel-images img:hover{transform:scale(1.02)}@media (max-width:991px) and (min-width:768px){.avatar-carousel-panel{margin:0 28px 5%;max-width:calc(100% - 56px);padding:0 0 24px;width:calc(100% - 56px)}.avatar-carousel-panel-content{padding:12px 16px}.panel-images{gap:22px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));justify-content:center;padding:20px 0}.panel-images img{height:240px}}@media (max-width:767px){.avatar-carousel-panel{margin:0 24px 5%;max-width:calc(100% - 48px);padding:0 0 16px;width:calc(100% - 48px)}.avatar-carousel-panel-content{padding:12px 8px}.panel-images{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-content:center;padding:16px 0}.panel-images img{height:180px}}:root{--bubble-width:160px;--bubble-gap:12px}.avatar-carousel-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;box-shadow:inset 0 0 10px #0003;margin:0 32px 32px;max-width:calc(100% - 64px);overflow-x:hidden;padding:20px 0;position:relative;-webkit-user-select:none;user-select:none;width:calc(100% - 64px)}.avatar-carousel-container.panel-open{border-bottom:none;border-radius:24px 24px 0 0;margin-bottom:0}.avatar-carousel-arrow{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s,border-color .2s,opacity .2s;width:48px;z-index:6}.avatar-carousel-arrow:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.avatar-carousel-arrow.left{left:12px}.avatar-carousel-arrow.right{right:12px}.avatar-carousel-arrow:disabled{cursor:not-allowed;opacity:.3}.avatar-carousel-track{cursor:grab;display:flex;gap:12px;gap:var(--bubble-gap);padding:36px 30px 40px;-webkit-user-select:none;user-select:none}.avatar-carousel-bubble{max-width:160px;max-width:var(--bubble-width);min-width:160px;min-width:var(--bubble-width)}.avatar-bubble-inner,.avatar-carousel-bubble{align-items:center;display:flex;flex-direction:column}.avatar-bubble-inner{cursor:pointer}.avatar-bubble-gradient{-webkit-font-smoothing:subpixel-antialiased;align-items:center;backface-visibility:hidden;background:linear-gradient(45deg,#18181e,#252530 40%,#8e6bff 60%,#7858e8 80%,#18181e);background-size:300% 300%;border-radius:22%;box-shadow:0 4px 16px 0 #4a3aff1a;display:flex;filter:none;height:140px;justify-content:center;margin-bottom:12px;padding:1.5px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;width:140px;will-change:transform,background-position}.avatar-bubble-gradient:hover{animation:gradientMove 2s ease infinite;transform:translateY(-2px)}html[data-theme=light] .avatar-bubble-gradient{background:linear-gradient(45deg,#8b4513,sienna 40%,tan 60%,#8b0000 80%,#654321);background-size:300% 300%}html[data-theme=light] .avatar-carousel-container{border:1px solid var(--border-color);box-shadow:inset 0 0 10px #0000000d}.avatar-bubble-open .avatar-bubble-gradient{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-primary) 15%,#0000),0 8px 24px 0 color-mix(in srgb,var(--accent-primary) 25%,#0000);filter:brightness(1.08) drop-shadow(0 0 6px color-mix(in srgb,var(--accent-primary) 40%,transparent))}.avatar-bubble-image{align-items:center;background:var(--bg-primary);border-radius:22%;box-sizing:border-box;display:flex;height:137px;justify-content:center;overflow:hidden;padding:4px;width:137px}.avatar-bubble-image img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;background:#0000;border-radius:22%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.avatar-bubble-username{color:var(--text-primary);font-size:16px;font-weight:500;letter-spacing:.1px;max-width:140px;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .15s ease;white-space:nowrap}.avatar-bubble-open .avatar-bubble-username{color:var(--accent-primary)}.avatar-bubble-inner{transition:transform .3s ease}.avatar-bubble-open{transform:scale(1.1)}.avatar-carousel-wrapper{position:relative;width:100%}@media (max-width:991px) and (min-width:768px){:root{--bubble-width:140px;--bubble-gap:11px}.avatar-carousel-arrow{font-size:22px;height:44px;width:44px}.avatar-carousel-track{padding:30px 35px 32px}.avatar-bubble-gradient{height:120px;width:120px}.avatar-bubble-image{height:117px;width:117px}.avatar-bubble-username{font-size:15px;max-width:120px}.avatar-carousel-container{margin:0 28px 32px;max-width:calc(100% - 56px);width:calc(100% - 56px)}}@media (max-width:767px){:root{--bubble-width:120px;--bubble-gap:10px}.avatar-carousel-arrow{font-size:20px;height:40px;width:40px}.avatar-carousel-track{padding:24px 40px}.avatar-bubble-gradient{height:100px;width:100px}.avatar-bubble-image{height:97px;width:97px}.avatar-bubble-username{font-size:14px;max-width:100px}.avatar-carousel-container{margin:0 24px 32px;max-width:calc(100% - 48px);width:calc(100% - 48px)}}.season-container{margin-bottom:2rem;position:relative;z-index:2}.season-heading{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1rem;padding-left:.5rem;text-align:left}@media (max-width:991px) and (min-width:768px){.season-heading{font-size:1.75rem;margin:1.5rem 1.5rem .75rem .75rem}}@media (max-width:767px){.season-heading{font-size:1.7rem;margin:24px 24px 8px}}.footer{background-color:var(--bg-card);border-top:1px solid var(--border-color);bottom:0;color:var(--text-primary);font-size:1em;left:0;margin-top:auto;padding:24px 0 16px;position:relative;text-align:center;width:100%;z-index:11}.footer-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1100px}.footer-text{color:var(--text-secondary);opacity:.9}.footer-button-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.theme-toggle-button{background-color:var(--accent-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--bg-primary);cursor:pointer;font-family:CustomFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;margin-bottom:16px;padding:8px 16px;transition:background-color .2s ease}.theme-toggle-button:hover{background-color:var(--accent-secondary)}html[data-theme=light] .theme-toggle-button{background-color:var(--accent-primary);border:1px solid var(--border-color-light);color:var(--bg-primary)}html[data-theme=light] .theme-toggle-button:hover{background-color:var(--accent-secondary)}html[data-theme=light] .footer{border-top:1px solid var(--border-color)}@media (max-width:991px) and (min-width:768px){.footer{font-size:.97em;padding:21px 0 14px}.footer-button-container{margin-bottom:14px}.theme-toggle-button{border-radius:7px;padding:7px 14px}}@media (max-width:767px){.footer{font-size:.95em;padding:18px 0 12px}.footer-button-container{margin-bottom:12px}.theme-toggle-button{border-radius:6px;padding:6px 12px}}.main-layout{font-family:CustomFont,sans-serif;margin:0 auto;padding:0 8px;padding:var(--layout-padding,0 8px);width:95%;width:var(--layout-width,95%)}.main-content{min-height:calc(100vh - 200px);min-height:var(--content-min-height,calc(100vh - 200px))}.footer-spacer{background:var(--bg-primary);min-height:500px;position:relative;width:100%;z-index:0}@media (max-width:991px) and (min-width:768px){.main-layout{--layout-padding:0 6px;--layout-width:96.5%;--content-min-height:calc(100vh - 175px);--spacer-height:50px}}@media (max-width:767px){.main-layout{--layout-padding:0 4px;--layout-width:98%;--content-min-height:calc(100vh - 150px);--spacer-height:40px}}.photo-grid-container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 16px}.photo-grid,.photo-grid-container{align-items:center;display:flex;justify-content:center;width:100%}.photo-grid{margin:60px 0 80px;overflow:visible;padding:40px 20px}@media (max-width:991px) and (min-width:768px){.photo-grid-container h1{font-size:3em;margin-bottom:35px}.photo-grid{margin:50px 0 70px;padding:35px 15px}}@media (max-width:767px){.photo-grid-container h1{font-size:2.5em;margin-bottom:30px}.photo-grid{margin:40px 0 60px;padding:30px 10px}}.panel{align-items:stretch;border-radius:24px;box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;height:auto;justify-content:stretch;margin:0 auto 24px;max-width:1200px;min-height:350px;overflow:visible;padding:0 16px;text-align:center;width:100%}.panel,.panel.alt{background-color:var(--bg-card)}.panel+.panel{margin-top:32px}.panel h2{font-size:2.2em;margin-bottom:16px}.panel p{color:var(--text-secondary);font-size:1.2em}.story-launch-button{align-items:center;background-color:var(--accent-primary);border:none;border-radius:18px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;font-size:1.4em;height:100%;justify-content:center;padding:30px 40px;transition:background-color .3s ease;width:100%}.story-launch-button:hover{background-color:#1aa34a;box-shadow:0 0 10px #1db95480}.spotify-wrapped-btn.story-launch-button{background-color:initial;transition:none}.spotify-wrapped-btn.story-launch-button:hover{background-color:initial;box-shadow:none}.image-container{display:flex;flex-direction:column;height:100%;width:100%}.image-wrapper{margin:0 auto;overflow:hidden;position:relative;width:auto}.panel-image{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;display:block;height:auto;margin:0 auto;max-height:600px;max-width:95vw;object-fit:contain;position:static;-webkit-user-select:none;user-select:none;width:auto}.image-caption,.panel-image{background-color:var(--bg-secondary)}.image-caption{color:var(--text-primary);font-size:1.2em;line-height:1.5;margin:0;padding:24px}.hover-zoom{-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;position:relative;transform-origin:center;transition:transform .2s ease;will-change:transform;z-index:2}.hover-zoom:hover{transform:scale(1.03);z-index:3}.button-tap{transition:transform .1s cubic-bezier(.4,0,.2,1)}.button-tap:active{transform:scale(.95)}.spotify-wrapped-btn{background:none;border:none;cursor:pointer;flex-direction:column;height:auto;margin:40px auto 60px;outline:none;padding:0;position:relative;transform:scale(1.25);transform-origin:center;width:auto;z-index:3}.spotify-wrapped-btn,.spotify-wrapped-gradient{align-items:center;display:flex;pointer-events:auto}.spotify-wrapped-gradient{-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;background:linear-gradient(45deg,#18181e,#252530 40%,#8e6bff 60%,#7858e8 80%,#18181e);background-size:300% 300%;border-radius:22%;box-shadow:0 4px 16px 0 #4a3aff26;height:300px;justify-content:center;margin-bottom:20px;padding:3px;transition:transform .15s ease,box-shadow .15s ease;width:300px;will-change:transform,background-position}.spotify-wrapped-gradient.hovered{animation:gradientMove 3s ease infinite;transform:translateY(-2px)}.spotify-wrapped-btn.hovered .spotify-wrapped-gradient{box-shadow:0 0 0 4px #4a3aff33,0 8px 24px 0 #8e6bff40;filter:brightness(1.1)}.spotify-wrapped-image{align-items:center;background:var(--bg-primary);border-radius:22%;box-sizing:border-box;display:flex;height:294px;justify-content:center;overflow:hidden;padding:12px;transform:translateZ(0);width:294px}.wrapped-icon-img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;border-radius:16%;height:270px;object-fit:cover;transform:translateZ(0);-webkit-user-select:none;user-select:none;width:270px}.spotify-wrapped-username{color:var(--text-primary);font-family:CustomFont,sans-serif;font-size:35px;font-weight:600;letter-spacing:.2px;margin:0;max-width:300px;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .15s ease;white-space:nowrap}.spotify-wrapped-btn.hovered .spotify-wrapped-username{color:var(--accent-primary)}html[data-theme=light] .spotify-wrapped-gradient{background:linear-gradient(45deg,#8b4513,sienna 40%,tan 60%,#8b0000 80%,#654321)!important;box-shadow:0 4px 16px 0 #8b000026!important}html[data-theme=light] .spotify-wrapped-btn.hovered .spotify-wrapped-gradient{box-shadow:0 0 0 4px #8b000033,0 8px 24px 0 #8b000040}html[data-theme=light] .spotify-wrapped-username{color:var(--text-primary)}html[data-theme=light] .panel{box-shadow:0 4px 8px #0000001a}html[data-theme=light] .spotify-wrapped-btn.hovered .spotify-wrapped-username{color:var(--accent-primary)}#wrappedGradient stop:first-child{stop-color:#7858e8}#wrappedGradient stop:last-child{stop-color:#ffc371}.wrapped-icon-svg{height:64px;width:64px}.wrapped-icon-circle{cx:18px;cy:18px;r:18px;fill:url(#wrappedGradient)}.wrapped-icon-path{stroke:var(--text-primary);stroke-width:2.2;stroke-linecap:round}.panel.wrapped-btn-only{background:#0000!important;box-shadow:none!important;margin:40px auto 60px;min-height:auto;overflow:visible;padding:0!important;pointer-events:none}.panel-1{min-height:200px}@media (max-width:991px) and (min-width:768px){.panel{min-height:325px}.panel-1{min-height:200px}.image-caption{font-size:1.1em;padding:20px}.spotify-wrapped-btn{margin-bottom:40px;margin-top:25px;transform:scale(1.1)}.spotify-wrapped-gradient{height:260px;margin-bottom:18px;width:260px}.spotify-wrapped-image{height:254px;padding:11px;width:254px}.wrapped-icon-img{border-radius:16%;height:232px;object-fit:cover;width:232px}.spotify-wrapped-username{font-size:32px;max-width:260px}}@media (max-width:767px){.panel{min-height:300px}.panel-1{min-height:200px}.image-caption{font-size:1em;padding:16px}.spotify-wrapped-btn{margin-bottom:20px;margin-top:10px;transform:scale(1)}.spotify-wrapped-gradient{height:240px;margin-bottom:16px;width:240px}.spotify-wrapped-image{height:234px;padding:10px;width:234px}.wrapped-icon-img{border-radius:16%;height:214px;object-fit:cover;width:214px}.spotify-wrapped-username{font-size:30px;max-width:240px}}.photo-grid .panel{margin:0 0 24px;max-width:none}.story-view-overlay{background-color:#000000d9;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}.story-view-content,.story-view-overlay{align-items:center;display:flex;justify-content:center}.story-view-content{background-color:var(--bg-secondary);border-radius:20px;cursor:default;height:94vh;max-height:1200px;max-width:700px;overflow:hidden;position:relative;width:98vw}.story-loading{flex-direction:column;gap:20px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #ffffff4d;border-radius:50%;border-top:5px solid var(--accent-primary);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.story-error{flex-direction:column;gap:20px;padding:30px;text-align:center}.story-error p{color:#ff6b6b;font-size:1.5rem;margin-bottom:20px}.story-error button{background-color:var(--accent-primary);border:none;border-radius:5px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s ease}.story-error button:hover{background-color:#c82333;background-color:var(--accent-secondary,#c82333)}.story-close-button{align-items:center;background:#0006;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:2.5em;height:44px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;top:20px;transition:background-color .2s ease-in-out,transform .2s ease;width:44px;z-index:1003}.story-close-button:hover{background:#000000b3;transform:scale(1.1)}.App[data-theme=light] .story-view-content{background-color:var(--bg-primary)}.App[data-theme=light] .story-close-button{color:var(--text-primary)}.App[data-theme=light] .story-image-caption{background-color:#fffc;color:var(--text-primary)}.App[data-theme=light] .story-nav,.App[data-theme=light] .story-slide.no-bg .story-quote-content{color:var(--text-primary)}.App[data-theme=light] .indicator{background-color:var(--text-secondary)}.App[data-theme=light] .indicator.active{background-color:var(--accent-primary)}.story-view-content .story-header,.story-view-content .story-header *,.story-view-content .story-header h1,.story-view-content .story-header h2,.story-view-content .story-header h3,.story-view-content .story-header h4,.story-view-content .story-header h5,.story-view-content .story-header h6,.story-view-content .story-header span{font-size:2em!important;line-height:1.3!important}.story-view-content .story-header img{height:56px!important;width:56px!important}.story-view-content .story-content,.story-view-content .story-content *{font-size:1.35em!important;line-height:1.5}.story-slide{align-items:center;background-position:50%;background-size:cover;box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;text-align:center;width:100%}.story-image-caption{background-color:#0009;border-radius:8px;bottom:30px;color:var(--text-primary);font-size:1.5em;left:50%;max-width:90%;padding:16px 28px;position:absolute;text-shadow:1px 1px 2px #00000080;transform:translateX(-50%)}.story-image-caption p{margin:0}.story-quote-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000004d;border-radius:10px;padding:30px}.story-slide.no-bg .story-quote-content{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;color:var(--text-primary);text-shadow:none}.story-slide.no-bg .quote-author,.story-slide.no-bg .quote-text{text-shadow:none}.quote-text{font-size:2.2em;font-style:italic;line-height:1.4;margin-bottom:20px;text-shadow:1px 1px 3px #00000080}.quote-author{font-size:1.5em;font-weight:700;margin-top:10px;text-align:right;text-shadow:1px 1px 3px #0000004d}.story-nav{align-items:center;background-color:#0003;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:2.5em;height:44px;justify-content:center;line-height:1;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease-in-out;width:44px;z-index:1003}.story-nav.prev{left:15px}.story-nav.next{right:15px}.story-nav:hover{background-color:#00000080}.close-story-button{align-items:center;background:#0006;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:2.5em;height:44px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;top:20px;transition:background-color .2s ease-in-out,transform .2s ease;width:44px;z-index:1003}.close-story-button:hover{background:#000000b3;transform:scale(1.1)}.slide-indicators{display:flex;margin-top:15px;padding-bottom:10px}.indicator{background-color:var(--text-secondary);border-radius:50%;cursor:pointer;height:8px;margin:0 4px;transition:background-color .3s ease,transform .3s ease;width:8px}.indicator.active{background-color:var(--accent-primary);transform:scale(1.2)}.custom-stories-main{height:100%;width:100%}.custom-stories-progress-container{padding:10px}.custom-stories-progress-bar-container{background-color:#6464644d}.custom-stories-progress-bar{background-color:var(--accent-primary)}.custom-stories-story-container{background-color:var(--bg-secondary)}.story-view-video{background:var(--bg-primary);border-radius:10px;display:block;height:100%;object-fit:contain;width:100%}@media (max-width:991px) and (min-width:768px){.story-view-content{border-radius:16px;height:90vh;max-height:900px;max-width:550px;width:95vw}.story-close-button{right:16px;top:16px}.story-close-button,.story-nav{font-size:2.2em;height:40px;width:40px}.story-nav.prev{left:12px}.story-nav.next{right:12px}.story-slide{padding:16px}.story-image-caption{bottom:24px;font-size:1.3em;padding:14px 22px}.quote-text{font-size:1.9em;margin-bottom:16px}.quote-author{font-size:1.3em}.story-quote-content{border-radius:8px;padding:24px}.loading-spinner{border-width:4px;height:42px;width:42px}.story-error p{font-size:1.3em;margin-bottom:16px}.story-error button{font-size:.95rem;padding:8px 16px}.story-view-content .story-header,.story-view-content .story-header *,.story-view-content .story-header h1,.story-view-content .story-header h2,.story-view-content .story-header h3,.story-view-content .story-header h4,.story-view-content .story-header h5,.story-view-content .story-header h6,.story-view-content .story-header span{font-size:1.7em!important}.story-view-content .story-header img{height:48px!important;width:48px!important}.story-view-content .story-content,.story-view-content .story-content *{font-size:1.2em!important}}@media (max-width:767px){.story-view-content{border-radius:12px;height:88vh;max-height:600px;max-width:400px;width:92vw}.story-close-button{right:12px;top:12px}.story-close-button,.story-nav{font-size:1.8em;height:36px;width:36px}.story-nav.prev{left:8px}.story-nav.next{right:8px}.story-slide{padding:12px}.story-image-caption{bottom:18px;font-size:1.1em;padding:12px 16px}.quote-text{font-size:1.6em;margin-bottom:12px}.quote-author{font-size:1.1em}.story-quote-content{border-radius:6px;padding:18px}.loading-spinner{border-width:3px;height:35px;width:35px}.story-error{padding:20px}.story-error p{font-size:1.1rem;margin-bottom:12px}.story-error button{font-size:.9rem;padding:6px 12px}.story-view-content .story-header,.story-view-content .story-header *,.story-view-content .story-header h1,.story-view-content .story-header h2,.story-view-content .story-header h3,.story-view-content .story-header h4,.story-view-content .story-header h5,.story-view-content .story-header h6,.story-view-content .story-header span{font-size:1.4em!important}.story-view-content .story-header img{height:40px!important;width:40px!important}.story-view-content .story-content,.story-view-content .story-content *{font-size:1.05em!important}}.video-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1002}.video-modal-content{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:900px;position:relative;width:100%}.video-modal-close-button{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;box-shadow:0 4px 12px #0000004d;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:40px;z-index:1003}.video-modal-close-button:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.video-modal-close-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.video-modal-container{align-items:center;display:flex;justify-content:center;width:100%}.video-modal-gradient-border{animation:gradientMove 3s ease infinite;background:linear-gradient(45deg,#18181e,#252530 40%,#8e6bff 60%,#7858e8 80%,#18181e);background-size:300% 300%;border-radius:24px;box-shadow:0 8px 32px #8e6bff4d;padding:4px;transition:all .3s ease}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.video-modal-video-wrapper{height:100%;overflow:hidden;position:relative}.video-modal-video,.video-modal-video-wrapper{background:var(--bg-primary);border-radius:20px;width:100%}.video-modal-video{display:block;height:auto;max-height:80vh}.video-modal-video::-webkit-media-controls-panel{background:linear-gradient(180deg,#0000,#000000b3);border-radius:0 0 20px 20px}.video-modal-video::-webkit-media-controls-play-button,.video-modal-video::-webkit-media-controls-volume-slider{filter:brightness(1.2)}.video-modal-video::-webkit-media-controls-fullscreen-button{filter:brightness(1.2)}html[data-theme=light] .video-modal-gradient-border{background:linear-gradient(45deg,#8b4513,sienna 40%,tan 60%,#8b0000 80%,#654321);box-shadow:0 8px 32px #8b00004d}html[data-theme=light] .video-modal-close-button{background:var(--bg-card);border-color:var(--border-color-light)}html[data-theme=light] .video-modal-close-button:hover{background:var(--accent-primary);color:#fff}@media (max-width:991px) and (min-width:768px){.video-modal-overlay{padding:15px}.video-modal-content{max-height:92vh;max-width:100%}.video-modal-gradient-border{border-radius:22px;padding:3.5px}.video-modal-video,.video-modal-video-wrapper{border-radius:18.5px}.video-modal-video{max-height:82vh}.video-modal-close-button{font-size:19px;height:38px;right:-9px;top:-9px;width:38px}}@media (max-width:767px){.video-modal-overlay{padding:10px}.video-modal-content{max-height:95vh;max-width:100%}.video-modal-gradient-border{border-radius:20px;padding:3px}.video-modal-video-wrapper{border-radius:17px}.video-modal-video{border-radius:17px;max-height:85vh}.video-modal-close-button{font-size:18px;height:36px;right:-8px;top:-8px;width:36px}}.video-modal-video:focus{outline:3px solid var(--accent-primary);outline-offset:2px}.video-modal-overlay{animation:modalFadeIn .3s ease-out}.video-modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.year-panel{align-items:center;background:var(--bg-card-alt);border:1px solid var(--border-color-light);border-radius:24px;box-shadow:0 4px 16px #0000004d;display:flex;flex-direction:column;margin:32px auto 40px;max-width:1800px;padding:32px 0 64px;width:100%}.year-panel .year-heading{color:var(--text-primary);font-size:2.2em;font-weight:700;margin:32px 0 24px;text-align:center}.App[data-theme=light] .year-panel{border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a}.year-panel .avatar-carousel-wrapper{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1750px;width:100%}@media (max-width:768px){.year-panel{margin:24px auto 32px;padding:24px 0 40px;width:100%}.year-panel .year-heading{font-size:1.8em;margin:24px 0 16px}}.login-overlay{align-items:center;background:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.login-container{box-sizing:border-box;max-width:400px;padding:20px;width:100%}.login-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:40px 32px;text-align:center}html[data-theme=dark] .login-content{box-shadow:0 8px 32px #0000004d}.login-title{color:var(--text-primary);font-size:2.5rem;font-weight:300;letter-spacing:2px;margin:0 0 8px}.login-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0 0 32px}.login-form{width:100%}.login-input-group{margin-bottom:24px;text-align:left}.login-input{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:16px;transition:all .2s ease;width:100%}.login-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--accent-primary-alpha);outline:none}.login-input-error,.login-input-error:focus{border-color:#ef4444;border-color:var(--error-color)}.login-input-error:focus{box-shadow:0 0 0 3px #ef44441a;box-shadow:0 0 0 3px var(--error-color-alpha)}.login-input:disabled{cursor:not-allowed;opacity:.6}.login-error-message{color:#ef4444;color:var(--error-color);display:block;font-size:.85rem;margin-top:8px;text-align:left}.login-button{background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:1px;padding:16px;text-transform:uppercase;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){background:#2563eb;background:var(--accent-primary-hover);box-shadow:0 4px 12px #3b82f61a;box-shadow:0 4px 12px var(--accent-primary-alpha);transform:translateY(-1px)}.login-button:active:not(:disabled){box-shadow:0 2px 8px #3b82f61a;box-shadow:0 2px 8px var(--accent-primary-alpha);transform:translateY(0)}.login-button:disabled{background:var(--border-primary);box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:480px){.login-container{padding:16px}.login-content{padding:32px 24px}.login-title{font-size:2rem}.login-button,.login-input{padding:14px}}@media (max-width:768px){.login-container{max-width:360px}}:root{--error-color:#ef4444;--error-color-alpha:#ef44441a;--accent-primary-alpha:#3b82f61a;--accent-primary-hover:#2563eb}html[data-theme=dark]{--error-color:#f87171;--error-color-alpha:#f871711a;--accent-primary-alpha:#60a5fa1a;--accent-primary-hover:#3b82f6}
/*# sourceMappingURL=main.79a0c06f.css.map*/