@import"https://fonts.googleapis.com/css2?family=Italiana&family=Playfair+Display:wght@400;600&family=Source+Serif+4:wght@400;600&display=swap";:root{--bg: #f2e7da;--paper: #ffffff;--ink: #40302d;--muted: #6f6254;--accent: #8b3a2a;--accent-soft: #e2b39e;--gold: #b89b72;--burgundy: #6f2f2f;--accent-2: #213547;--danger: #b3261e;--ok: #137333;--radius: 14px;--shadow: 0 8px 20px rgba(0, 0, 0, .08);--shadow-soft: 0 12px 26px rgba(0, 0, 0, .06)}.media-card{height:auto;display:flex;flex-direction:column;background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.media-spot{position:relative;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden}.media-spot>img,.media-spot>video,.media-spot>.media-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:#ded8cf}.media-card>img,.media-card>video,.media-card>.media-placeholder{width:100%;height:auto;background:#ded8cf}.media-card .media-meta{height:100px;padding:.8rem;overflow:hidden}*{box-sizing:border-box}body{margin:0;font-family:"Source Serif 4",serif;color:var(--ink);background:radial-gradient(120% 40% at 50% 14%,#e8cebae6,#e8ceba59 45%,#e8ceba00 75%),radial-gradient(circle at 12% 18%,#f8ecdf 0%,transparent 40%),radial-gradient(circle at 92% 16%,#f3d8c6 0%,transparent 34%),radial-gradient(circle at 14% 88%,#f0d1b6 0%,transparent 36%),var(--paper);position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(120,92,70,.03),rgba(120,92,70,.03) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,rgba(120,92,70,.02),rgba(120,92,70,.02) 1px,transparent 1px,transparent 5px);pointer-events:none;opacity:.35;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 8% 18%,rgba(196,106,74,.12),transparent 18%),radial-gradient(circle at 92% 12%,rgba(184,155,114,.12),transparent 16%),radial-gradient(circle at 6% 88%,rgba(139,58,42,.1),transparent 18%),radial-gradient(circle at 94% 82%,rgba(231,185,165,.12),transparent 18%);pointer-events:none;opacity:.35;z-index:0}.app-shell{min-height:100vh;min-height:100dvh;position:relative;z-index:1}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #ebe4db;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,opacity .3s ease}.app-header h1{margin:0;font-size:1.6rem;letter-spacing:.02em;font-weight:600;font-family:Playfair Display,serif;margin-left:1rem}.app-header nav{display:flex;gap:.5rem;align-items:center}.app-header nav a{text-decoration:none;padding:.4rem .75rem;border-radius:999px;color:var(--accent-2);font-weight:600}.app-header nav a.active{background:var(--accent);color:#fff}.app-main{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 2.5rem}.app-header.at-top{position:fixed;left:0;right:0;margin:0 auto;max-width:1200px;top:12px;border-bottom:none;border-radius:999px;box-shadow:0 6px 14px #8b3a2a2e;background:#ffffffe0;transform:translateY(0);opacity:1;animation:header-float-in .35s ease}.app-header.leaving-top{position:fixed;left:0;right:0;margin:0 auto;max-width:1100px;top:12px;border-bottom:none;border-radius:999px;box-shadow:0 12px 26px #0000001f;background:#ffffffe0;transform:translateY(-10px);opacity:0}.app-header.sticky{position:sticky;top:0;animation:header-sticky-in .32s ease}.app-header.leaving-sticky{position:sticky;top:0;transform:translateY(-10px);opacity:0;pointer-events:none}.app-header.at-top+.app-main{padding-top:calc(1.5rem + 64px)}@keyframes header-float-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes header-sticky-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-upload{opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.header-upload.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.page{display:grid;gap:1rem}.page h2{margin:0}.panel{background:var(--paper);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow-soft)}input[type=file]{margin-top:.5rem;width:100%}button{border:none;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;padding:.7rem 1.2rem;cursor:pointer;border:1px solid transparent;font-family:"Source Serif 4",serif;transition:box-shadow .2s ease,background .25s ease,border-color .25s ease,color .25s ease;box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){background:#caa46c;border-color:#caa46c;color:#5a3a2b;box-shadow:none}button.secondary{background:transparent;color:var(--ink);border:1px solid #e4d9cf;box-shadow:none}button.secondary:hover:not(:disabled){background:#f4ebe2;transform:translateY(-1px)}button.primary{background:var(--accent);color:#fff}.hint,.state,small,p{color:var(--muted)}.error{color:var(--danger)}.success{color:var(--ok)}.file-list ul{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.file-list li{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid #f0e9df;padding-bottom:.4rem}.gallery-header{display:flex;justify-content:space-between;align-items:center}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.8rem 1.2rem;background:#f6eee4bf;border-radius:999px;box-shadow:var(--shadow);font-size:.95rem;position:sticky;bottom:24px;margin:1.2rem auto 0;width:fit-content;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pagination-bar span{font-family:Playfair Display,serif;letter-spacing:.02em;color:var(--ink);font-size:1.1rem}.pagination-bar span strong{font-weight:700}.pagination-bar .pagination-of{font-size:.85rem;font-weight:600;margin:0 .3rem;display:inline-block}.pagination-bar button{background:var(--accent);color:#fff;border-radius:999px;padding:.55rem 1rem;box-shadow:none}.pagination-bar button:hover:not(:disabled){background:#caa46c;border-color:#caa46c;color:#5a3a2b}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.media-card{background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;opacity:0;transform:translateY(-8px);animation:card-rise .5s ease forwards;transition:transform .25s ease,box-shadow .25s ease}.media-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.media-card:hover .media-spot{outline:2px solid var(--gold);outline-offset:-2px}.media-card:hover .media-spot>img,.media-card:hover .media-spot>video{filter:brightness(1.03) saturate(1.02)}.media-card>img,.media-card>video,.media-card>.media-placeholder{width:100%;height:120px;object-fit:cover;background:#ded8cf}.media-card>video{display:block}.media-card .media-placeholder{display:grid;place-items:center;font-weight:700;color:#6f6254}.media-card .media-error{color:var(--danger);background:#efe4df}.media-card .media-meta{height:120px;padding:.8rem;overflow:hidden}.media-card .media-meta h3{margin:0 0 .3rem;font-size:.95rem;line-break:anywhere;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-click{position:absolute;top:0;left:0;width:100%;height:100%;cursor:zoom-in;z-index:2}@keyframes card-rise{to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:2.5rem 1.5rem;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-top:1rem}.hero-cover{width:170px;height:170px;margin:0 auto .9rem;border-radius:999px;overflow:hidden;border:none;box-shadow:0 8px 16px #00000014}.hero-cover img{width:100%;height:100%;object-fit:cover;display:block}.hero h2{margin:0;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:600}.hero .hero-date{margin-top:.35rem;font-family:Italiana,serif;font-size:1.25rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.hero .hero-date .date-num{font-size:1.25em}.hero p{margin:.9rem auto 1.4rem;max-width:480px;font-family:"Source Serif 4",serif;font-size:1.4rem;line-height:1.25;white-space:nowrap;text-align:center}.hero button{margin-top:.2rem}.section-divider{width:70px;height:2px;margin:2rem auto;background:var(--accent);border-radius:999px}.toast{background:var(--paper);color:var(--ink);border-radius:999px;padding:.6rem 1rem;box-shadow:var(--shadow);border:1px solid #efe7df}.toast.success{border-color:#13733333}.toast.error{border-color:#b3261e33}.media-spot{aspect-ratio:1/1!important}.media-spot>img,.media-spot>video,.media-spot>.media-placeholder{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#2c2118b8;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .35s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-overlay.is-open{opacity:1}.lightbox-content{position:relative;max-width:calc(100vw - 80px);max-height:calc(100vh - 80px);padding:.6rem;background:var(--paper);border-radius:18px;box-shadow:0 20px 45px #00000040;border:1px solid #efe4da;transform:translateY(8px) scale(.98);opacity:0;transition:transform .35s ease,opacity .35s ease;width:fit-content;height:fit-content}.lightbox-content.is-open{transform:translateY(0) scale(1);opacity:1}.lightbox-media{display:block;max-height:78vh;max-width:calc(100vw - 120px);width:auto;height:auto;border-radius:14px;object-fit:contain;box-shadow:0 12px 26px #00000026;background:#f0e8de}.lightbox-toolbar{position:absolute;top:0;left:0;right:0;height:56px;padding:0 12px;display:flex;align-items:center;justify-content:flex-end;gap:.4rem;background:linear-gradient(180deg,#2c211873,#2c211833 55%,#2c211800);border-radius:16px 16px 12px 12px;pointer-events:none}.lightbox-close{position:static;background:transparent;color:#fff;border:none;border-radius:999px;padding:8px;width:42px;height:42px;cursor:pointer;pointer-events:auto}.lightbox-nav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lightbox-nav .lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow-prev{left:12px}.lightbox-arrow-next{right:12px}.lightbox-counter{display:none}.lightbox-alias{margin:.5rem 0 .1rem;text-align:center;font-size:.85rem;color:var(--muted)}.lightbox-arrow{pointer-events:auto;width:56px;height:56px;border-radius:999px;border:none;background:#ffffffe6;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;margin:0 12px;cursor:pointer;box-shadow:0 8px 18px #0000002e;transition:background .25s ease,color .25s ease,box-shadow .25s ease}.lightbox-arrow svg{width:34px;height:34px}.lightbox-arrow:disabled{opacity:.3;cursor:not-allowed}.lightbox-download{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:transparent;color:#fff;text-decoration:none;border-radius:999px;border:1px solid transparent;pointer-events:auto}.lightbox-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:transparent;color:#fff;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease;pointer-events:auto}.lightbox-icon:hover{background:#ffffff29;transform:scale(1.05)}.lightbox-arrow:hover:not(:disabled){background:#caa46c;color:#5a3a2b;box-shadow:0 10px 22px #6e563a47}.lightbox-media.slide-next,.lightbox-content.slide-next{animation:lightbox-slide-next .35s ease}.lightbox-content.slide-prev{animation:lightbox-slide-prev .35s ease}@keyframes lightbox-slide-next{0%{opacity:.6;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes lightbox-slide-prev{0%{opacity:.6;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.bingo-page .panel{padding:1.4rem}.bingo-page h2{margin-bottom:.3rem}.bingo-page p{margin-top:0}.bingo-user-form{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap;margin:.8rem 0}.bingo-user-form label{display:block;font-weight:600;font-size:.9rem}.bingo-user-form input{border:1px solid #dbcdbf;border-radius:10px;padding:.55rem .7rem;min-width:220px;font-family:"Source Serif 4",serif}.bingo-active-user{font-weight:600;color:var(--ink)}.bingo-user-session{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.8rem 0}.bingo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.bingo-card{display:grid;gap:.45rem}button.bingo-slot{width:100%;padding:0;border-radius:12px;border:2px dashed #d8cabc;background:#f7efe6;color:var(--muted);overflow:hidden;box-shadow:none}button.bingo-slot:hover{border-color:var(--gold);background:#efe2d5;color:var(--ink)}button.bingo-slot.is-completed{border-color:#89b88e;background:#edf7ee}.bingo-slot-media{position:relative;width:100%;aspect-ratio:4/5;display:grid;place-items:center;background:linear-gradient(180deg,#f8f0e7,#efe2d4)}.bingo-slot-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bingo-placeholder{font-weight:600;font-size:.95rem;text-align:center;padding:.4rem}.bingo-title{margin:0;font-size:.94rem;line-height:1.25;color:var(--ink);font-weight:600}.bingo-identifier{margin:0;font-size:.72rem;letter-spacing:.03em;color:var(--muted)}.bingo-slot-input{display:none}@media (max-width: 700px){.bingo-grid{gap:.6rem}.bingo-title{font-size:.86rem}}@media (max-width: 560px){.bingo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,a,.media-click,.bingo-slot{-webkit-tap-highlight-color:rgba(139,58,42,.12)}input[type=text],input:not([type]),.home-form input,.bingo-user-form input{font-family:"Source Serif 4",serif;font-size:16px;border:1px solid #dbcdbf;border-radius:12px;padding:.7rem .8rem;background:var(--paper);color:var(--ink);width:100%}.home-page{place-content:center;min-height:70dvh}.home-panel{max-width:26rem;margin:0 auto;width:100%}.home-panel h2{font-family:Playfair Display,serif;font-size:1.9rem}.home-panel p{max-width:34ch;line-height:1.5}.home-form{display:grid;gap:.5rem;margin-top:1rem}.home-form label{font-weight:600;font-size:.9rem}.home-form button{margin-top:.4rem;min-height:48px}.upload-trigger,.upload-state{margin-left:8px}.toast{position:fixed;bottom:20px;right:20px;z-index:9999}@media (hover: none){.media-card:hover,button.secondary:hover:not(:disabled){transform:none}.media-card:hover .media-spot{outline:none}.media-card:hover .media-spot>img,.media-card:hover .media-spot>video{filter:none}button:hover:not(:disabled),.pagination-bar button:hover:not(:disabled){background:var(--accent);border-color:transparent;color:#fff}button.secondary:hover:not(:disabled){background:transparent;border-color:#e4d9cf;color:var(--ink)}.lightbox-arrow:hover:not(:disabled){background:#ffffffe6;color:var(--ink);box-shadow:0 8px 18px #0000002e}button.bingo-slot:hover{border-color:#d8cabc;background:#f7efe6;color:var(--muted)}button.bingo-slot.is-completed:hover{border-color:#89b88e;background:#edf7ee}.lightbox-icon:hover{background:transparent;transform:none}}@media (hover: none){button:active:not(:disabled),.bingo-slot:active{transform:scale(.98)}}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}}@media (max-width: 700px){html,body{overflow-x:hidden;max-width:100vw}.app-shell{max-width:100vw;overflow-x:hidden}.app-header,.app-header.at-top,.app-header.sticky,.app-header.leaving-top,.app-header.leaving-sticky{position:sticky;top:0;left:auto;right:auto;max-width:none;margin:0;padding:.55rem .75rem;padding-top:calc(.55rem + env(safe-area-inset-top));border-radius:0;border-bottom:1px solid #ebe4db;box-shadow:0 2px 10px #8b3a2a0f;background:#fffffff5;transform:none;opacity:1;pointer-events:auto;animation:none;gap:.5rem}.app-header h1{margin-left:0;min-width:0;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header nav{gap:.25rem;flex-shrink:0}.app-header nav a{padding:.45rem .6rem;font-size:.88rem}.app-header.at-top+.app-main{padding-top:1rem}.upload-trigger{margin-left:4px;padding:.5rem .85rem;font-size:.88rem}.upload-state{display:none}.app-main{width:100%;max-width:100vw;margin:0;overflow-x:hidden;padding:1rem .75rem 2rem}.gallery-page{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.gallery-page,.bingo-page{width:100%;max-width:100vw;overflow-x:hidden}.panel{padding:1rem}.hero{padding:1.75rem 1rem;margin:0 0 .5rem;border-radius:var(--radius);width:100%}.hero-cover{width:96px;height:96px;margin-bottom:.75rem}.hero h2{font-size:1.75rem}.hero .hero-date{font-size:1rem}.hero p{white-space:normal;max-width:30ch;font-size:1.05rem;line-height:1.4;margin:.75rem auto 1.1rem;padding:0}.hero button{width:100%;min-height:48px;font-size:1rem}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:0;width:100%;margin:0}.media-card,.media-spot{border-radius:8px}.media-card{box-shadow:0 2px 6px #0000000f}.pagination-bar{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:100vw;margin:0;border-radius:0;gap:.75rem;font-size:.85rem;background:#faf4eceb;border-top:1px solid #ebe1d4;box-shadow:0 -2px 14px #0000000f;padding:.7rem 1rem;padding-bottom:calc(.7rem + env(safe-area-inset-bottom))}.pagination-bar button{min-height:44px;padding:.55rem 1.1rem}.pagination-bar span{font-size:1rem}.toast{left:.75rem;right:.75rem;bottom:calc(5rem + env(safe-area-inset-bottom));text-align:center;border-radius:14px}.bingo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.bingo-page .panel{padding:1rem}.bingo-slot-media{aspect-ratio:1/1}.bingo-title{font-size:.86rem}.bingo-identifier{display:none}.lightbox-overlay{height:100dvh}.lightbox-content{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:5.5rem}.lightbox-media{max-width:100vw;max-height:calc(100dvh - 12rem);border-radius:0;box-shadow:none;background:transparent}.lightbox-alias{color:#f4ece2;margin-top:.9rem}.lightbox-toolbar{border-radius:0;height:auto;padding:.5rem;padding-top:calc(.5rem + env(safe-area-inset-top));background:linear-gradient(180deg,#140e0a8c,#140e0a00)}.lightbox-nav{inset:auto 0 0 0;display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.lightbox-nav .lightbox-arrow{position:static;transform:none;width:52px;height:52px;margin:0}.lightbox-counter{display:inline-block;pointer-events:none;min-width:4.5rem;text-align:center;font-family:Playfair Display,serif;font-size:1rem;color:#f4ece2}}@media (max-width: 380px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.app-header h1{font-size:1rem}.app-header nav a{padding:.4rem .5rem;font-size:.82rem}.hero h2{font-size:1.55rem}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){.hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 1.25rem;text-align:left;padding:1rem}.hero-cover{grid-row:1/4;width:84px;height:84px;margin:0}.hero p{margin:.35rem 0 .75rem;text-align:left}.hero button{width:auto;justify-self:start}.lightbox-media{max-height:calc(100dvh - 7rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.media-card{opacity:1;transform:none}}