*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b10;color:#f7f7fb;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{max-width:1120px;margin:0 auto;padding:24px 18px 88px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px}.brand{font-weight:900;letter-spacing:-.03em}.brand span{color:var(--accent)}.pill{background:#1c1c25;border:1px solid #30303d;border-radius:999px;padding:9px 13px;color:#d5d5de}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 15%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 38%),linear-gradient(160deg,#1e1e2a,#111117);border:1px solid #2b2b39;border-radius:30px;padding:42px 28px;box-shadow:0 24px 70px #0006}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:12px;color:#b9b9c5}.hero h1{font-size:clamp(42px,9vw,86px);line-height:.92;letter-spacing:-.065em;margin:10px 0 16px}.hero h1 em{font-style:normal;color:var(--accent)}.sub{color:#c7c7d2;max-width:680px;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:16px;padding:14px 18px;font-weight:850;cursor:pointer;background:#24242e;color:#fff;border:1px solid #373744}.btn.primary{background:var(--accent);border-color:transparent;color:white}.btn.ghost{background:transparent}.btn.danger{background:#3c171d;border-color:#6b2935}.btn.small{padding:9px 12px;border-radius:12px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat{background:#17171f;border:1px solid #292936;border-radius:18px;padding:18px}.stat b{display:block;font-size:28px}.stat span{color:#a8a8b5}.section{margin-top:30px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.section h2{font-size:28px;letter-spacing:-.04em;margin:0}.muted{color:#a9a9b6}.card{background:#17171f;border:1px solid #2a2a36;border-radius:22px;padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:800;color:#ccccd6;margin-bottom:7px}.input,textarea,select{width:100%;background:#0f0f15;border:1px solid #343442;color:#fff;border-radius:14px;padding:13px 14px;outline:none}.input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}textarea{min-height:92px;resize:vertical}.dropzone{border:1.5px dashed #434353;border-radius:22px;padding:32px 18px;text-align:center;background:#121219;cursor:pointer}.dropzone.drag{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#121219)}.dropzone input{display:none}.file-list{margin-top:12px;display:grid;gap:8px}.file-item{display:flex;justify-content:space-between;gap:10px;background:#111118;padding:10px 12px;border-radius:12px}.gallery{columns:4 220px;column-gap:12px}.tile{break-inside:avoid;margin:0 0 12px;position:relative;border-radius:18px;overflow:hidden;background:#181820;border:1px solid #2b2b35}.tile img,.tile video{width:100%;height:auto;display:block}.tile-info{padding:11px 12px}.tile-meta{display:flex;justify-content:space-between;gap:8px;color:#aaaab6;font-size:12px}.tile-actions{display:flex;gap:7px;margin-top:9px}.iconbtn{flex:1;border:1px solid #333341;background:#20202a;color:#fff;border-radius:11px;padding:8px 9px;cursor:pointer}.iconbtn.active{border-color:var(--accent);color:var(--accent)}.notice{padding:14px 16px;border-radius:14px;background:#1f1f2a;border:1px solid #343444}.success{background:#123522;border-color:#275d3e}.error{background:#3b161d;border-color:#6f2937}.locked{max-width:520px;margin:12vh auto;padding:28px}.empty{text-align:center;padding:48px 18px;color:#aaaab5}.bottomnav{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:20;width:min(94%,560px);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px;background:#15151eea;border:1px solid #2e2e3c;border-radius:20px;backdrop-filter:blur(14px);box-shadow:0 18px 50px #0008}.bottomnav a{text-align:center;padding:10px 6px;border-radius:14px;font-size:12px;color:#c9c9d3}.bottomnav a:hover{background:#242430}.modal{position:fixed;inset:0;display:none;place-items:center;background:#000d;z-index:50;padding:18px}.modal.open{display:grid}.modal-inner{max-width:1100px;width:100%;height:min(90vh,900px);position:relative;display:grid;place-items:center}.modal-media{max-width:100%;max-height:84vh;border-radius:16px}.modal-close,.modal-prev,.modal-next{position:absolute;border:0;background:#17171ed9;color:white;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:23px}.modal-close{top:0;right:0}.modal-prev{left:0;top:50%}.modal-next{right:0;top:50%}.progress{height:8px;background:#24242f;border-radius:999px;overflow:hidden;margin-top:12px}.progress>i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.adminbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 22px}.adminnav{display:flex;gap:8px;flex-wrap:wrap}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #2b2b36;text-align:left;vertical-align:top}.thumb{width:70px;height:70px;object-fit:cover;border-radius:12px;background:#111}.qrbox{background:white;padding:22px;border-radius:20px;display:inline-block}.print-card{background:#fff;color:#111;border-radius:28px;padding:34px;text-align:center;max-width:580px;margin:auto}.print-card h1{font-size:48px;margin:8px 0}.print-card p{font-size:20px}.tiny{font-size:12px;color:#9696a2}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#24242e;font-size:12px}.badge.pending{color:#f4ca69}.badge.approved{color:#7cdf9b}.badge.hidden{color:#ff8d99}@media(max-width:720px){.hero{padding:34px 20px}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.gallery{columns:2 145px}.shell{padding-left:14px;padding-right:14px}.adminbar{align-items:flex-start;flex-direction:column}}@media print{body{background:white}.no-print{display:none!important}.shell{max-width:none;padding:0}.print-card{box-shadow:none;border:0}}
.reactionbar{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.reactbtn{border:1px solid #30303c;background:#1d1d26;color:#ddd;border-radius:999px;padding:5px 8px;cursor:pointer;font-size:12px}.reactbtn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,#1d1d26)}.reactbtn b{font-weight:750}

.bottomnav.two{grid-template-columns:repeat(2,1fr)}

.stats.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:720px){.stats.two{grid-template-columns:repeat(2,1fr)}.stats.two .stat:last-child{grid-column:auto}}

/* v1.2 local upload preview + progress UI */
.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px;margin-top:12px}.upload-preview-card{position:relative;min-width:0;background:#111118;border:1px solid #2d2d39;border-radius:16px;overflow:hidden;cursor:pointer;outline:none}.upload-preview-card:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.upload-preview-visual{aspect-ratio:1/1;background:#0b0b10;display:grid;place-items:center;overflow:hidden;position:relative}.upload-preview-visual img,.upload-preview-visual video{width:100%;height:100%;object-fit:cover;display:block}.upload-preview-meta{padding:9px 10px 10px;min-width:0}.upload-preview-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.upload-preview-meta span{display:block;color:#92929f;font-size:11px;margin-top:2px}.preview-remove{position:absolute;top:7px;right:7px;width:29px;height:29px;border-radius:50%;border:1px solid #ffffff38;background:#0b0b10dc;color:#fff;font-size:19px;line-height:1;cursor:pointer;z-index:2}.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#000b;border:1px solid #ffffff55;padding-left:3px}.preview-file-fallback{height:100%;width:100%;display:grid;place-items:center;align-content:center;gap:6px;color:#bcbcc7}.preview-file-fallback span{font-size:34px}.preview-file-fallback small{font-size:10px}.file-summary{border:1px solid #2d2d39}.local-preview-modal{z-index:70}.local-preview-inner{height:min(88vh,900px);background:#111118;border:1px solid #30303d;border-radius:22px;padding:56px 18px 18px}.local-preview-stage{width:100%;height:calc(100% - 42px);display:grid;place-items:center;overflow:hidden}.local-preview-media{max-width:100%;max-height:100%;border-radius:14px}.preview-name{height:42px;display:flex;align-items:end;justify-content:center;text-align:center;color:#c9c9d3;font-size:12px;padding-top:8px}.preview-unavailable{display:grid;gap:8px;text-align:center;place-items:center;color:#c9c9d3}.preview-unavailable>div{font-size:52px}.preview-unavailable span{color:#9696a2;font-size:12px}.upload-overlay{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:#050508ed;backdrop-filter:blur(12px)}.upload-overlay.open{display:grid}.upload-overlay-card{width:min(100%,520px);background:#17171f;border:1px solid #30303d;border-radius:26px;padding:30px;box-shadow:0 30px 100px #000b;text-align:center}.upload-overlay-icon{font-size:48px;margin-bottom:8px}.upload-overlay-card h2{font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.upload-overlay-card p{color:#b8b8c3;margin:0 0 22px}.upload-progress-track{height:12px;background:#292934;border-radius:999px;overflow:hidden}.upload-progress-track>i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .2s ease}.upload-progress-row{display:flex;justify-content:space-between;gap:12px;margin:9px 0 22px;color:#a9a9b6;font-size:12px}.upload-progress-row strong{color:#fff}.upload-locked{overflow:hidden}.live-status{display:inline-flex;align-items:center;gap:7px;margin-top:7px;color:#a8a8b5;font-size:12px}.live-status i{width:8px;height:8px;border-radius:50%;background:#63d98b;box-shadow:0 0 0 4px #63d98b18}.live-status.warn i{background:#f2bf63;box-shadow:0 0 0 4px #f2bf6318}.live-status.error i{background:#ff7280;box-shadow:0 0 0 4px #ff728018}@media(max-width:560px){.upload-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.upload-preview-meta{padding:7px}.upload-preview-meta strong{font-size:10px}.upload-overlay-card{padding:25px 20px}.upload-progress-row{align-items:flex-start;flex-direction:column;gap:2px}}