:root{--green-deep:#06261c;--green-mid:#0b3d2e;--green-leaf:#1f7a55;--green-glow:#2f9e6b;--gold:#f5c518;--gold-soft:#ffe08a;--saffron:#ff8a4c;--mist:#e8f5ecb8;--glass:#0c30246b;--glass-border:#f5c51847;--text:#f4faf6;--text-muted:#f4faf6b8;--shadow:0 24px 60px #02120c73;--radius-xl:2.4rem;--radius-lg:1.6rem;--radius-md:1.1rem;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Sora", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--heart:#ff6b7a}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 80% 50% at 10% -10%, #f5c51829, transparent 55%), radial-gradient(ellipse 70% 45% at 90% 5%, #2f9e6b38, transparent 50%), linear-gradient(165deg, #041910 0%, var(--green-deep) 38%, #0a2f24 72%, #071e17 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0}#root{min-height:100vh}img{max-width:100%;display:block}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.glass-panel{-webkit-backdrop-filter:blur(22px)saturate(1.35);border:1px solid var(--glass-border);box-shadow:var(--shadow), inset 0 1px 0 #ffffff2e;border-radius:var(--radius-xl);background:linear-gradient(145deg,#ffffff1a,#ffffff08)}.glass-chip{-webkit-backdrop-filter:blur(14px);background:#06261c8c;border:1px solid #f5c51838;border-radius:999px;box-shadow:inset 0 1px #ffffff1f}.btn{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.7rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--gold-soft), var(--gold) 45%, var(--saffron));color:#1a2a12;box-shadow:0 12px 30px #f5c51847}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px #f5c51861}.btn-ghost{color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff29}.btn-ghost:hover{background:#ffffff1f}.btn-danger{color:#ffd9d4;background:#b130272e;border:1px solid #ff716557}.btn-danger:hover{background:#b130274d;transform:translateY(-1px)}.page-loader{z-index:100;background:radial-gradient(circle at 50% 40%, #f5c5182e, transparent 40%), linear-gradient(160deg, #03150f, var(--green-deep) 55%, #0a2a20);place-content:center;justify-items:center;gap:1rem;display:grid;position:fixed;inset:0}.loader-glow{filter:blur(20px);background:radial-gradient(circle,#f5c51840,#0000 70%);border-radius:50%;width:280px;height:280px;animation:2.4s ease-in-out infinite pulseGlow;position:absolute}.pookalam{z-index:1;filter:drop-shadow(0 10px 28px #f5c51859);width:min(42vw,180px);position:relative}.loader-text{font-family:var(--font-display);letter-spacing:.02em;z-index:1;margin:.6rem 0 0;font-size:clamp(1.8rem,4vw,2.6rem);position:relative}.loader-sub{color:var(--text-muted);z-index:1;font-size:.9rem;position:relative}@keyframes pulseGlow{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.app-shell.is-booting{filter:blur(6px);pointer-events:none}.hero{grid-template-rows:auto 1fr auto;min-height:100svh;padding:1.25rem clamp(1rem,4vw,2.5rem) 2rem;display:grid;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-wash{background:linear-gradient(#04191040 0%,#0419108c 55%,#041910eb 100%),radial-gradient(90% 70% at 50% 20%,#1f7a5559,#0000 60%);position:absolute;inset:0}.hero-rings{background:radial-gradient(circle at 50% 45%,#0000 18%,#f5c5180d 19%,#0000 20%),radial-gradient(circle at 50% 45%,#0000 28%,#2f9e6b14 29%,#0000 31%),radial-gradient(circle at 50% 45%,#0000 38%,#ff8a4c0f 39%,#0000 41%);animation:22s linear infinite ringDrift;position:absolute;inset:-20% -10%}.hero-flare{filter:blur(40px);opacity:.55;border-radius:50%;position:absolute}.flare-a{background:#f5c51847;width:42vw;max-width:480px;height:42vw;max-height:480px;animation:9s ease-in-out infinite floatA;top:-8%;right:-6%}.flare-b{background:#2f9e6b59;width:36vw;max-width:380px;height:36vw;max-height:380px;animation:11s ease-in-out infinite floatB;bottom:8%;left:-8%}.hero-motif{opacity:.55;width:min(70vw,520px);height:auto;animation:80s linear infinite motifSpin;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}@keyframes ringDrift{to{transform:rotate(360deg)}}@keyframes motifSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes floatA{0%,to{transform:translate(0)}50%{transform:translate(-24px,18px)}}@keyframes floatB{0%,to{transform:translate(0)}50%{transform:translate(18px,-22px)}}.topbar{z-index:2;border-radius:999px;justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:.85rem 1.2rem;display:flex;position:relative}.brand{align-items:center;gap:.65rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{object-fit:cover;border-radius:50%;flex-shrink:0;width:1.35rem;height:1.35rem;display:block}.topbar-date{color:var(--gold-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.topbar-right{align-items:center;gap:.75rem;display:flex}.topbar-mark-link{color:var(--gold-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:600;text-decoration:none}.topbar-mark-link:hover{color:var(--gold)}.topbar-score-btn{color:#1a2a12;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#f5d76e 0%,#f5c518 48%,#e8943a 100%);border:1px solid #f5c5188c;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem .45rem .7rem;font-size:.72rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 8px 20px #f5c51847,inset 0 1px #ffffff73}.topbar-score-btn:hover{filter:brightness(1.05);color:#1a2a12;transform:translateY(-1px);box-shadow:0 12px 26px #f5c5185c,inset 0 1px #ffffff80}.topbar-score-icon{flex-shrink:0;width:.9rem;height:.9rem}.btn-score{color:#1a2a12;background:linear-gradient(135deg,#ffe08a 0%,#f5c518 42%,#e8943a 100%);border:1px solid #ffe08a8c;gap:.85rem;padding:.78rem 1.05rem .78rem .9rem;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 14px 36px #f5c51852,inset 0 1px #ffffff8c}.btn-score:hover{filter:brightness(1.04);border-color:#fff0b4cc;transform:translateY(-2px);box-shadow:0 18px 44px #f5c51866,inset 0 1px #fff9}.btn-score:hover .btn-score-arrow{background:#1a2a1224;transform:translate(2px)}.btn-score:hover .btn-score-sheen{transform:translate(220%)}.btn-score-glow{pointer-events:none;opacity:.7;background:radial-gradient(circle,#ffffff73,#0000 68%);width:55%;height:160%;position:absolute;inset:-30% auto auto -15%}.btn-score-sheen{pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:35%;height:100%;transition:transform .7s;position:absolute;top:0;left:-40%;transform:skew(-18deg)translate(0)}.btn-score-icon-ring{z-index:1;color:#1a2a12;background:#1a2a121f;border-radius:50%;flex-shrink:0;place-items:center;width:2.35rem;height:2.35rem;display:grid;position:relative}.btn-score-label{z-index:1;text-align:left;flex-direction:column;align-items:flex-start;gap:.12rem;line-height:1.1;display:flex;position:relative}.btn-score-label em{letter-spacing:.14em;text-transform:uppercase;color:#1a2a129e;font-size:.66rem;font-style:normal;font-weight:700}.btn-score-label strong{font-family:var(--font-display);letter-spacing:.01em;color:#1a2a12;font-size:1.18rem;font-weight:400}.btn-score-arrow{z-index:1;color:#1a2a12;background:#1a2a121a;border-radius:50%;flex-shrink:0;place-items:center;width:2.15rem;height:2.15rem;transition:transform .2s,background .2s;display:grid;position:relative}.topbar-upload{letter-spacing:.04em;text-transform:uppercase;color:#1a2a12;background:linear-gradient(135deg, var(--gold-soft), var(--gold));border-radius:999px;padding:.45rem .9rem;font-size:.78rem;font-weight:600;transition:transform .2s,box-shadow .2s}.topbar-upload:hover{transform:translateY(-1px);box-shadow:0 8px 18px #f5c51847}.pathalam-status{-webkit-backdrop-filter:blur(10px);background:#04191073;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;max-width:min(90vw,280px);padding:.45rem .85rem;display:inline-flex}.pathalam-dot{border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;box-shadow:0 0}.pathalam-label{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:500;overflow:hidden}.pathalam-status.is-connecting{color:#ffe08a;border-color:#f5c51847}.pathalam-status.is-connecting .pathalam-dot{background:#f5c518;animation:1.4s ease-in-out infinite pathalamPulse}.pathalam-status.is-connected{color:#9dffc5;border-color:#2f9e6b66}.pathalam-status.is-connected .pathalam-dot{background:#2f9e6b;animation:2.2s ease-in-out infinite pathalamGlow}.pathalam-status.is-disconnected{color:#f4faf69e;border-color:#ffffff1f}.pathalam-status.is-disconnected .pathalam-dot{background:#f4faf673;animation:2.4s ease-in-out infinite pathalamPulse}.pathalam-status.is-error{color:#ffb0ba;border-color:#ff6b7a59}.pathalam-status.is-error .pathalam-dot{background:#ff6b7a;animation:1.1s ease-in-out infinite pathalamPulse}@keyframes pathalamPulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes pathalamGlow{0%,to{opacity:.7;box-shadow:0 0 #2f9e6b8c}50%{opacity:1;box-shadow:0 0 0 6px #2f9e6b00}}@media (width<=720px){.topbar-date{display:none}}.hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:820px;margin:0 auto;padding:2rem .5rem;display:flex;position:relative}.hero-kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--gold-soft);margin:0;font-size:.78rem;font-weight:500}.hero-kicker-block{flex-direction:column;align-items:center;gap:.7rem;margin-bottom:.75rem;display:flex}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(120deg, #fff 10%, var(--gold-soft) 45%, var(--saffron) 90%);color:#0000;text-shadow:0 20px 50px #00000040;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.4rem,11vw,7.2rem);font-weight:400;line-height:.95}.hero-sub{max-width:34rem;color:var(--text-muted);margin:1.25rem 0 0;font-size:clamp(1rem,2.2vw,1.15rem);font-weight:300;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;margin-top:2rem;display:flex}.photo-count{color:var(--text-muted);padding:.7rem 1.1rem;font-size:.85rem}.scroll-hint{z-index:2;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.55rem;margin-bottom:.5rem;font-size:.75rem;display:flex;position:relative}.scroll-hint span{background:linear-gradient(to bottom, transparent, var(--gold));border-radius:999px;width:1.4px;height:2.4rem;animation:1.8s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}.gallery-section{max-width:1280px;margin:0 auto;padding:2rem clamp(1rem,4vw,2.5rem) 4rem;position:relative}.section-head{border-radius:var(--radius-xl);text-align:center;margin-bottom:2rem;padding:1.75rem clamp(1.2rem,3vw,2.2rem)}.section-head-row{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem 1.75rem;display:flex}.section-head-row>div{flex:16rem}.section-upload{flex-shrink:0}.gallery-stage{transition:opacity .3s;position:relative}.gallery-stage.is-refreshing{opacity:.55;pointer-events:none}.gallery-refresh{z-index:4;color:var(--text-muted);pointer-events:none;justify-content:center;align-items:flex-start;gap:.75rem;padding-top:2rem;font-size:.92rem;display:flex;position:absolute;inset:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin:0 0 .5rem;font-size:.72rem}.section-head h2{font-family:var(--font-display);margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:400}.lede{max-width:36rem;color:var(--text-muted);margin:.75rem auto 0;font-weight:300;line-height:1.55}.error-banner{border-color:#ff8a4c73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.error-banner p{margin:0}.gallery-grid{columns:1;column-gap:1rem}@media (width>=640px){.gallery-grid{columns:2}}@media (width>=1024px){.gallery-grid{columns:3;column-gap:1.25rem}}.gallery-card{break-inside:avoid;text-align:left;border-radius:var(--radius-lg);background:#06261c59;border:1px solid #f5c5181f;width:100%;margin:0 0 1rem;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 14px 36px #00000047}.card-hit{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;padding:0;display:block}@media (width>=1024px){.gallery-card{margin-bottom:1.25rem}}.card-media{border-radius:inherit;background:linear-gradient(135deg,#1f7a5559,#06261ccc);position:relative;overflow:hidden}.card-media img{object-fit:cover;opacity:0;width:100%;height:auto;min-height:180px;transition:opacity .55s,transform .9s cubic-bezier(.22,1,.36,1);transform:scale(1.06)}.gallery-card.is-loaded .card-media img{opacity:1;transform:scale(1)}.gallery-card:hover .card-media img{transform:scale(1.045)}.img-skeleton{background:linear-gradient(110deg,#1f7a5540 20%,#f5c5182e 40%,#1f7a5540 60%) 0 0/200% 100%;min-height:220px;animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.card-sheen{opacity:.85;pointer-events:none;background:linear-gradient(#0000 45%,#0419108c 100%);position:absolute;inset:0}.card-like{z-index:3;position:absolute;top:.75rem;right:.75rem}.card-meta{color:var(--text);opacity:0;pointer-events:none;z-index:2;flex-direction:column;gap:.15rem;padding:.65rem .95rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:.85rem;left:.85rem;right:.85rem;transform:translateY(8px)}.gallery-card:hover .card-meta,.gallery-card:focus-within .card-meta{opacity:1;transform:translateY(0)}.like-btn{-webkit-backdrop-filter:blur(14px);color:var(--text);background:#06261c9e;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .7rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex;box-shadow:0 8px 20px #00000040}.like-btn:hover{background:#06261ccc;border-color:#ff6b7a73}.like-btn.is-liked{color:var(--heart);background:#ff6b7a24;border-color:#ff6b7a80}.like-btn:disabled{opacity:.65;cursor:wait}.like-btn.is-compact{padding:.4rem .62rem}.like-icon{place-items:center;line-height:0;display:grid}.like-count{font-variant-numeric:tabular-nums;min-width:.7rem;font-size:.82rem;font-weight:600}.card-author{font-size:.88rem;font-weight:600}.card-place{color:var(--text-muted);font-size:.75rem}.scroll-sentinel{height:1px}.gallery-footer{flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem;padding-bottom:1rem;display:flex}.inline-loader{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.92rem;display:inline-flex}.petal-spin{border:2px solid #f5c51840;border-top-color:var(--gold);border-right-color:var(--saffron);border-radius:50%;width:1.35rem;height:1.35rem;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.end-note{color:var(--text-muted);font-family:var(--font-display);margin:0;font-size:1.25rem}.back-top{margin-top:.25rem}.maker-credit{max-width:720px;margin:0 auto;padding:1rem clamp(1rem,4vw,2.5rem) 3.5rem}.console-window{box-shadow:var(--shadow);border-radius:1.35rem;overflow:hidden}.console-chrome{background:#00000038;border-bottom:1px solid #f5c51824;align-items:center;gap:.45rem;padding:.75rem 1rem;display:flex}.console-chrome .dot{border-radius:50%;width:.62rem;height:.62rem}.console-chrome .dot.red{background:#ff6058}.console-chrome .dot.yellow{background:#ffbd2e}.console-chrome .dot.green{background:#28c840}.console-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-left:.55rem;font-size:.72rem;overflow:hidden}.console-body{font-family:var(--font-mono);min-height:7.5rem;padding:1.1rem 1.15rem 1.25rem;font-size:clamp(.78rem,2.4vw,.9rem);line-height:1.7}.console-line{flex-wrap:wrap;align-items:baseline;gap:.45rem;margin:0 0 .35rem;display:flex}.console-line .prompt{color:var(--green-glow);flex-shrink:0}.console-line .code{color:var(--gold-soft);word-break:break-word}.console-line .code.soft{color:var(--text-muted)}.console-line.output .prompt{color:var(--gold)}.caret{background:var(--gold);vertical-align:text-bottom;width:.55rem;height:1em;animation:1s step-end infinite caretBlink;display:inline-block}.caret.blink{margin-left:.15rem}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}.emoji{transform-origin:50%;display:inline-block}.emoji.coffee{display:inline-block}.maker-link{color:var(--gold);border-bottom:1px solid #f5c51859;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.maker-link:hover{color:var(--gold-soft);border-color:var(--gold-soft)}.portfolio-url{color:var(--green-glow);border-bottom:1px dashed #2f9e6b73;text-decoration:none;transition:color .2s}.portfolio-url:hover{color:var(--gold-soft)}.upload-modal{z-index:90;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.upload-veil{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#020e0aa8;position:absolute;inset:0}.upload-panel{z-index:1;border-radius:clamp(1.5rem,4vw,2.4rem);width:min(720px,100%);max-height:min(92svh,920px);padding:1.15rem 1.15rem 1.35rem;position:relative;overflow:auto}.upload-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;padding:.25rem .35rem 0;display:flex}.upload-head h2{font-family:var(--font-display);margin:.2rem 0 0;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:400}.upload-form{flex-direction:column;gap:1rem;display:flex}.upload-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=640px){.upload-grid{grid-template-columns:1fr 1fr}.upload-grid .full{grid-column:1/-1}}.upload-form label{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.82rem;display:flex}.upload-form label span{letter-spacing:.04em;text-transform:uppercase;font-weight:500}.upload-form input{width:100%;color:var(--text);background:#04191073;border:1px solid #f5c51838;border-radius:1rem;outline:none;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}.upload-form input:focus{border-color:#f5c5188c;box-shadow:0 0 0 3px #f5c5181f}.upload-form label.has-error input,.dropzone.has-error{border-color:#ff6b7aa6}.upload-form label small,.field-error{color:#ff8f9c;font-size:.75rem}.field-error{margin:-.35rem 0 0}.dropzone{background:#04191059;border:1.5px dashed #f5c51859;border-radius:1.4rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.2rem;transition:border-color .2s,background .2s,transform .2s;display:flex}.dropzone.is-over{border-color:var(--gold);background:#f5c51814;transform:scale(1.01)}.dropzone-copy strong{color:var(--text);margin-bottom:.25rem;font-size:.95rem;display:block}.dropzone-copy p{color:var(--text-muted);max-width:26rem;margin:0;font-size:.8rem;line-height:1.45}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.preview-card{background:#0419108c;border:1px solid #f5c5182e;border-radius:1.1rem;min-height:150px;position:relative;overflow:hidden}.preview-card img{object-fit:cover;width:100%;height:110px}.preview-meta{flex-direction:column;gap:.1rem;padding:.55rem .65rem .7rem;display:flex}.preview-name{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.preview-size{color:var(--text-muted);font-size:.68rem}.preview-remove{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:1.7rem;height:1.7rem;color:var(--text);background:#06261cb8;border:1px solid #ffffff2e;border-radius:50%;place-items:center;font-size:.75rem;display:grid;position:absolute;top:.45rem;right:.45rem}.preview-remove:hover{background:#ff6b7a59}.preview-progress{background:#ffffff14;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.preview-progress span{background:linear-gradient(90deg, var(--gold), var(--saffron));width:40%;height:100%;animation:1.1s ease-in-out infinite uploadSweep;display:block}@keyframes uploadSweep{0%{transform:translate(-120%)}to{transform:translate(280%)}}.upload-status{border:1px solid #0000;border-radius:1.1rem;align-items:center;gap:.7rem;padding:.85rem 1rem;font-size:.9rem;display:flex}.upload-status.is-uploading{color:var(--text-muted);background:#2f9e6b1f;border-color:#2f9e6b47}.upload-status.is-success{color:var(--gold-soft);background:#f5c5181f;border-color:#f5c51859}.upload-status.is-error{color:#ffb0ba;background:#ff6b7a1f;border-color:#ff6b7a59}.status-mark{background:#ffffff14;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.8rem;font-weight:700;display:grid}.upload-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;padding-top:.25rem;display:flex}.upload-form input:disabled,.upload-actions .btn:disabled,.dropzone .btn:disabled,.preview-remove:disabled,.upload-head .icon-btn:disabled{opacity:.65;cursor:not-allowed}.app-toast{z-index:95;border-color:#f5c51866;border-radius:1.35rem;align-items:center;gap:.85rem;width:min(420px,100vw - 1.5rem);padding:.9rem .95rem;display:flex;position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%)}.app-toast strong{color:var(--gold-soft);font-size:.92rem;display:block}.app-toast p{color:var(--text-muted);margin:.15rem 0 0;font-size:.8rem}.app-toast .icon-btn{flex-shrink:0;margin-left:auto}.marks-modal{z-index:96;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.marks-veil{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#020e0aad;position:absolute;inset:0}.marks-panel{z-index:1;overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:clamp(1.5rem,4vw,2.2rem);width:min(440px,100%);max-height:min(92svh,860px);padding:1.15rem 1.15rem 1.35rem;position:relative;overflow:hidden auto}.marks-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.marks-head h2{font-family:var(--font-display);margin:.2rem 0 0;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:400}.marks-category{color:var(--gold-soft);text-transform:capitalize;margin:.35rem 0 0;font-size:.88rem}.marks-thumb-wrap{background:#00000040;border:1px solid #f5c51838;border-radius:1.35rem;margin-bottom:1.1rem;overflow:hidden}.marks-thumb-btn{cursor:zoom-in;width:100%;color:inherit;background:0 0;border:none;padding:0;display:block;position:relative}.marks-thumb{object-fit:cover;width:100%;max-height:280px;transition:transform .35s;display:block}.marks-thumb-btn:hover .marks-thumb{transform:scale(1.03)}.marks-expand-hint{letter-spacing:.03em;color:var(--text);-webkit-backdrop-filter:blur(12px);opacity:.92;background:#06261cb8;border:1px solid #f5c51847;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem}.marks-fullscreen{z-index:110;-webkit-backdrop-filter:blur(18px)saturate(1.2);background:#020a08eb;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1rem;display:flex;position:fixed;inset:0}.marks-fullscreen-close{z-index:2;width:2.6rem;height:2.6rem;position:absolute;top:1rem;right:1rem}.marks-fullscreen-img{object-fit:contain;border-radius:1rem;width:auto;max-width:min(96vw,1100px);height:auto;max-height:min(82svh,900px);box-shadow:0 24px 60px #00000073}.marks-fullscreen-caption{color:var(--text-muted);text-align:center;margin:0;font-size:.9rem}.marks-form .upload-actions{justify-content:stretch}.marks-form .upload-actions .btn{width:100%}.marks-submit-btn{cursor:pointer;justify-content:space-between;width:100%;min-height:3.35rem}.marks-submit-btn:disabled{opacity:.72;cursor:not-allowed;filter:none;transform:none}.marks-submit-btn:disabled:hover{filter:none;transform:none}.marks-slider-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.marks-slider-label strong{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;font-size:1.35rem}.marks-range{width:100%;accent-color:var(--gold);cursor:pointer;height:1.4rem}.marks-scale{color:var(--text-muted);justify-content:space-between;margin-top:-.35rem;font-size:.75rem;display:flex}.marks-feedback{align-items:stretch;min-height:3.4rem;display:flex}.marks-feedback .upload-status{width:100%}.marks-feedback-spacer{min-height:3.4rem}.marks-cell{color:var(--gold-soft);font-variant-numeric:tabular-nums;font-weight:600}.lightbox{z-index:80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.lightbox-veil{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#020e0a9e;position:absolute;inset:0}.lightbox-panel{z-index:1;border-radius:clamp(1.5rem,4vw,2.6rem);flex-direction:column;width:min(960px,100%);max-height:min(92svh,900px);padding:.85rem;display:flex;position:relative;overflow:hidden}.lightbox-toolbar{justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .75rem .85rem;display:flex}.lightbox-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.lightbox-info strong{font-size:1rem}.lightbox-info span{color:var(--text-muted);font-size:.82rem}.lightbox-actions{align-items:center;gap:.75rem;display:flex}.lightbox-count{color:var(--gold-soft);letter-spacing:.04em;font-size:.82rem}.icon-btn{background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;transition:background .2s;display:grid}.icon-btn:hover{background:#ffffff29}.lightbox-stage{background:#00000047;border-radius:clamp(1.1rem,3vw,2rem);flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.lightbox-image{object-fit:contain;border-radius:.35rem;width:auto;max-width:100%;height:auto;max-height:min(72svh,760px)}.nav-btn{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:2.8rem;height:2.8rem;color:var(--text);background:#06261c8c;border:1px solid #f5c51847;border-radius:50%;place-items:center;font-size:1.8rem;line-height:1;transition:background .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#f5c51838;transform:translateY(-50%)scale(1.05)}.nav-btn.prev{left:.65rem}.nav-btn.next{right:.65rem}.admin-gate-page{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100svh;padding:1.5rem clamp(1rem,4vw,2rem);display:flex}.admin-gate-panel{border-radius:1.5rem;flex-direction:column;gap:.35rem;width:min(100%,26rem);padding:1.6rem 1.5rem 1.5rem;display:flex}.admin-gate-panel h1{font-family:var(--font-display);margin:.15rem 0 0;font-size:clamp(1.9rem,5vw,2.4rem);font-weight:400;line-height:1.1}.admin-gate-copy{color:var(--text-muted);margin:.35rem 0 .85rem;font-size:.92rem;line-height:1.45}.admin-gate-form{flex-direction:column;gap:.85rem;display:flex}.admin-gate-field{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.admin-gate-field input{width:100%;color:var(--text);font:inherit;letter-spacing:.04em;text-transform:none;background:#0419108c;border:1px solid #ffffff24;border-radius:.9rem;padding:.85rem 1rem;font-size:1rem;font-weight:400}.admin-gate-field input:focus{outline-offset:1px;border-color:#f5c51880;outline:2px solid #f5c51873}.admin-gate-error{margin:0}.admin-gate-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.admin-gate-actions .btn{flex:auto;justify-content:center;min-width:8rem}.admin-page{flex-direction:column;gap:1.25rem;max-width:1100px;min-height:100vh;margin:0 auto;padding:1.25rem clamp(1rem,3vw,1.75rem) 3rem;display:flex}.admin-topbar{border-radius:1.6rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;display:flex}.admin-topbar h1{font-family:var(--font-display);margin:.2rem 0 0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400}.admin-top-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.admin-stat{color:var(--gold-soft);padding:.55rem .9rem;font-size:.82rem}.admin-preview-bar{border-radius:1.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:grid}.admin-preview-bar h2{font-family:var(--font-display);margin:.15rem 0 .25rem;font-size:1.55rem;font-weight:400}.admin-preview-bar p:not(.eyebrow){color:var(--text-muted);margin:0;font-size:.86rem}.admin-preview-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.admin-preview-actions .btn{padding:.72rem 1rem;font-size:.82rem}.admin-preview-feedback{grid-column:1/-1;margin:0}.preview-socket-state{color:var(--text-muted);letter-spacing:.05em;text-transform:capitalize;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;display:inline-flex}.preview-socket-state>span{background:#d6a83c;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #d6a83c1f}.preview-socket-state.is-connected{color:#a9e5be}.preview-socket-state.is-connected>span{background:#62d68d;box-shadow:0 0 0 3px #62d68d21}.preview-socket-state.is-disconnected>span{background:#ef746a}.admin-card{border-radius:1.7rem;flex-direction:column;gap:1rem;padding:1.25rem clamp(1rem,2.5vw,1.5rem);display:flex}.admin-card-head h2{font-family:var(--font-display);margin:0;font-size:1.65rem;font-weight:400}.admin-card-head p{color:var(--text-muted);margin:.35rem 0 0;font-size:.9rem;line-height:1.5}.admin-form{flex-direction:column;gap:1rem;display:flex}.admin-form-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=720px){.admin-form-grid{grid-template-columns:1fr 1fr}.admin-form-grid .full{grid-column:1/-1}}.admin-form label{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.82rem;display:flex}.admin-form label span{letter-spacing:.04em;text-transform:uppercase;font-weight:500}.admin-form input,.admin-form select{width:100%;color:var(--text);font:inherit;background:#04191073;border:1px solid #f5c51838;border-radius:1rem;outline:none;padding:.85rem 1rem}.admin-form select{cursor:pointer}.admin-form select option{color:var(--text);background:#0b3d2e}.admin-form input:focus,.admin-form select:focus{border-color:#f5c5188c;box-shadow:0 0 0 3px #f5c5181f}.admin-lookup{flex-direction:column;gap:.85rem;display:flex}.admin-user-chip{color:var(--text-muted);margin:0;font-size:.9rem}.admin-user-chip strong{color:var(--gold-soft)}.user-change-btn{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:.35rem;padding:0;font-size:.82rem;text-decoration:underline}.user-change-btn:disabled{opacity:.5;cursor:not-allowed}.user-picker{flex-direction:column;gap:.55rem;display:flex}.user-picker-list{flex-direction:column;gap:.5rem;display:flex}.user-option{width:100%;color:var(--text);text-align:left;cursor:pointer;font:inherit;background:#0419108c;border:1px solid #f5c51838;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem 1rem;display:flex}.user-option strong{color:var(--gold-soft);font-weight:600}.user-option span{color:var(--text-muted);font-size:.82rem}.user-option:hover{border-color:#f5c51873}.user-option.is-selected{background:#f5c5181a;border-color:#f5c518b3;box-shadow:0 0 0 2px #f5c5181f}.thumb-picker-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .65rem;font-size:.82rem}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.7rem;display:grid}.thumb-option{aspect-ratio:1;background:#04191080;border:2px solid #ffffff1a;border-radius:1rem;padding:0;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.thumb-option img{object-fit:cover;width:100%;height:100%}.thumb-option:hover{border-color:#f5c51873;transform:translateY(-2px)}.thumb-option.is-selected{border-color:var(--gold);box-shadow:0 0 0 3px #f5c51833}.thumb-check{color:#1a2a12;background:var(--gold);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:.4rem;right:.4rem}.admin-empty{color:var(--text-muted);margin:0;padding:.5rem 0 .25rem}.admin-list-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.85rem;display:flex}.participant-search{width:min(100%,310px)}.participant-search input{width:100%;color:var(--text);font:inherit;background:#04191073;border:1px solid #f5c51838;border-radius:999px;outline:none;padding:.7rem 1rem;font-size:.86rem}.participant-search input:focus{border-color:#f5c5188c;box-shadow:0 0 0 3px #f5c5181f}.participant-search input::placeholder{color:var(--text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-table-wrap{border:1px solid #f5c51824;border-radius:1.2rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:720px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ffffff0f;padding:.85rem .95rem}.admin-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:#0000002e;font-size:.72rem}.admin-table tbody tr:hover{background:#ffffff08}.admin-thumb{object-fit:cover;border:1px solid #f5c51833;border-radius:.85rem;width:52px;height:52px;display:block}.admin-thumb.placeholder{color:var(--text-muted);background:#ffffff0d;place-items:center;font-size:.85rem;display:grid}.admin-cell-stack{flex-direction:column;gap:.15rem;display:flex}.admin-cell-stack .muted{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.live-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.live-pill.is-live{color:#0b3d2e;background:linear-gradient(135deg, var(--gold-soft), var(--gold))}.live-pill.is-offline{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a}.live-toggle{white-space:nowrap;padding:.55rem .95rem;font-size:.8rem}.preview-control-modal{z-index:120;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.preview-control-veil{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#020e0ab8;border:0;border-radius:0;width:100%;position:absolute;inset:0}.preview-control-panel{z-index:1;border-radius:clamp(1.5rem,4vw,2.2rem);width:min(680px,100%);max-height:min(92svh,900px);padding:1.2rem;position:relative;overflow-y:auto}.preview-control-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;margin-bottom:1.1rem;display:grid}.preview-control-head h2{font-family:var(--font-display);margin:.15rem 0 0;font-size:clamp(1.7rem,4vw,2.2rem);font-weight:400}.preview-control-form{flex-direction:column;gap:1rem;display:flex}.preview-mode-picker{border:0;grid-template-columns:1fr 1fr;gap:.65rem;margin:0;padding:0;display:grid}.preview-mode-picker legend{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;margin-bottom:.45rem;font-size:.76rem;font-weight:600}.preview-mode-picker label{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff21;border-radius:1rem;justify-content:center;align-items:center;gap:.55rem;padding:.8rem;display:flex}.preview-mode-picker label.is-selected{color:var(--gold-soft);background:#f5c5181a;border-color:#f5c51880}.preview-mode-picker input{accent-color:var(--gold)}.preview-control-field{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;flex:1;gap:.4rem;font-size:.78rem;font-weight:500;display:flex}.preview-control-field input,.preview-control-field select,.preview-control-field textarea{width:100%;color:var(--text);font:inherit;letter-spacing:normal;text-transform:none;resize:vertical;background:#041910ad;border:1px solid #f5c51838;border-radius:1rem;outline:none;padding:.82rem .95rem}.preview-control-field select option{color:var(--text);background:#0b3d2e}.preview-control-field input:focus,.preview-control-field select:focus,.preview-control-field textarea:focus{border-color:#f5c5188c;box-shadow:0 0 0 3px #f5c5181f}.winner-fields{flex-direction:column;gap:.75rem;display:flex}.winner-field-row{align-items:end;gap:.55rem;display:flex}.winner-remove{flex:none;margin-bottom:.1rem}.add-winner{align-self:flex-start;padding:.65rem 1rem;font-size:.8rem}.preview-feedback{min-height:.25rem}.preview-control-actions{flex-wrap:wrap;gap:.65rem;display:flex}.preview-control-actions .btn{padding:.78rem 1.1rem;font-size:.84rem}.preview-page{grid-template-rows:auto 1fr auto;min-height:100svh;padding:1.25rem clamp(1rem,4vw,2.5rem) 1rem;display:grid;position:relative;overflow:hidden}.preview-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.preview-motif{opacity:.5;width:min(78vmin,680px);height:min(78vmin,680px);animation:90s linear infinite previewSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes previewSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.preview-floater{opacity:0;filter:saturate(.9);animation-name:previewFloat;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-8vh}@keyframes previewFloat{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:.55}85%{opacity:.4}to{transform:translate(var(--drift,20px), -112vh) rotate(28deg);opacity:0}}.preview-topbar{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.preview-stage-area{z-index:1;justify-content:center;align-items:stretch;width:100%;height:100%;min-height:0;padding:.35rem 0;display:flex;position:relative;overflow:hidden}.preview-stage-area>*{height:100%;min-height:0;max-height:100%}.preview-idle{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:none;margin:0 auto;display:flex}.preview-idle-kicker{color:var(--gold-soft);letter-spacing:.35em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(.72rem,1.6vw,.95rem)}.preview-idle-line{max-width:60rem;font-family:var(--font-display);background:linear-gradient(120deg, var(--gold-soft), var(--gold) 55%, var(--saffron));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.1rem,6.5vw,4.6rem);font-weight:400;line-height:1.12}.preview-idle-dots{justify-content:center;gap:.55rem;margin-top:2rem;display:flex}.preview-idle-dots span{background:var(--gold);opacity:.35;border-radius:50%;width:.55rem;height:.55rem;animation:1.6s ease-in-out infinite pathalamPulse}.preview-idle-dots span:nth-child(2){animation-delay:.25s}.preview-idle-dots span:nth-child(3){animation-delay:.5s}.preview-stage-title{text-align:center;color:var(--gold-soft);letter-spacing:.24em;text-transform:uppercase;flex-shrink:0;margin:0 0 .85rem;font-size:clamp(.95rem,2.4vw,1.5rem)}.preview-single{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:min(100%,72rem);max-width:100%;min-height:0;max-height:100%;display:flex}.preview-photo-frame{box-sizing:border-box;background:linear-gradient(140deg,#f5c518bf,#e9742c8c,#2f9e6b80);border-radius:1.6rem;flex-shrink:1;justify-content:center;align-items:center;width:min(100%,28rem);height:min(58vh,32rem);min-height:0;max-height:min(58vh,100% - 8rem);margin:0 auto;padding:clamp(.65rem,1.8vw,1.1rem);display:flex;overflow:hidden;box-shadow:0 24px 70px #00000073}.preview-photo-frame img{object-fit:contain;object-position:center;background:#041910b8;border-radius:1.15rem;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.preview-participant-name{font-family:var(--font-display);margin:0;font-size:clamp(2.2rem,6vw,4.4rem);font-weight:400;line-height:1.08}.preview-participant-category{color:var(--gold-soft);text-transform:capitalize;letter-spacing:.08em;margin:.6rem 0 0;font-size:clamp(1rem,2.4vw,1.5rem)}.preview-winners{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:68rem;min-height:0;margin:0 auto;display:flex}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(.7rem,2.5vw,1.6rem);padding:0 clamp(.25rem,3vw,2rem);display:grid}.podium-slot{flex-direction:column;align-items:center;gap:.9rem;min-width:0;display:flex}.podium-person{text-align:center;flex-direction:column;align-items:center;gap:.45rem;min-width:0;display:flex}.podium-person img{object-fit:contain;object-position:center;background:#041910f2;border:3px solid #f5c518a6;border-radius:1rem;width:clamp(5.2rem,14vmin,9.5rem);height:clamp(5.2rem,14vmin,9.5rem);display:block;box-shadow:0 14px 40px #0006}.podium-person strong{font-family:var(--font-display);overflow-wrap:break-word;max-width:100%;font-size:clamp(1.05rem,2.6vw,1.7rem);font-weight:400;line-height:1.15}.podium-person span{color:var(--gold-soft);text-transform:capitalize;letter-spacing:.06em;font-size:clamp(.72rem,1.7vw,.95rem)}.podium-vacant{color:var(--text-muted);font-size:1.6rem}.podium-bar{transform-origin:bottom;background:linear-gradient(#f5c51852,#f5c51814),#06261c99;border:1px solid #f5c51859;border-bottom:none;border-radius:1.1rem 1.1rem 0 0;place-items:center;width:100%;display:grid;box-shadow:inset 0 1px #ffffff24}.podium-slot.is-tall .podium-bar{background:linear-gradient(#f5c5188c,#e9742c2e),#06261c99;height:clamp(9rem,26vmin,15rem)}.podium-slot.is-mid .podium-bar{height:clamp(6.4rem,19vmin,11rem)}.podium-slot.is-short .podium-bar{height:clamp(4.6rem,14vmin,8rem)}.podium-slot.is-empty{opacity:.45}.podium-rank{font-family:var(--font-display);color:var(--gold);text-shadow:0 4px 18px #00000080;font-size:clamp(2rem,6vmin,3.6rem)}.preview-qr,.preview-text-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;width:min(100%,42rem);max-width:100%;min-height:0;margin:0 auto;display:flex}.preview-qr-frame{background:linear-gradient(145deg,#f5c51838,#2f9e6b2e),#f4faf6;border:1px solid #f5c51873;border-radius:1.4rem;padding:clamp(.9rem,2.5vw,1.35rem);box-shadow:0 18px 50px #00000059,inset 0 1px #ffffff8c}.preview-qr-frame svg{width:clamp(11rem,36vmin,17.5rem);height:auto;display:block}.preview-qr-link{max-width:100%;color:var(--gold-soft);font-family:var(--font-mono);word-break:break-all;opacity:.85;margin:0;font-size:clamp(.75rem,1.8vw,.95rem)}.preview-text-content{font-family:var(--font-display);color:var(--text);text-wrap:balance;white-space:pre-wrap;margin:0;font-size:clamp(2.2rem,7vw,4.4rem);font-weight:400;line-height:1.15}.preview-sponsors{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:min(100%,42rem);max-width:min(100%,42rem);height:100%;min-height:0;max-height:100%;margin:0 auto;display:flex;overflow:hidden}.preview-sponsors-kicker{flex-shrink:0;margin:0 0 .15rem}.preview-sponsors-frame,.preview-image-frame{box-sizing:border-box;background:linear-gradient(160deg,#f5c5181f,#06261c8c),#0419108c;border:1px solid #f5c51859;border-radius:1.4rem;flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;max-width:min(100%,38rem);height:auto;min-height:0;max-height:none;margin:0 auto;padding:clamp(.7rem,2vw,1.35rem);display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #0006,inset 0 1px #ffffff14}.preview-media-slide{box-sizing:border-box;justify-content:center;align-items:center;padding:clamp(.7rem,2vw,1.35rem);display:flex;position:absolute;inset:0}.preview-sponsors-image,.preview-image-display,.preview-media-slide img{object-fit:contain;object-position:center;max-width:100%;max-height:100%;padding:0;display:block;width:auto!important;height:auto!important}.preview-sponsors-dots{flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;padding-top:.15rem;display:flex}.preview-sponsors-dots span{background:#f4faf647;border-radius:50%;width:.45rem;height:.45rem;transition:background .25s,transform .25s}.preview-sponsors-dots span.is-active{background:var(--gold);transform:scale(1.25)}.preview-sponsors-empty{color:var(--text-muted);margin:0}.preview-sponsors-hint{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.4}.preview-sponsors-hint code{font-family:var(--font-mono);color:var(--gold-soft);font-size:.8em}.preview-user-subtitle{color:var(--gold-soft);letter-spacing:.04em;text-align:center;margin:-.35rem 0 .35rem;font-size:clamp(.85rem,1.8vw,1.1rem)}.preview-user-lookup,.preview-user-selected{flex-direction:column;gap:.75rem;display:flex}.thumb-option.is-static{cursor:default;pointer-events:none}.preview-image-stage{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:min(100%,42rem);max-width:min(100%,42rem);height:100%;min-height:0;max-height:100%;margin:0 auto;display:flex;overflow:hidden}.preview-image-stage .preview-stage-title{flex-shrink:0;margin-bottom:0}.preview-image-upload{flex-direction:column;gap:.65rem;display:flex}.preview-image-upload input[type=file]{width:100%;color:var(--text-muted);font-size:.85rem}.preview-image-meta{color:var(--text-muted);margin:0;font-size:.8rem}.preview-image-local{background:#04191080;border:1px solid #f5c51847;border-radius:1rem;place-items:center;max-height:12rem;display:grid;overflow:hidden}.preview-image-local img{object-fit:contain;max-width:100%;max-height:12rem;display:block}.mark-bubble-layer{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mark-bubble{font-family:var(--font-display);will-change:transform, opacity;animation:mark-rise var(--dur) linear forwards, mark-fade var(--dur) linear forwards;font-weight:400;line-height:1;position:absolute;bottom:4%}.mark-bubble-sway{will-change:transform;animation:mark-sway calc(var(--dur) / 2.5) ease-in-out infinite alternate;display:block}.mark-bubble-pop{color:#06261c;background:radial-gradient(circle at 30% 25%, #ffffff8c, transparent 45%), linear-gradient(160deg, #ffe08a, var(--bubble-color,#f5c518) 55%, #e8943a);will-change:transform;min-width:1.35em;min-height:1.35em;animation:mark-pop var(--dur) ease-out forwards;border:2px solid #ffffff73;border-radius:999px;place-items:center;padding:.18em .28em;display:grid;box-shadow:0 10px 28px #00000059,0 0 24px #f5c51873}@keyframes mark-rise{0%{transform:translate(0,0)}to{transform:translate3d(0, var(--rise), 0)}}@keyframes mark-sway{0%{transform:translate(0,0)}to{transform:translate3d(var(--drift), 0, 0)}}@keyframes mark-pop{0%{transform:scale(.45)}16%{transform:scale(1.12)}30%{transform:scale(1)}to{transform:scale(.94)}}@keyframes mark-fade{0%{opacity:0}7%{opacity:1}45%{opacity:1}56%{opacity:.78}66%{opacity:.36}76%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.mark-bubble-sway{animation:none}}.preview-footer{z-index:1;text-align:center;padding:.6rem 0 .4rem;position:relative}.preview-footer p{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.78rem}@media (width<=640px){.admin-preview-bar{grid-template-columns:1fr}.admin-preview-actions{justify-content:flex-start}.preview-control-head{grid-template-columns:minmax(0,1fr) auto}.preview-control-head .preview-socket-state{grid-area:2/1/auto/-1}.preview-control-head .icon-btn{grid-area:1/2}.preview-control-actions .btn{width:100%}.hero-title{font-size:clamp(3rem,14vw,4.2rem)}.card-meta{opacity:1;transform:none}.console-title{max-width:58vw}.nav-btn{width:2.35rem;height:2.35rem;font-size:1.45rem}.admin-topbar{border-radius:1.3rem}}.live-marks-page{flex-direction:column;gap:1.4rem;min-height:100svh;padding:1.1rem clamp(1rem,4vw,2.75rem) 1.5rem;display:flex;position:relative;overflow-x:hidden}.live-marks-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.live-marks-motif{opacity:.9;width:min(72vw,38rem);height:min(72vw,38rem);animation:48s linear infinite live-motif-spin;position:absolute;top:8%;right:-12%}@keyframes live-motif-spin{to{transform:rotate(360deg)}}.live-marks-topbar,.live-marks-main,.live-marks-page>footer{z-index:1;position:relative}.live-marks-topbar{-webkit-backdrop-filter:blur(22px)saturate(1.35);border:1px solid var(--glass-border);box-shadow:var(--shadow), inset 0 1px 0 #ffffff24;background:linear-gradient(145deg,#ffffff1a,#ffffff08);border-radius:1.35rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem .75rem 1.05rem;display:flex}.live-marks-top-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.live-marks-pulse-chip{letter-spacing:.03em;color:var(--gold-soft);background:#0419108c;border:1px solid #f5c51847;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.76rem;font-weight:600;display:inline-flex}.live-marks-pulse-dot{background:#4ade80;border-radius:50%;width:.5rem;height:.5rem;animation:1.7s ease-out infinite live-pulse;box-shadow:0 0 #4ade808c}@keyframes live-pulse{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}.btn-mark-home{color:var(--text);background:#ffffff12;border:1px solid #ffffff29;padding:.65rem 1.15rem;font-size:.85rem;text-decoration:none}.btn-mark-home:hover{background:#ffffff1f;transform:translateY(-1px)}.live-marks-main{flex-direction:column;flex:1;gap:1.5rem;width:min(100%,72rem);margin:0 auto;display:flex}.live-marks-intro{max-width:36rem}.live-marks-intro .eyebrow{margin-bottom:.35rem}.live-marks-intro h1{font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(135deg, #fff8e0 10%, var(--gold-soft) 45%, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .65rem;font-size:clamp(2.4rem,6.5vw,3.6rem);font-weight:400;line-height:1.05}.live-marks-intro p:not(.eyebrow){color:var(--text-muted);margin:0;font-size:clamp(.95rem,2vw,1.08rem);font-weight:300;line-height:1.6}.live-marks-error{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.live-marks-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.live-marks-loading p{margin:0;font-size:.95rem}.live-marks-empty{text-align:center;background:linear-gradient(165deg,#ffffff14,#ffffff05),#06261c73;border:1px solid #f5c51847;border-radius:1.75rem;width:100%;max-width:28rem;margin:.5rem auto;padding:2.75rem 1.75rem 2.25rem;box-shadow:0 24px 50px #0000004d}.live-marks-empty-icon{width:4.5rem;height:4.5rem;color:var(--gold);opacity:.9;margin:0 auto 1.1rem;animation:18s linear infinite live-motif-spin}.live-marks-empty-line{min-height:3.4rem;font-family:var(--font-display);color:var(--text);margin:0;font-size:clamp(1.35rem,3.4vw,1.75rem);line-height:1.25}.live-marks-empty-hint{color:var(--text-muted);margin:.85rem 0 0;font-size:.9rem;line-height:1.55}.live-marks-empty-bars{justify-content:center;gap:.4rem;margin-top:1.35rem;display:flex}.live-marks-empty-bars span{background:#f5c51859;border-radius:50%;width:.4rem;height:.4rem;animation:1.4s ease-in-out infinite live-empty-dot}.live-marks-empty-bars span:nth-child(2){animation-delay:.2s}.live-marks-empty-bars span:nth-child(3){animation-delay:.4s}@keyframes live-empty-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;background:var(--gold);transform:translateY(-4px)}}.live-marks-grid{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:1.15rem;display:grid}.live-mark-tile{color:inherit;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#ffffff0f,#0000 40%),#041c14b8;border:1px solid #f5c5183d;border-radius:1.35rem;flex-direction:column;padding:0;transition:border-color .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 16px 40px #00000047}.live-mark-tile:hover{border-color:#f5c5188c;box-shadow:0 20px 48px #00000059,0 0 0 1px #f5c5181f}.live-mark-tile:hover .live-mark-cta{color:var(--gold);transform:translate(3px)}.live-mark-tile:hover .live-mark-thumb{transform:scale(1.05)}.live-mark-thumb-wrap{aspect-ratio:4/4.6;background:#041910d9;position:relative;overflow:hidden}.live-mark-thumb{object-fit:cover;width:100%;height:100%;transition:transform .55s;display:block}.live-mark-thumb.is-empty{color:#f5c51873;place-items:center;display:grid}.live-mark-thumb-icon{width:3.2rem;height:3.2rem}.live-mark-thumb-veil{pointer-events:none;background:linear-gradient(#0000,#04140eeb);height:45%;position:absolute;inset:auto 0 0}.live-mark-pill{letter-spacing:.08em;text-transform:uppercase;color:#06261c;background:linear-gradient(135deg,#ffe08a,#f5c518 55%,#e8943a);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.66rem;font-weight:700;display:inline-flex;position:absolute;top:.7rem;left:.7rem;box-shadow:0 6px 16px #0000004d}.live-mark-pill-dot{background:#0b5d38;border-radius:50%;width:.38rem;height:.38rem;animation:1.7s ease-out infinite live-pulse;box-shadow:0 0 #0b5d3866}.live-mark-meta{flex-direction:column;gap:.2rem;min-width:0;padding:.85rem 1rem 1rem;display:flex}.live-mark-meta strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.2rem;font-weight:400;line-height:1.15}.live-mark-category{color:var(--gold-soft);text-transform:capitalize;letter-spacing:.04em;font-size:.78rem}.live-mark-cta{color:#f4faf68c;letter-spacing:.04em;align-items:center;gap:.35rem;margin-top:.45rem;font-size:.78rem;font-weight:600;transition:color .2s,transform .2s;display:inline-flex}.live-mark-cta svg{opacity:.75}@media (width<=640px){.live-marks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.live-mark-meta strong{font-size:1rem}.live-marks-intro h1{font-size:clamp(2.1rem,10vw,2.7rem)}}@media (prefers-reduced-motion:reduce){.live-marks-motif,.live-marks-empty-icon,.live-marks-pulse-dot,.live-mark-pill-dot,.live-marks-empty-bars span{animation:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}