html{height:-webkit-fill-available;background:var(--bg-color)}:root{--primary-color: #1a73e8;--bg-color: #f5f5f5;--card-bg: #fff;--text-color: #333;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--transition: .3s ease;--header-height: 180px;--full-vh: 100vh;--header-overlay: rgba(255, 255, 255, .6)}@media (prefers-color-scheme: dark){:root{--bg-color: #121212;--card-bg: #1e1e1e;--text-color: #e0e0e0;--shadow: 0 2px 8px rgba(0, 0, 0, .5);--primary-color: #3b82f6;--header-overlay: rgba(0, 0, 0, .6)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--bg-color);color:var(--text-color);height:var(--full-vh);min-height:-webkit-fill-available;overscroll-behavior:none}body.modal-open{overflow:hidden}header{background:var(--card-bg);padding:2.5rem 1rem;min-height:var(--header-height);position:fixed;width:100%;top:0;z-index:10;box-shadow:var(--shadow);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transition:min-height .3s ease-in-out,padding .3s ease-in-out,font-size .3s ease-in-out,height .3s ease-in-out;position:relative;display:flex;flex-direction:column;align-items:center}body.shrunk header{min-height:auto;height:auto;padding:.3rem}body.shrunk header #page-title{font-size:1.8rem;opacity:0;max-height:0;margin:0;overflow:hidden;transition:font-size .3s ease-in-out,opacity .3s ease-in-out,max-height .3s ease-in-out,margin .3s ease-in-out}body.shrunk header #toggle-button{font-size:1rem}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--header-overlay)}.header-text{position:relative;text-align:center;z-index:1;margin-bottom:1rem}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;flex-wrap:nowrap;width:100%;margin-top:2rem}#page-title{font-size:2.8rem;font-weight:600;max-height:4em;overflow:hidden;transition:max-height .3s ease-in-out,font-size .3s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out;opacity:1}#toggle-button{background:#1a73e84d;border:none;color:var(--primary-color);font-size:1.3rem;font-weight:600;cursor:pointer;transition:color .3s ease-in-out,font-size .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out;padding:.4rem .8rem;border-radius:4px;box-shadow:0 1px 3px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:1;line-height:1.5;height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;margin-left:0}#toggle-button:hover{color:#0c5fd9;transform:scale(1.05);opacity:1}#language-toggle{background:#1a73e84d;border:none;color:var(--primary-color);font-size:1.3rem;font-weight:600;cursor:pointer;transition:color .3s ease-in-out,font-size .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out;white-space:nowrap;display:flex;align-items:center;padding:.4rem .8rem;border-radius:4px;box-shadow:0 1px 3px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:1;line-height:1.5;height:36px;min-height:36px;justify-content:center;margin-right:0}#language-toggle:hover{color:#0c5fd9;transform:scale(1.05);opacity:1}body.shrunk header .header-content{align-items:center;flex-direction:row;justify-content:space-between;min-height:auto;padding:0;margin-top:0}body.shrunk header{min-height:auto;padding:.3rem}.main-content{max-width:1200px;margin:0 auto;padding:0 1rem;height:calc(var(--full-vh) - var(--header-height));overflow-y:auto;position:relative;overscroll-behavior:none}.stage-swiper{height:calc(var(--full-vh) - var(--header-height) - 2rem)}.stage-swiper .swiper-button-prev,.stage-swiper .swiper-button-next{color:var(--primary-color);opacity:0;transition:opacity .3s ease}.stage-swiper:hover .swiper-button-prev,.stage-swiper:hover .swiper-button-next{opacity:1}.stage-swiper .swiper-button-disabled{display:none}.stage-swiper .swiper-pagination{bottom:3rem}@media (min-width: 769px){.stage-swiper .swiper-button-prev{left:-50px}.stage-swiper .swiper-button-next{right:-50px}}@media (max-width: 768px){.stage-swiper .swiper-button-prev,.stage-swiper .swiper-button-next{display:none}header{min-height:160px;padding:1rem;flex-direction:column;justify-content:flex-start}body.shrunk header{min-height:auto;height:auto;padding:.3rem}header:before{-webkit-backdrop-filter:none;backdrop-filter:none}.overview-phases{padding-bottom:200px}.header-content{flex-wrap:nowrap;justify-content:space-between;margin-top:1rem;width:100%}.header-text{margin-bottom:.5rem}#toggle-button{font-size:1.1rem;height:32px;min-height:32px;line-height:1.5;margin-left:0}#language-toggle{font-size:1.1rem;height:32px;min-height:32px;line-height:1.5;margin-right:0}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.gallery-item{height:150px}.modal-swiper .swiper-button-prev,.modal-swiper .swiper-button-next{display:none}.close-button{font-size:2.5rem;padding:1rem}}@media (max-width: 480px){header{min-height:140px;padding:.8rem}body.shrunk header{min-height:auto;height:auto;padding:.2rem}#page-title{font-size:1.8rem}body.shrunk header #page-title{font-size:1.2rem}#toggle-button{font-size:.9rem;height:28px;min-height:28px;line-height:1.5;margin-left:0}#language-toggle{font-size:.9rem;height:28px;min-height:28px;line-height:1.5;margin-right:0}.header-text{margin-bottom:.4rem}.header-content{margin-top:.8rem;width:100%}}.swiper-slide{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;transform:translateZ(0);backface-visibility:hidden;overscroll-behavior:none}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;width:100%;padding:.5rem 0 10rem;opacity:0;animation:fadeIn .5s ease-in-out forwards;overflow:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body.shrunk .gallery{padding-top:.5rem}body.shrunk .overview-phases{padding-top:.5rem}.gallery-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);height:200px}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026;will-change:transform}.gallery-item .placeholder-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--transition);z-index:1}.gallery-item .gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition),opacity var(--transition);opacity:0;filter:blur(0);z-index:2}.gallery-image.loaded{opacity:1}.gallery-item:hover .gallery-image{transform:scale(1.05)}.caption{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:.5rem;font-size:.85rem;text-align:center;z-index:3;transition:opacity .3s ease}.error-message{color:#d32f2f;text-align:center;margin:2rem 0}.error-card{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);padding:1rem;text-align:center;margin:2rem auto;max-width:600px}.error-card button{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:100;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#ffffffb3;font-size:2rem;cursor:pointer;transition:color .3s;z-index:3}.close-button:hover{color:#fff}.modal-content{width:90%;height:90%;position:relative;display:flex;flex-direction:column;justify-content:center}.modal-swiper{width:100%;height:100%}.modal-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}.modal-swiper .swiper-slide img{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease,filter .3s ease}.modal-content .caption{position:absolute;bottom:0;width:100%;background:#000000b3;color:#fff;padding:1rem;text-align:center;font-size:1rem;z-index:2;transition:opacity .3s ease}.modal-content .info-panel{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:1rem;z-index:2;display:flex;flex-direction:column;transition:opacity .3s ease;width:auto;white-space:nowrap}.modal-content .info-panel .day{font-weight:700;font-size:1.2rem}.modal-content .info-panel .date{font-size:1rem}.modal-content .info-panel .time{font-size:.9rem;opacity:.8}@media (min-width: 769px){.modal-content .info-panel{position:absolute;top:10px;left:10px;width:auto;height:auto;padding:8px 12px}.modal-content .info-panel .day{margin:0 0 2px;font-size:1.1rem;line-height:1.2}.modal-content .info-panel .date{margin:0 0 1px;font-size:.9rem;line-height:1.1}.modal-content .info-panel .time{margin:0;font-size:.8rem;line-height:1.1}#quality-switch{background:#ffffffe6;color:#000;left:150px}#quality-switch:hover{background:#fff}}.swiper-button-prev,.swiper-button-next{color:#fff}@media (max-width: 480px){.gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-item{height:120px}}.loading-spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid var(--bg-color);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;display:none}.modal-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;z-index:1;display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overview-phases{padding:1rem 0 10rem;display:flex;flex-direction:column;height:auto}.phase-section{margin-bottom:2rem;height:auto}.phase-section summary{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;cursor:pointer;list-style:none}.phase-section summary::-webkit-details-marker{display:none}.phase-section summary:before{content:"▶ ";display:inline-block;transition:transform .3s}.phase-section[open] summary:before{transform:rotate(90deg)}.stage-list{list-style:none}.stage-item{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);padding:1rem;margin-bottom:1rem;cursor:pointer;transition:transform var(--transition);display:flex;align-items:center}.stage-item.not-started{cursor:default;opacity:.7}.stage-item.not-started:hover{transform:none}.stage-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:4px;margin-right:1rem}.placeholder-thumbnail{width:60px;height:60px;background:var(--bg-color);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem;color:var(--text-color);border-radius:4px;margin-right:1rem;padding:.5rem;border:1px solid var(--shadow)}.stage-name{font-size:1rem;font-weight:600}.gallery-item.skeleton{background:#e0e0e0;height:200px}.day-badge{position:absolute;top:10px;left:10px;background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;z-index:3;opacity:1;width:auto;white-space:nowrap;line-height:1.2}.image-modal:hover #quality-switch,.image-modal:focus-within #quality-switch{opacity:1}#quality-switch{position:absolute;top:10px;left:10px;z-index:11;background:#ffffff80;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.8rem;color:var(--primary-color);opacity:0;transition:opacity .3s ease,background .3s ease;font-weight:700}#quality-switch:hover{background:#fffc}.gallery-item.closing-highlight{animation:zOut .5s ease-in-out}@keyframes zOut{0%{transform:scale(none);filter:drop-shadow(0 0 5px #efcc00)}25%{transform:scale(1.2)}to{transform:scale(none)}}