*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #1a1a1a;--border: #2e2e2e;--text: #e8e8e8;--text-muted: #888;--accent: #ffffff;--radius: 4px;--font: "Inter", system-ui, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100dvh}.mosaic-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:1.5rem 1rem 140px;gap:1.25rem}.home{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:4rem 1.25rem 5rem;gap:4rem}.home__hero{width:100%;max-width:900px;text-align:center}.home__title{font-size:clamp(3.5rem,12vw,7rem);font-weight:700;letter-spacing:-.04em;line-height:1}.home__tagline{color:var(--text-muted);font-size:clamp(1rem,2.5vw,1.15rem);margin-top:.75rem;letter-spacing:-.01em}.home__about-lead{font-size:1.15rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.home__about{display:flex;flex-direction:column;gap:.9rem;font-size:1rem;color:var(--text-muted);line-height:1.7}.section-label{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}.home__grosaics{width:100%;max-width:900px}.home__combined{width:100%;max-width:900px;display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 640px){.home__combined{grid-template-columns:1fr 1fr;gap:5rem}}.home__how{width:100%}.steps{list-style:none;position:relative}.steps:before{content:"";position:absolute;left:1.1rem;top:1.5rem;bottom:1.5rem;width:1px;background:var(--border)}.step{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1.5rem;position:relative}.step:last-child{padding-bottom:0}.step__num{flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;color:var(--text-muted);position:relative;z-index:1}.step__text{padding-top:.45rem;font-size:.95rem;line-height:1.5;color:var(--text)}.grosaic-list{list-style:none;display:grid;grid-template-columns:1fr;gap:1rem;width:100%}@media (min-width: 640px){.grosaic-list{grid-template-columns:1fr 1fr}}.grosaic-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s}.grosaic-card:hover{border-color:#444}.grosaic-card__link{display:block;padding:1.5rem;text-decoration:none;color:inherit}.grosaic-card__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.grosaic-card__name{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.grosaic-card__pct{font-size:.82rem;color:var(--text-muted);flex-shrink:0}.grosaic-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem}.grosaic-card__numbers{font-size:.78rem;color:var(--text-muted)}.grosaic-card__cta{font-size:.82rem;font-weight:500;color:var(--text);white-space:nowrap;flex-shrink:0}.grosaic-card--soon{border-style:dashed;opacity:.5;cursor:default}.grosaic-card--soon:hover{border-color:var(--border)}.grosaic-card__soon-inner{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.grosaic-card__soon-label{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.progress-bar--lg{height:6px}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}@keyframes shimmer{0%{background-position:-300% 0}to{background-position:300% 0}}.skeleton{background:linear-gradient(90deg,var(--border) 0%,#3c3c3c 50%,var(--border) 100%);background-size:300% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:4px}.card-skeleton{padding:1.5rem}.card-skeleton__body{width:100%}.card-skeleton__title{height:22px;width:40%;margin-bottom:1rem}.card-skeleton__bar{height:6px;width:100%;border-radius:2px}.card-skeleton__sub{height:11px;width:55%;margin-top:.85rem}.header{width:100%;max-width:900px;display:flex;flex-direction:column;gap:.6rem}.header__back{display:inline-block;font-size:.82rem;color:var(--text-muted);text-decoration:none;letter-spacing:.01em;align-self:flex-start}.header__back:hover{color:var(--text)}.header__main{display:flex;flex-direction:column;gap:.75rem}.header__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.header__title{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1}.header__pct{font-size:.9rem;color:var(--text-muted);flex-shrink:0}.header__sub{color:var(--text-muted);font-size:.85rem}.header__stats{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header__composite-btn{display:none}@media (min-width: 640px){.header__composite-btn{display:inline-flex}}.mosaic-overlay{background:#000000eb}.mosaic-composite{position:relative;display:flex;align-items:center;justify-content:center}.mosaic-composite__img{display:block;max-height:90vh;max-width:90vw;object-fit:contain;border-radius:4px}.mosaic-composite__close{position:absolute;top:-2.5rem;right:0;background:none;border:none;color:var(--text-muted);font-size:1.8rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.mosaic-composite__close:hover{color:var(--text)}.mosaic-composite__status{color:var(--text-muted);padding:4rem}.header__claim-badge{margin-top:.75rem;background:#1e2a1e;border:1px solid #2e4a2e;border-radius:99px;padding:.35rem 1rem;font-size:.85rem;color:#90d490}.grid-viewport{width:100%;max-width:900px;overflow:hidden;touch-action:pan-y}.grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:0;width:100%;transform-origin:0 0;will-change:transform}.cell{aspect-ratio:1;cursor:pointer;position:relative;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;transition:transform .1s,filter .1s}.cell:hover{transform:scale(1.08);z-index:2;filter:brightness(1.15)}.cell--submitted{background:#222}.cell__number{font-size:clamp(.3rem,1.1vw,.55rem);color:#555;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.cell--submitted img{width:100%;height:100%;object-fit:cover;display:block}.cell--pending{opacity:.6}.cell--owned{opacity:1}.cell--uploading{background:#1a1a1a!important;animation:cell-uploading 1.2s ease-in-out infinite;cursor:default}.cell--uploading:hover{transform:none;filter:none}@keyframes cell-uploading{0%,to{background:#1a1a1a}50%{background:#2e2e2e}}.cell--celebrate{z-index:3}.cell--celebrate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;animation:cell-flash 2.4s ease-in-out forwards}@keyframes cell-flash{0%{opacity:0}12%{opacity:.75}35%{opacity:0}55%{opacity:.45}to{opacity:0}}.cell__pending-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059}.cell__pending-badge svg{width:40%;height:40%;color:#fff9}.cell-reference{position:relative;overflow:hidden;width:100%;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.cell-reference--loading{background:linear-gradient(90deg,var(--border) 0%,#3c3c3c 50%,var(--border) 100%);background-size:300% 100%;animation:shimmer 1.6s ease-in-out infinite}.cell-reference__img{position:absolute;display:block;transition:opacity .3s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.modal__reference,.modal__reference-sm{overflow:hidden}.modal__comparison-pane{overflow:hidden;position:relative}.fading-img-wrap{position:relative;overflow:hidden}.fading-img-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0}.fading-img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s}.claim-panel{position:fixed;bottom:0;left:0;right:0;height:110px;background:var(--surface);border-top:1px solid var(--border);z-index:50;box-shadow:0 -4px 24px #00000080;padding:0 1.25rem}.claim-panel__inner{display:flex;align-items:center;gap:1rem;max-width:900px;height:100%;margin:0 auto}.claim-panel__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.claim-panel__find-link{background:none;border:none;padding:0;color:#ffffff73;font-size:.75rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.claim-panel__find-link:hover{color:#ffffffb3}.claim-panel__reference{flex-shrink:0;width:76px;height:76px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.claim-panel__crop{width:100%;height:100%;border-radius:0;border:none}.claim-panel__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.claim-panel__text{display:flex;flex-direction:column;gap:.2rem}.claim-panel__label{font-size:.95rem;font-weight:600;color:var(--text)}.claim-panel__hint{font-size:.8rem;color:var(--text-muted)}.claim-panel__actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (min-width: 640px){.claim-panel__body{flex-direction:row;align-items:center}.claim-panel__text{flex:1}.claim-panel__actions{margin-top:0}}.modal__reference{width:120px;height:120px;flex-shrink:0;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.modal__upload-header{display:flex;align-items:center;gap:.85rem}.modal__upload-header .modal__title{margin-bottom:.35rem}.modal__reference-sm{width:48px;height:48px;flex-shrink:0;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.modal__comparison{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.modal__comparison-pane{width:100%;aspect-ratio:1;border-radius:6px;border:1px solid rgba(255,255,255,.08);object-fit:cover}.hint{width:100%;max-width:900px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;color:var(--text-muted);font-size:.85rem;line-height:1.5;text-align:center}.loading{color:var(--text-muted);padding:4rem}.cell--loading{cursor:default;background:#1d1d1d}.cell--loading:hover{transform:none;filter:none}.grid-viewport--loading{position:relative}.grid-viewport--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.045) 50%,transparent 65%);background-size:200% 100%;animation:grid-shimmer 2.2s ease-in-out infinite;pointer-events:none}@keyframes grid-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;max-width:420px;width:100%;position:relative;display:flex;flex-direction:column;gap:.75rem}.modal__close{position:absolute;top:.75rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal__close:hover{color:var(--text)}.modal__swatch{width:100%;height:120px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.modal__swatch--sm{width:32px;height:32px;border-radius:4px;flex-shrink:0}.modal__color-label{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center}.modal__title{font-size:1.25rem;font-weight:600}.modal__body{font-size:.9rem;color:var(--text-muted);line-height:1.5}.modal__error{font-size:.85rem;color:#f87171}.modal__actions{display:flex;flex-direction:column;gap:.5rem}.modal__small-print{font-size:.75rem;color:var(--text-muted);line-height:1.4}.modal__submit-group{display:flex;flex-direction:column;gap:.65rem;padding-top:.5rem;border-top:1px solid var(--border)}.modal__consent{font-size:.8rem;color:var(--text-muted);line-height:1.4}.modal__photo-actions{display:flex;border-top:1px solid var(--border);margin-top:.25rem}.btn--photo-action{flex:1;background:none;border:none;border-right:1px solid var(--border);padding:.55rem 0;font:inherit;font-size:.78rem;color:#666;cursor:pointer;transition:color .15s}.btn--photo-action:last-child{border-right:none}.btn--photo-action:hover{color:var(--text-muted)}.btn--photo-action--danger:hover{color:#e06060}.modal__report-done{flex:1;display:flex;align-items:center;justify-content:center;font-size:.78rem;color:var(--text-muted)}.modal__confirm-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.cookie-banner{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1.25rem;max-width:560px;width:calc(100% - 2rem);z-index:200;box-shadow:0 4px 24px #00000080}.cookie-banner__text{font-size:.82rem;color:var(--text-muted);line-height:1.4;flex:1}.cookie-banner__link{color:var(--text)}.cookie-banner__actions{display:flex;gap:.5rem;flex-shrink:0}@media (max-width: 480px){.cookie-banner{flex-direction:column;align-items:stretch;gap:.75rem}.cookie-banner__actions{justify-content:flex-end}}.modal__form{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.modal__form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.modal__form input:not([type=checkbox]){background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.6rem .75rem;font-family:var(--font);font-size:.95rem;width:100%}.modal__form input:focus{outline:1px solid #555}.modal__full-photo{width:100%;aspect-ratio:1;border-radius:6px;max-height:75vh}.modal__photo-meta{display:flex;align-items:center;gap:.75rem}.modal__photo-title{font-weight:600;font-size:1rem}.modal__photo-credit{font-size:.85rem;color:var(--text-muted);margin-top:.15rem}.dropzone{border:2px dashed var(--border);border-radius:8px;padding:2rem 1rem;text-align:center;cursor:pointer;color:var(--text-muted);font-size:.9rem;transition:border-color .15s,background .15s;overflow:hidden}.dropzone:hover,.dropzone--active{border-color:#555;background:#ffffff08}.dropzone--filled{cursor:default;padding:0;border-style:solid}.dropzone__preview{width:100%;max-height:260px;object-fit:cover;display:block;border-radius:6px}.color-check{display:flex;align-items:center;gap:.6rem;font-size:.82rem;padding:.5rem .75rem;border-radius:var(--radius)}.color-check--pass{background:#1a2e1a;color:#90d490}.color-check--warn{background:#2e2010;color:#e0a060}.color-check__swatch{width:18px;height:18px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.btn{text-decoration:none}.btn{padding:.65rem 1.25rem;border-radius:var(--radius);font-family:var(--font);font-size:.95rem;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,background .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:#fff;color:#000}.btn--primary:hover:not(:disabled){background:#e0e0e0}.btn--ghost{background:none;border:1px solid var(--border);color:var(--text-muted);font-size:.85rem;padding:.4rem .85rem}.btn--ghost:hover{border-color:#555;color:var(--text)}.btn--sm{font-size:.82rem;padding:.35rem .75rem}.link{color:var(--text);text-decoration:underline;cursor:pointer;background:none;border:none;font:inherit}.admin-gate{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:1.5rem}.admin-gate__title{font-size:2rem;font-weight:700;letter-spacing:-.02em}.admin-gate__form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px}.admin-gate__input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:.95rem;padding:.65rem 1rem;width:100%}.admin-gate__input:focus{outline:none;border-color:#555}.admin{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem 4rem;gap:2rem}.admin-header{display:flex;flex-direction:column;gap:.6rem}.admin-header__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-header__title{font-size:2rem;font-weight:700;letter-spacing:-.02em}.admin-tabs{display:flex;gap:.5rem}.admin-tab{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font);font-size:.85rem;padding:.35rem .85rem;cursor:pointer}.admin-tab--active{border-color:#555;color:var(--text)}.admin-stats{display:flex;gap:2rem;flex-wrap:wrap;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.admin-stat{display:flex;flex-direction:column;gap:.2rem}.admin-stat__value{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;line-height:1}.admin-stat__label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.admin-grosaic{display:flex;flex-direction:column;gap:2rem}.admin-section{display:flex;flex-direction:column;gap:1rem}.admin-cards{display:flex;flex-direction:column;gap:1px}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.admin-card__images{display:grid;grid-template-columns:1fr 1fr}.admin-card__image-wrap{display:flex;flex-direction:column}.admin-card__image-label{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .75rem .35rem}.admin-card__ref{width:100%;aspect-ratio:1;border-radius:0}.admin-card__photo-wrap{aspect-ratio:1;overflow:hidden}.admin-card__photo{width:100%;height:100%;object-fit:cover;display:block}.admin-card__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.admin-card__info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-card__name{font-size:.9rem;font-weight:600}.admin-card__photo-title{font-size:.82rem;color:var(--text-muted);font-style:italic}.admin-card__date{font-size:.78rem;color:var(--text-muted)}.admin-card__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.admin-card__confirm-text{font-size:.82rem;color:var(--text-muted)}.admin-card__delete-confirm{background:#3a1a1a;border-color:#6a2a2a;color:#e08080}.admin-card__delete-confirm:hover{border-color:#a03030;color:#f09090}.admin-card__move-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-card__move-input{width:4rem;padding:.25rem .4rem;font-size:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);text-align:center}.admin-card__move-error{font-size:.78rem;color:#e08080;width:100%}.admin-pending-list{display:flex;flex-direction:column;gap:.5rem}.admin-pending-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.85rem}.admin-pending-name{font-weight:600}.admin-pending-meta{color:var(--text-muted)}.admin-pending-expires{color:#e0a060;margin-left:auto}.admin-loading{color:var(--text-muted);padding:2rem 0}.admin-error{color:#e08080;padding:2rem 0}.admin-composite__canvas{width:100%;height:auto;display:block;border-radius:var(--radius)}.admin-composite__status{color:var(--text-muted);padding:2rem 0}.site-footer{width:100%;max-width:900px;display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-muted);margin-top:auto}.site-footer__link{color:var(--text-muted);text-decoration:none}.site-footer__link:hover{color:var(--text)}.privacy{position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem;width:100%;max-width:640px;padding:3rem 1.25rem 5rem;margin:0 auto}.privacy__title{font-size:clamp(2rem,5vw,2.8rem);font-weight:700;letter-spacing:-.02em}.privacy__updated{font-size:.82rem;color:var(--text-muted);margin-top:-1.25rem}.privacy__section{display:flex;flex-direction:column;gap:.75rem}.privacy__section h2{font-size:1rem;font-weight:600;color:var(--text)}.privacy__section p,.privacy__section li{font-size:.92rem;color:var(--text-muted);line-height:1.7}.privacy__section ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:.3rem}.privacy__section a{color:var(--text);text-underline-offset:2px}