.gallery-archive-wrap,.gallery-modal-panel{font-family:Arial,sans-serif}.gallery-archive-wrap{--ocean:#0ea5b7;--deep:#0f5f77;--sand:#efd59d;--foam:#f7fbfc;--sun:#f4b860;max-width:1280px;margin:0 auto;padding:20px;color:#143745}.gallery-hero{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;background:linear-gradient(135deg,#c4eef8,#fff3d5 60%,#e8c47d);padding:22px;border-radius:24px;box-shadow:0 14px 30px rgba(0,0,0,.08);margin-bottom:24px}.gallery-hero h2{margin:0 0 8px;font-size:32px;color:var(--deep)}.gallery-hero p{margin:0;max-width:720px}.gallery-year-form label{display:block;font-weight:800;margin-bottom:6px}.gallery-year-form select{min-width:160px;padding:10px 14px;border-radius:999px;border:1px solid #8dcfdb;background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.gallery-card-front{background:linear-gradient(180deg,#fefbf3,#d7f2f7);border:1px solid #aad7df;border-radius:24px;overflow:hidden;box-shadow:0 14px 24px rgba(7,62,84,.08)}.gallery-mini-carousel{position:relative;height:210px;background:#d8f4fb}.gallery-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s}.gallery-slide.active{opacity:1}.gallery-slide img,.gallery-player-slide img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none;pointer-events:none}.gallery-slide-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d5f1f8,#f6e0b1);opacity:1}.gallery-card-body{padding:16px 16px 18px}.gallery-card-body h3{margin:0 0 8px;color:var(--deep);font-size:22px}.gallery-card-body p{margin:0 0 12px;color:#355665;min-height:44px}.gallery-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.gallery-heart{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#fff5f7;font-weight:800;color:#b43a61;cursor:pointer;border:1px solid #f1c2d1}.gallery-heart.liked{box-shadow:0 0 0 3px rgba(244,184,96,.25)}.gallery-year-badge{background:#0ea5b7;color:#fff;padding:7px 11px;border-radius:999px;font-weight:800}.gallery-actions{display:flex;gap:10px}.gallery-btn{flex:1;border:none;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#0ea5b7,#e5b96b);color:#fff;font-weight:800;cursor:pointer}.gallery-empty{grid-column:1/-1;padding:30px;text-align:center;background:#f6fbfc;border-radius:18px;border:1px dashed #93cdda}.gallery-modal{position:fixed;inset:0;z-index:99999}.gallery-modal-backdrop{position:absolute;inset:0;background:rgba(4,18,27,.78)}.gallery-modal-panel{position:relative;z-index:2;max-width:1200px;margin:3vh auto;height:94vh;background:linear-gradient(180deg,#fefbf3,#d7f2f7);border-radius:24px;overflow:auto;padding:24px}.gallery-modal-close{position:absolute;top:14px;right:14px;border:none;background:#fff;color:#184257;border-radius:50%;width:40px;height:40px;font-size:28px;cursor:pointer;z-index:3}.gallery-view-header{padding-right:50px;margin-bottom:18px}.gallery-view-header h2{margin:0 0 6px;color:var(--deep)}.gallery-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.gallery-grid-item{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 18px rgba(0,0,0,.08)}.gallery-grid-item img{display:block;width:100%;height:190px;object-fit:cover;cursor:pointer}.gallery-grid-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px}.gallery-grid-caption strong{color:#0f5f77}.gallery-player{height:100%}.gallery-player-stage{position:relative;height:82vh;background:#07131a;border-radius:20px;overflow:hidden}.gallery-player-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s}.gallery-player-slide.active{opacity:1}.gallery-player-caption{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));text-align:center}.gallery-player-caption span{display:inline-block;color:#fff;font-size:28px;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.6)}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;background:rgba(255,255,255,.18);backdrop-filter:blur(5px);color:#fff;width:54px;height:54px;border-radius:50%;font-size:34px;cursor:pointer}.gallery-nav.prev{left:16px}.gallery-nav.next{right:16px}@media(max-width:700px){.gallery-mini-carousel{height:180px}.gallery-player-stage{height:72vh}.gallery-player-caption span{font-size:20px}.gallery-modal-panel{margin:0;height:100vh;border-radius:0;padding:16px}}