:root{--bg:#101010;--surface:#111;--surface-alt:#171717;--text-primary:#f7f4ef;--text-secondary:#a2a2a2;--muted-border:#2a2a2a;--accent:#f7f4ef;--accent-dark:#d9d5cf;--success:#397a54;--error:#b64235;--shadow:0 20px 44px #0006;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--ui-font:"Inter", "Avenir Next", "Segoe UI", sans-serif;--title-font:Georgia, "Times New Roman", serif;--mono-font:"JetBrains Mono", "SFMono-Regular", monospace}*{box-sizing:border-box}body{font-family:var(--ui-font);color:var(--text-primary);background:radial-gradient(circle at 20% 0%, #1c1c1c 0%, #101010 55%), radial-gradient(circle at 85% 0%, #242424 0%, #24242400 42%), var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}.language-fab{z-index:80;position:absolute;top:.65rem;right:.65rem}.app-root{position:relative}.language-fab-button,.language-fab-option{color:#fff;background:#0f0f0feb;border:1px solid #2f2f2f;border-radius:999px;place-items:center;width:44px;height:44px;font-size:1.25rem;display:grid}.language-fab-menu{gap:.35rem;margin-top:.4rem;display:grid}.language-fab-option.active{border-color:#f7f4ef;box-shadow:inset 0 0 0 2px #f7f4ef47}h1,h2,p{margin:0}h1,h2{color:var(--text-primary)}h1{font-family:var(--title-font);letter-spacing:-.03em;gap:.2rem;font-size:clamp(2.1rem,5vw,3.35rem);line-height:1.05;display:grid}.title-mark{font-size:clamp(2.2rem,4vw,3rem);line-height:.8}h2{font-family:var(--title-font);font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2}p{color:var(--text-secondary)}a{color:inherit}code{font-family:var(--mono-font);background:#202020;border-radius:8px;padding:.18rem .4rem;font-size:.88rem}.page-shell{gap:1rem;width:min(1080px,100% - 2rem);margin:0 auto;padding:1.25rem 0 3rem;display:grid}.hero-layout{grid-template-columns:1.2fr .8fr;gap:1rem;display:grid}.hero-card,.panel,.success-card{background:linear-gradient(165deg, var(--surface), #161616 65%);border:1px solid var(--muted-border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:clamp(1.1rem,2.5vw,1.7rem)}.hero-card{gap:.9rem;display:grid}.hero-copy{max-width:62ch}.phone-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.3rem;display:grid}.phone-stack{align-content:start;gap:.75rem;display:grid}.hero-note{border-radius:var(--radius-xl);background:linear-gradient(165deg,#131313,#1a1a1a 66%);border:1px solid #2a2a2a;align-content:start;gap:.8rem;padding:1rem;display:grid}.mini-event-card{background:#0b0b0b;border:1px solid #343434;border-radius:26px;gap:.45rem;padding:.8rem;display:grid}.mini-cover{background:radial-gradient(circle at 20% 40%,#70523a 0 22%,#0000 23%),radial-gradient(circle at 45% 55%,#304a32 0 26%,#0000 27%),radial-gradient(circle at 72% 42%,#6d6a50 0 32%,#0000 33%),#1d241c;border-radius:16px;min-height:90px}.mini-event-card h3{font-family:var(--title-font);margin:0;font-size:1.35rem}.mini-event-card p{font-size:.82rem}.mini-input,.mini-button{border-radius:12px;padding:.56rem .7rem;font-size:.85rem}.mini-input{color:#8b8b8b;background:#121212;border:1px solid #2f2f2f}.mini-button{color:#0e0e0e;text-align:center;background:#f7f4ef;font-weight:700}.design-shot{aspect-ratio:390/844;object-fit:cover;background:#0b0b0b;border:1px solid #2d2d2d;border-radius:20px;width:100%}.kicker,.label{text-transform:uppercase;letter-spacing:.08em;color:#a6a6a6;background:#171717;border:1px solid #2f2f2f;border-radius:999px;width:fit-content;padding:.22rem .62rem;font-size:.78rem;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:.7rem;display:flex}.hero-actions.compact .button{min-width:120px}.button{border-radius:var(--radius-md);font:inherit;border:0;justify-content:center;align-items:center;min-width:160px;padding:.8rem 1rem;font-weight:700;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.button:disabled{opacity:.68}.button:hover{transform:translateY(-1px)}.button.primary{color:#0b0b0b;background:linear-gradient(180deg, var(--accent), var(--accent-dark))}.button.secondary{color:var(--text-primary);background:var(--surface-alt);border:1px solid var(--muted-border)}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.panel{align-content:start;gap:.8rem;display:grid}.panel.narrow{max-width:640px}.step-dots{gap:.45rem;display:flex}.step-dots span{background:#404040;border-radius:99px;width:8px;height:8px}.step-dots span.active{background:#f7f4ef}.film-strip{gap:.5rem;display:flex}.film-strip span{background:linear-gradient(135deg,#2c3a28,#6d7e62);border-radius:14px;flex:1;height:86px;display:block}.film-strip span:nth-child(2){background:linear-gradient(135deg,#d8ccb8,#384c32)}.film-strip span:nth-child(3){background:linear-gradient(135deg,#c6aa83,#6b4b2e)}.privacy-chip{color:#c9c9c9;background:#171717;border:1px solid #2e2e2e;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .65rem;font-size:.84rem;display:inline-flex}.inline-link{color:#e7dfd4;font-weight:700}.badge-row{flex-wrap:wrap;gap:.45rem;display:flex}.rule-badge{color:#bcbcbc;background:#191919;border:1px solid #313131;border-radius:999px;align-items:center;padding:.24rem .62rem;font-size:.82rem;display:inline-flex}.form{gap:.9rem;display:grid}.field{gap:.35rem;display:grid}.field span{color:var(--text-primary);font-size:.93rem;font-weight:600}.field input,.field select{width:100%;font:inherit;border:1px solid var(--muted-border);color:var(--text-primary);background:#0e0e0e;border-radius:14px;padding:.75rem .85rem}.join-link{font-family:var(--mono-font);border:1px solid var(--muted-border);word-break:break-all;background:#0e0e0e;border-radius:12px;padding:.6rem .7rem;font-size:.84rem}.qr-card{background:#fff;border:1px solid #2f2f2f;border-radius:20px;place-items:center;width:210px;min-height:210px;padding:.8rem;display:grid}.qr-card img{border-radius:12px;width:100%;height:auto;display:block}.qr-card p{color:#4d4d4d;font-size:.82rem}.share-stage{background:#0a0a0a;border:1px solid #2b2b2b;border-radius:24px;justify-items:start;gap:.8rem;padding:1rem;display:grid}.share-copy{max-width:32ch;font-size:.9rem}.dot{aspect-ratio:1;background:#f7f4ef20;border-radius:4px;width:100%;display:block}.dot.on{background:#f7f4ef}.hidden-input{display:none}.upload-button{cursor:pointer;width:fit-content}.upload-collage{background:linear-gradient(135deg,#2c3a28,#1e241c);border:1px solid #2e2e2e;border-radius:24px;min-height:120px;position:relative}.upload-collage span{background:#384c32;border:8px solid #d8ccb8;border-radius:14px;position:absolute}.upload-collage span:first-child{width:80px;height:100px;top:.9rem;left:1.2rem;transform:rotate(-8deg)}.upload-collage span:last-child{background:#6b4b2e;border-color:#c6aa83;width:86px;height:104px;top:1rem;right:1.2rem;transform:rotate(8deg)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.tilted-gallery{background:#090909;border:1px solid #343434;border-radius:24px;gap:.55rem;padding:1rem;display:grid;transform:rotate(-1.5deg)}.tilted-gallery h2{font-size:1.7rem}.tilted-gallery p{font-size:.86rem}.gallery-grid span{background:linear-gradient(135deg,#3d5038,#6a603f);border:1px solid #303030;border-radius:14px;min-height:90px;display:block}.gallery-grid span:nth-child(2),.gallery-grid span:nth-child(5){background:linear-gradient(135deg,#7b5837,#2e3d2c)}.field input:focus,.field select:focus{border-color:#9f9f9f;outline:2px solid #f7f4ef38}.checkbox-row{color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.error-text{color:var(--error)}.success-text{color:#88c79a}.success-card{background:linear-gradient(165deg,#141714,#121d16 66%);border-color:#2f4a39}.upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.preview-card{background:#0c0c0c;border:1px solid #2d2d2d;border-radius:16px;overflow:hidden}.preview-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.preview-card footer{gap:.2rem;padding:.55rem .6rem;display:grid}.preview-card footer p{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.upload-status.pending,.upload-status.uploading,.upload-status.processing{color:#d0d0d0}.upload-status.ready{color:#88c79a}.upload-status.failed{color:#d06b60}.locked-state{background:#0c0c0c;border:1px solid #2a2a2a;border-radius:20px;gap:.7rem;padding:1rem;display:grid}.gallery-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.gallery-photo-button{cursor:pointer;background:#0c0c0c;border:1px solid #2d2d2d;border-radius:14px;padding:0;overflow:hidden}.gallery-photo-button img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.lightbox{z-index:200;background:#050505e6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.lightbox img{border:1px solid #2b2b2b;border-radius:16px;max-width:min(100%,960px);max-height:90vh}.lightbox-nav{color:#f7f4ef;z-index:210;background:#0c0c0cb8;border:1px solid #343434;border-radius:999px;padding:.5rem .8rem;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav.left{left:.8rem}.lightbox-nav.right{right:.8rem}.lightbox-nav:disabled{opacity:.35}.lightbox-select-toggle{color:#101010;z-index:8;background:#0c0c0c3d;border:2px solid #ffffffeb;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:.7rem;right:.7rem}.lightbox-select-toggle .download-check-icon{opacity:0;width:16px;height:16px;transition:opacity .14s,transform .14s;transform:scale(.72)}.lightbox-select-toggle.selected{background:#f7f4ef;border-color:#f7f4ef}.lightbox-select-toggle.selected .download-check-icon{opacity:1;transform:scale(1)}.lightbox-nav-icon{width:22px;height:22px;display:block}.lightbox-swipe-viewport{touch-action:pan-y;border-radius:16px;width:min(100%,960px);max-height:90vh;overflow:hidden}.lightbox-swipe-track{will-change:transform;align-items:center;display:flex}.lightbox-swipe-slide{flex:0 0 100%;justify-content:center;align-items:center;min-height:min(90vh,760px);display:flex;position:relative}.lightbox-current-frame{max-width:100%;display:inline-block;position:relative}.lightbox-swipe-slide img{border:1px solid #2b2b2b;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:90vh;display:block}.lightbox-swipe-empty{width:100%;height:min(90vh,760px)}.join-gallery-shell{gap:.8rem;max-width:520px;margin:0 auto;padding-bottom:.8rem;display:grid}.join-hero-card{min-height:240px;box-shadow:var(--shadow);border:1px solid #2f2f2f;border-radius:34px;position:relative;overflow:hidden}.join-hero-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.join-hero-image.fallback{background:radial-gradient(circle at 18% 22%,#ffad8157 0,#0000 44%),radial-gradient(circle at 80% 15%,#ffe6ab3d 0,#0000 40%),radial-gradient(circle at 42% 84%,#7a94ed36 0,#0000 52%),#1a1a1a}.join-hero-overlay{background:linear-gradient(#08080847,#080808c7);position:absolute;inset:0}.join-hero-content{z-index:1;align-content:end;gap:.75rem;height:100%;padding:1rem;display:grid;position:relative}.join-hero-content h1{font-size:clamp(1.8rem,7vw,2.4rem)}.join-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.join-metrics.no-reveal{grid-template-columns:repeat(2,minmax(0,1fr))}.join-metrics.single{grid-template-columns:1fr;max-width:180px}.join-metrics div{background:#07070759;border:1px solid #f7f4ef38;border-radius:14px;gap:.12rem;padding:.48rem;display:grid}.join-metrics strong{color:#fff;font-size:1.03rem}.join-metrics span{color:#f7f4efcc;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.join-action-row{grid-template-columns:1fr auto auto;gap:.5rem;display:grid}.join-main-action{min-width:0}.join-icon-action{justify-content:center;align-items:center;width:auto;min-width:0;padding-inline:.85rem;display:inline-flex}.join-icon{width:20px;height:20px}.join-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.gallery-tools-row{flex-wrap:wrap;gap:.4rem;display:flex}.filter-chip{cursor:pointer;color:#c9c9c9}.filter-chip.active{color:#101010;background:#f7f4ef;border-color:#f7f4ef}.grouped-gallery{gap:.8rem;display:grid}.grouped-gallery-section{gap:.45rem;display:grid}.join-photo-tile{cursor:pointer;background:#0c0c0c;border:1px solid #2f2f2f;border-radius:18px;min-height:170px;padding:0;position:relative;overflow:hidden}.join-photo-tile:focus-visible{outline-offset:2px;outline:2px solid #f7f4ef}.join-photo-tile img{object-fit:cover;width:100%;height:100%;min-height:170px;display:block}.join-photo-tile.placeholder{background:linear-gradient(#05050538,#050505b8),radial-gradient(circle at 26% 22%,#9dbeff40 0,#0000 44%),radial-gradient(circle at 72% 72%,#f4c48c40 0,#0000 48%),#141414;place-items:end start;padding:.7rem;display:grid}.join-photo-tile.placeholder p{color:#f7f4ef;margin:0;font-size:.74rem}.join-photo-tile.selected-for-download{border-color:#f7f4ef;box-shadow:inset 0 0 0 2px #f7f4ef66,inset 0 0 0 999px #07070738}.download-check{background:#0c0c0c38;border:2px solid #ffffffeb;border-radius:999px;place-items:center;width:24px;height:24px;transition:background .14s,border-color .14s,transform .14s;display:grid;position:absolute;top:.45rem;right:.45rem}.download-check.selected{background:#f7f4ef;border-color:#f7f4ef;transform:scale(1.02)}.download-check-icon{color:#0f0f0f;opacity:0;width:15px;height:15px;transition:opacity .14s,transform .14s;transform:scale(.72)}.download-check.selected .download-check-icon{opacity:1;transform:scale(1)}.download-selection-bar{z-index:35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0ceb;border:1px solid #2f2f2f;border-radius:22px;margin-top:.3rem;padding:.4rem;position:sticky;bottom:.7rem}.download-selection-bar.in-lightbox{left:.8rem;right:.8rem;bottom:max(.7rem, calc(env(safe-area-inset-bottom) + .4rem));z-index:230;position:fixed}.sheet-backdrop{z-index:60;background:#050505b8;align-items:end;padding:.7rem;display:grid;position:fixed;inset:0}.qr-sheet{background:linear-gradient(#121212,#0c0c0c);border:1px solid #303030;border-radius:28px;gap:.75rem;width:min(100%,520px);max-width:520px;margin:0 auto;padding:1rem;display:grid}.uploader-sheet{max-height:min(88vh,760px);overflow:auto}.qr-card.sheet{width:100%;min-height:260px}@media (width<=640px){.page-shell{width:min(1080px,100% - 1rem);padding-bottom:1.5rem}.hero-layout{grid-template-columns:1fr}.hero-actions{grid-template-columns:1fr;display:grid}.phone-rail,.phone-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-collage{min-height:130px}.button{width:100%}.gallery-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-gallery-shell{max-width:100%}.join-hero-card{border-radius:30px;min-height:220px}.sheet-backdrop{padding:.35rem}.qr-sheet{border-radius:24px}}