:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;background:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f1f5f9;min-height:100%}body{background:#f1f5f9;min-height:100vh;margin:0}button,input,select{font:inherit}button{touch-action:manipulation}.shell{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;display:flex}.media-shell{min-height:auto;padding-bottom:0}.upload-shell{min-height:auto;padding-top:8px}.card{background:#fff;border:1px solid #dbe3ee;border-radius:20px;width:100%;max-width:640px;padding:22px;box-shadow:0 18px 45px #0f172a14}.eyebrow{color:#475569;letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.82rem;font-weight:800}h1{margin:0;font-size:clamp(1.9rem,8vw,2.6rem);line-height:1.05}.muted{color:#64748b;margin:10px 0 22px;line-height:1.5}.stack{gap:10px;display:grid}label{font-weight:750}input[type=password],select{color:#0f172a;background:#fff;border:1px solid #94a3b8;border-radius:12px;width:100%;min-height:52px;padding:0 14px;font-size:16px}.primary,.secondary{cursor:pointer;border:0;border-radius:12px;min-height:52px;font-weight:800;text-decoration:none}.primary{color:#fff;background:#0f172a;padding:0 18px}.secondary{color:#0f172a;background:#e2e8f0;padding:0 14px}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.55}.compact{flex:none;min-height:40px}.media-card{overflow:hidden}.media-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.media-heading>div{min-width:0}.media-heading-compact{align-items:center;margin-bottom:2px}.media-heading-compact .eyebrow{margin-bottom:2px}.media-heading-compact .compact{min-height:38px;padding:0 12px}.media-hint{color:#64748b;margin:0;font-size:.8rem;font-weight:650;line-height:1.2}.media-loading{margin:12px 0 4px}.media-stats{color:#475569;border-top:1px solid #e2e8f0;justify-content:space-between;gap:12px;padding-top:12px;font-size:.86rem;display:flex}.media-utility-panel{margin-top:8px}.download-actions{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 8px;display:grid}.download-actions .primary{grid-column:1/-1}.download-actions a{text-align:center;place-items:center;display:grid}.archive-download-button{transition:transform .12s,opacity .12s}.archive-download-button:active:not(:disabled){transform:scale(.985)}.archive-download-button[aria-busy=true]{cursor:wait}.download-feedback{color:#475569;background:#f8fafc;border-radius:10px;margin:8px 0 2px;padding:10px 12px;font-size:.88rem;font-weight:700;line-height:1.35}.download-feedback.success{color:#065f46;background:#ecfdf5}.media-carousel-shell{align-items:center;min-height:100dvh;scroll-margin-block:0;display:flex}.media-carousel{overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom;grid-auto-columns:minmax(96%,1fr);grid-auto-flow:column;gap:8px;width:100%;padding:0;display:grid;overflow-x:auto}.media-tile{scroll-snap-align:start;touch-action:pan-x pan-y pinch-zoom;background:#020617;border:0;border-radius:20px;min-width:0;height:95dvh;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a33}.media-preview{touch-action:pan-x pan-y pinch-zoom;background:#020617;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0;overflow:hidden}.media-reaction-surface,.media-video-frame,.media-video-frame video{touch-action:pan-x pan-y pinch-zoom}.media-reaction-surface,.media-video-frame{border-radius:inherit;background:#020617;border:0;width:100%;height:100%;margin:0;padding:0;position:relative;overflow:hidden}.media-preview img,.media-video-frame video{object-fit:cover;background:#020617;width:100%;height:100%;display:block}.video-download-only{text-align:center;color:#f8fafc;place-content:center;gap:8px;width:100%;height:100%;padding:24px;display:grid}.video-download-only strong{font-size:1.1rem}.video-download-only span:last-child{color:#cbd5e1;font-size:.9rem}.video-badge{color:#e2e8f0;letter-spacing:.12em;border:1px solid #64748b;border-radius:999px;justify-self:center;padding:5px 9px;font-size:.72rem;font-weight:900}.media-meta{z-index:5;color:#fff;pointer-events:none;background:linear-gradient(#02061700,#020617d1);gap:5px;padding:58px 12px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}.media-meta strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 1px 3px #0000008c;font-size:.9rem;overflow:hidden}.media-meta span{color:#e2e8f0;text-shadow:0 1px 3px #0000008c;font-size:.8rem}.media-download,.media-delete{pointer-events:auto}.media-download{color:#0f172a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;place-items:center;min-height:38px;margin-top:5px;display:grid}.media-delete{color:#b91c1c;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff1f2eb;border:1px solid #fecacacc;border-radius:999px;justify-self:start;min-height:36px;padding:0 11px;font-size:.78rem;font-weight:800}.media-delete:disabled{cursor:not-allowed;opacity:.55}.media-lightbox{z-index:1000;background:#020617;place-items:stretch stretch;padding:0;display:grid;position:fixed;inset:0}.media-lightbox-content{background:#020617;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100dvh;display:grid;overflow:hidden}.media-lightbox-stage{background:#020617;min-height:0;position:relative}.media-lightbox-stage img{object-fit:contain;background:#020617}.media-lightbox-footer{padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.media-lightbox-meta{gap:3px;min-width:0;display:grid}.media-lightbox-footer strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-lightbox-footer span{color:#64748b;font-size:.88rem}.media-lightbox-actions{align-items:center;gap:8px;display:flex}.media-lightbox-actions .media-download{-webkit-backdrop-filter:none;backdrop-filter:none;background:#e2e8f0;min-width:132px;margin-top:0}.media-lightbox-close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:1001;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aad;border:1px solid #ffffff59;border-radius:999px;width:44px;height:44px;font-size:2rem;line-height:1;position:fixed}.file-picker{text-align:center;color:#0f172a;cursor:pointer;background:#f8fafc;border:2px dashed #64748b;border-radius:14px;place-items:center;min-height:88px;margin-top:8px;padding:18px;display:grid;position:relative}.file-picker input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-picker.disabled{opacity:.55;cursor:not-allowed}.summary,.progress-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary{border-bottom:1px solid #e2e8f0;margin-top:20px;padding:14px 0}.summary span,.file-main span{color:#64748b;font-size:.9rem}.overall{margin:16px 0}progress{accent-color:#0f172a;width:100%;height:12px}.overall progress{margin-top:8px}.upload-keep-open{color:#64748b;margin:8px 0 0;font-size:.82rem;line-height:1.4}.file-list{gap:10px;display:grid}.file-row{border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.file-main{flex:1;gap:4px;min-width:0;display:grid}.file-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-main progress{height:9px}.inline-error{font-weight:650;color:#b91c1c!important}.success-mark{color:#047857;font-size:1.5rem;font-weight:900}.upload-button{width:100%;min-height:58px;margin-top:18px;font-size:1.05rem}.notice{border-radius:12px;gap:4px;margin-top:18px;padding:14px;line-height:1.45;display:grid}.notice.success{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7}.notice.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.participant-button{color:#0f172a;cursor:pointer;touch-action:manipulation;background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;min-height:86px;font-size:1.08rem;font-weight:850}.participant-button:active{background:#e2e8f0}@media (max-width:699px){html{scroll-snap-type:y mandatory;scroll-padding:0}.media-shell{padding:0}.media-card{max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.media-heading{display:none}.media-utility-panel-above{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;width:100%;height:15dvh;min-height:15dvh;margin:0;padding:6px 12px;display:flex}.download-actions{gap:6px;width:100%;margin:0}.download-actions .archive-download-button{min-height:46px}.media-carousel-shell{scroll-snap-align:start;scroll-snap-stop:always;align-items:center;width:100%;height:100dvh;min-height:100dvh;display:flex}.media-carousel{grid-auto-columns:minmax(96%,1fr);gap:8px}.media-tile{height:95dvh}.media-carousel-shell~.media-loading{display:none}.upload-shell{width:100%;height:11dvh;min-height:11dvh;padding:5px 12px max(5px, env(safe-area-inset-bottom));scroll-snap-align:end;scroll-snap-stop:always;justify-content:center;align-items:center;display:flex}.upload-shell .card{padding:6px}.upload-shell .file-picker{min-height:54px}.media-lightbox-footer{grid-template-columns:1fr}.media-lightbox-actions{width:100%}.media-lightbox-actions .media-download,.media-lightbox-actions .media-delete{flex:1}}@media (min-width:700px){.media-carousel{grid-auto-columns:minmax(420px,80%)}.media-tile{height:90dvh}.download-actions{grid-template-columns:1.2fr 1fr 1fr}.download-actions .primary{grid-column:auto}}@media (max-width:420px){.shell{padding-left:10px;padding-right:10px}.media-shell{padding:0}.card{border-radius:16px;padding:14px 10px 16px}.media-card{border-radius:0;padding:0}.file-row{align-items:flex-start}.media-heading{display:none}.media-tile{height:95dvh}}.upload-shell .card{padding:10px}.upload-shell .card>.eyebrow,.upload-shell .card>h1,.upload-shell .card>.muted{display:none}.upload-shell .stack{display:block}.upload-shell .file-picker{color:#fff;background:#0f172a;border:0;border-radius:12px;min-height:58px;margin:0;padding:0 18px;font-weight:800}.upload-shell .file-picker>span{font-size:0}.upload-shell .file-picker>span:after{content:"Upload photos and videos";font-size:1.05rem}
.media-reaction-surface{cursor:default;touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0f172a;border:0;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.media-reaction-surface img{pointer-events:none;display:block}.media-reaction-surface:active{transform:scale(.995)}.media-heart-count{z-index:2;color:#fff;text-shadow:0 1px 3px #000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#020617cc;border:1.5px solid #ffffff6b;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:.95rem;font-weight:900;line-height:1;display:inline-flex;position:absolute;bottom:14px;left:14px;box-shadow:0 4px 14px #02061757}.media-heart-count.mine{color:#fecdd3;background:#4c0519d1;border-color:#fb7185b8}.media-heart-burst{z-index:3;color:#fb7185;text-shadow:0 5px 24px #0000008c;pointer-events:none;place-items:center;font-size:clamp(4.5rem,22vw,7rem);line-height:1;animation:.65s ease-out both media-heart-burst;display:grid;position:absolute;inset:0}.media-video-frame,.media-video-frame video{touch-action:pan-x pan-y pinch-zoom}.media-video-frame{background:#020617;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.media-video-frame video{object-fit:contain;background:#020617;width:100%;height:100%;display:block;transform:translateZ(0)}.media-video-badge{z-index:2;color:#fff;letter-spacing:.11em;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a9e;border:1px solid #ffffff38;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:900;position:absolute;top:10px;left:10px}.media-carousel-shell{position:relative}.media-filter-trigger{z-index:20;color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;white-space:nowrap;touch-action:manipulation;background:#02061775;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;max-width:calc(92% - 28px);min-height:40px;padding:7px 11px;display:inline-flex;position:absolute;bottom:calc(2.5svh + 14px);left:auto;right:calc(4% + 14px);box-shadow:0 3px 12px #02061733}.media-filter-trigger:after{content:"›";color:#ffffffd1;margin-left:1px;font-size:1rem;line-height:1;transform:rotate(-90deg)}.media-filter-trigger strong{white-space:nowrap;text-shadow:0 1px 3px #000000bf;font-size:.88rem;font-weight:900;line-height:1}.media-filter-trigger span{text-overflow:ellipsis;white-space:nowrap;color:#ffffffeb;text-shadow:0 1px 3px #000000bf;max-width:130px;font-size:.78rem;font-weight:800;line-height:1;overflow:hidden}.media-filter-trigger span:before{content:"·";color:#ffffffb8;margin-right:5px}.media-filter-backdrop{z-index:1200;-webkit-backdrop-filter:blur(2px);background:#02061724;position:fixed;inset:0}.media-filter-drawer{top:max(10px, env(safe-area-inset-top));right:0;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(125%);overscroll-behavior:contain;background:#0f172a57;border:1px solid #fff3;border-right:0;border-radius:18px 0 0 18px;flex-direction:column;gap:6px;width:min(76vw,310px);padding:12px;display:flex;position:absolute;overflow-y:auto;box-shadow:-14px 0 36px #0206173d}.media-filter-header{color:#fff;justify-content:space-between;align-items:center;gap:10px;padding:2px 2px 8px;display:flex}.media-filter-header strong{font-size:0}.media-filter-header strong:after{content:"Authors";font-size:1rem;font-weight:900}.media-filter-header button{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #fff3;border-radius:999px;width:38px;height:38px;font-size:1.55rem;line-height:1}.media-filter-list{gap:6px;display:grid}.media-filter-option{color:#fff;text-align:left;text-shadow:0 1px 3px #0206178c;-webkit-backdrop-filter:blur(9px);cursor:pointer;background:#ffffff29;border:1px solid #ffffff29;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 12px;display:flex}.media-filter-option span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.media-filter-option strong{color:#ffffffe6;text-align:center;min-width:30px;text-shadow:none;background:#ffffff24;border-radius:999px;padding:4px 7px;font-size:.78rem}.media-filter-option.selected{color:#fff;background:#020617a8;border-color:#ffffff57}.media-filter-option.selected strong{color:#fff;background:#ffffff2e}.media-empty-filter{text-align:center;flex-direction:column;justify-content:center;gap:12px;padding:24px}@media (max-width:699px){.media-utility-panel-above{height:15svh;min-height:15svh}.media-carousel-shell{height:100svh;min-height:100svh}.media-tile{height:95svh}.upload-shell{height:11svh;min-height:11svh}.upload-shell.upload-shell-expanded{height:auto;min-height:auto;padding-top:8px;padding-bottom:max(16px, env(safe-area-inset-bottom));scroll-snap-align:none;scroll-snap-stop:normal;justify-content:center;align-items:flex-start}.upload-shell.upload-shell-expanded .card{width:100%}}@media (max-width:420px){.media-tile{height:95svh}}@keyframes media-heart-burst{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.08)}65%{opacity:1;transform:scale(.98)}to{opacity:0;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.media-heart-burst{opacity:.9;animation:none}.media-reaction-surface:active{transform:none}}
