:root{--night:#18102b;--night-2:#221838;--night-3:#2e2248;--royal:#1f0469;--coral:#ff6f61;--gold:#d4a15a;--paper:#f8f5f0;--white:#fff;--ink:#18102b;--ink-soft:#5d5470;--line-dark:#ffffff1f;--line-light:#18102b1f;--text-on-dark:#f4f0fa;--muted-on-dark:#f4f0faad;--brand-gradient:linear-gradient(100deg, var(--gold) 0%, var(--coral) 100%);--radius:18px;--radius-sm:12px;--shadow:0 18px 50px -20px #0a041e8c;--font-title:"Sora", "Outfit", system-ui, sans-serif;--font-body:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text-on-dark);background:var(--night);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}img,video{max-width:100%;display:block}a{color:inherit}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--font-title);letter-spacing:-.01em;margin:0;line-height:1.15}.bg-night{background:radial-gradient(1200px 600px at 85% -10%, #1f0469d9, transparent 60%), radial-gradient(900px 500px at -10% 110%, #ff6f6124, transparent 60%), var(--night);min-height:100vh}.bg-paper{background:var(--paper);min-height:100vh;color:var(--ink)}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.narrow{max-width:560px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 26px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);color:var(--night);box-shadow:0 10px 30px -10px #ff6f6199}.btn-primary:hover{box-shadow:0 14px 36px -10px #ff6f61bf}.btn-ghost{color:var(--text-on-dark);border-color:var(--line-dark);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1f}.btn-royal{background:var(--royal);color:#fff}.btn-royal:hover{background:#2a0a85}.btn-outline{color:var(--ink);border-color:var(--line-light);background:0 0}.btn-outline:hover{background:#18102b0d}.btn-danger{color:#c0392b;background:0 0;border-color:#c0392b59}.btn-danger:hover{background:#c0392b14}.btn-sm{min-height:38px;padding:0 16px;font-size:14px}.btn-block{width:100%}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:13px;font-weight:600}.gradient-text{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.muted{color:var(--muted-on-dark)}.ink-soft{color:var(--ink-soft)}.small{font-size:14px}.center{text-align:center}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.logo-img{width:auto;height:34px}.logo-img.lg{height:64px}.card{border:1px solid var(--line-dark);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;padding:24px}.card-light{border:1px solid var(--line-light);border-radius:var(--radius);color:var(--ink);background:#fff;padding:24px}.hero{text-align:center;padding:56px 0 40px}.hero h1{margin:18px 0;font-size:clamp(34px,6vw,60px);font-weight:700}.hero p.lead{color:var(--muted-on-dark);max-width:640px;margin:0 auto 30px;font-size:clamp(17px,2.2vw,20px)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.features{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;padding:24px 0 40px;display:grid}.feature .icon{width:46px;height:46px;color:var(--coral);background:#ff6f611f;border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.feature h3{margin-bottom:6px;font-size:18px}.feature p{color:var(--muted-on-dark);margin:0;font-size:15px}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding-bottom:56px;display:grid}.step{padding-top:44px;position:relative}.step:before{counter-increment:s;content:counter(s);font-family:var(--font-title);background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700;line-height:1;position:absolute;top:0;left:0}.step h3{margin-bottom:4px;font-size:17px}.step p{color:var(--muted-on-dark);margin:0;font-size:15px}.section-title{margin:8px 0 22px;font-size:clamp(24px,3.4vw,32px)}.footer{border-top:1px solid var(--line-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:26px 0 40px;display:flex}.footer a{color:var(--muted-on-dark);font-size:14px;text-decoration:none}.footer a:hover{color:#fff}.event-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-dark);background:#18102bc7;position:sticky;top:0}.event-header .inner{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.event-header .who{align-items:center;gap:12px;min-width:0;display:flex}.event-header .who strong{font-family:var(--font-title);white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.event-header .who span{color:var(--muted-on-dark);font-size:12px}.avatar{object-fit:cover;border:2px solid var(--gold);border-radius:50%;flex:none;width:40px;height:40px}.event-hero{text-align:center;padding:40px 0 28px}.event-cover{object-fit:cover;background:var(--brand-gradient) border-box;width:132px;height:132px;box-shadow:var(--shadow);border:3px solid #0000;border-radius:50%;margin:0 auto 20px}.event-hero h1{margin:10px 0 12px;font-size:clamp(30px,6vw,48px)}.event-hero .sub{color:var(--muted-on-dark);max-width:520px;margin:0 auto 26px;font-size:18px}.qr-card{text-align:left;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;max-width:560px;margin:10px auto 0;display:flex}.qr-box{background:#fff;border-radius:16px;flex:none;padding:12px}.qr-card h3{margin-bottom:6px;font-size:18px}.copy-link{border:1px solid var(--line-dark);color:var(--text-on-dark);text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border-radius:999px;align-items:center;gap:8px;max-width:100%;margin-top:10px;padding:8px 14px;font-size:13px;display:inline-flex;overflow:hidden}.gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin:40px 0 18px;display:flex}.gallery-head h2{font-size:26px}.masonry{columns:2 160px;column-gap:10px}@media (width>=720px){.masonry{columns:4 200px;column-gap:14px}}.tile{break-inside:avoid;background:var(--night-3);cursor:zoom-in;width:100%;color:inherit;border:0;border-radius:14px;margin-bottom:10px;padding:0;display:block;position:relative;overflow:hidden}@media (width>=720px){.tile{margin-bottom:14px}}.tile img{width:100%;height:auto;transition:transform .4s}.tile:hover img{transform:scale(1.03)}.tile .name{text-align:left;background:linear-gradient(#0000,#0a0519bf);padding:26px 10px 8px;font-size:13px;position:absolute;bottom:0;left:0;right:0}.play-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18102b99;border:2px solid #ffffffd9;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty{border:1px dashed var(--line-dark);border-radius:var(--radius);text-align:center;color:var(--muted-on-dark);padding:48px 20px}.empty .icon{color:var(--gold);margin-bottom:10px;display:inline-flex}.lightbox{z-index:100;background:#080414f0;flex-direction:column;display:flex;position:fixed;inset:0}.lightbox .lb-top{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.lightbox .lb-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 8px;display:flex;position:relative}.lightbox .lb-stage img,.lightbox .lb-stage video{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.icon-btn{border:1px solid var(--line-dark);color:#fff;background:#ffffff14;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-btn:hover{background:#ffffff29}.lb-nav{position:absolute;top:50%;transform:translateY(-50%)}.lb-nav.prev{left:12px}.lb-nav.next{right:12px}.upload-card{margin-top:20px}.pick-grid{gap:12px;display:grid}.pick-btn{min-height:64px;font-size:17px}.previews{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 4px;display:grid}.previews .pv{aspect-ratio:1;background:var(--night-3);border-radius:12px;position:relative;overflow:hidden}.previews .pv img,.previews .pv video{object-fit:cover;width:100%;height:100%}.previews .pv .x{color:#fff;background:#0a0519b3;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;right:6px}.previews .pv .state{background:#0a05198c;place-items:center;font-size:13px;font-weight:600;display:grid;position:absolute;inset:0}.field{gap:6px;margin-top:16px;display:grid}.field label{font-size:14px;font-weight:500}.input{border:1px solid var(--line-dark);width:100%;min-height:50px;color:var(--text-on-dark);background:#ffffff0f;border-radius:14px;outline:none;padding:0 16px}.input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ff6f6133}.hint{color:var(--muted-on-dark);font-size:13px}.alert{border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px}.alert-error{color:#ffd3cd;background:#ff6f6124;border:1px solid #ff6f6166}.alert-ok{color:#f5dfbd;background:#d4a15a24;border:1px solid #d4a15a66}.success{text-align:center;padding:18px 0 6px}.success .big-icon{background:var(--brand-gradient);width:76px;height:76px;color:var(--night);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.progress{background:#ffffff1a;border-radius:99px;height:6px;margin-top:14px;overflow:hidden}.progress>i{background:var(--brand-gradient);height:100%;transition:width .3s;display:block}.panel-top{background:var(--night);color:var(--text-on-dark)}.panel-top .inner{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.panel-main{padding:28px 0 60px}.panel-main h1{font-size:28px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.ev-list{gap:12px;margin-top:20px;display:grid}.ev-item{grid-template-columns:56px 1fr auto;align-items:center;gap:14px;text-decoration:none;display:grid}.ev-item:hover{border-color:#1f046959}.ev-thumb{object-fit:cover;background:var(--royal);border-radius:14px;width:56px;height:56px}.ev-item h3{font-size:17px}.chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.chip{color:var(--royal);background:#1f046914;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500}.chip.coral{color:#c2412f;background:#ff6f6124}.chip.gray{color:var(--ink-soft);background:#18102b12}.form-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=720px){.form-grid.two{grid-template-columns:1fr 1fr}}.lfield{gap:6px;display:grid}.lfield label{color:var(--ink);font-size:14px;font-weight:600}.lfield .help{color:var(--ink-soft);font-size:13px}.linput{border:1px solid var(--line-light);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:0 14px}textarea.linput{resize:vertical;min-height:80px;padding:12px 14px}.linput:focus{border-color:var(--royal);box-shadow:0 0 0 3px #1f04691f}.prefix{border:1px solid var(--line-light);background:#fff;border-radius:12px;align-items:center;display:flex;overflow:hidden}.prefix span{color:var(--ink-soft);white-space:nowrap;padding:0 4px 0 14px;font-size:14px}.prefix input{min-width:0;min-height:44px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding-right:14px}.seg{background:#18102b0f;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--ink-soft);background:0 0;border:0;border-radius:9px;padding:8px 14px;font-weight:500}.seg button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001a}.switch{cursor:pointer;align-items:center;gap:10px;font-size:15px;display:flex}.switch input{width:20px;height:20px;accent-color:var(--royal)}.tabs{border-bottom:1px solid var(--line-light);gap:4px;margin:24px 0 20px;display:flex;overflow-x:auto}.tabs button{color:var(--ink-soft);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 16px;font-weight:600}.tabs button.on{color:var(--royal);border-color:var(--coral)}.links-grid{gap:12px;display:grid}.link-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.link-row code{word-break:break-all;background:#18102b0d;border-radius:8px;padding:6px 10px;font-size:13px}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.mod-item{border:1px solid var(--line-light);background:#fff;border-radius:14px;overflow:hidden}.mod-item .media{aspect-ratio:1;background:#eee;position:relative}.mod-item .media img{object-fit:cover;width:100%;height:100%}.mod-item .meta{justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:flex}.mod-item .acts{border-top:1px solid var(--line-light);display:flex}.mod-item .acts button{color:var(--ink-soft);background:0 0;border:0;flex:1;padding:9px 4px;font-size:13px;font-weight:600}.mod-item .acts button:hover{color:var(--ink);background:#18102b0a}.mod-item .acts button+button{border-left:1px solid var(--line-light)}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.panel-alert{border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px}.panel-alert.err{color:#a8321f;background:#fdecea}.panel-alert.ok{color:#2d6a33;background:#eef7ee}.demo-banner{z-index:200;background:var(--gold);color:var(--night);box-shadow:var(--shadow);border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600;position:fixed;bottom:12px;left:12px}.wall{color:#fff;background:radial-gradient(1400px 700px at 80% -20%, #1f0469e6, transparent 60%), var(--night);cursor:default;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.wall.hide-cursor{cursor:none}.wall-top{justify-content:space-between;align-items:center;gap:3vw;padding:2.2vh 3vw 1vh;display:flex}.wall-title{align-items:center;gap:1.4vw;min-width:0;display:flex}.wall-title .cv{object-fit:cover;border:.35vh solid var(--gold);border-radius:50%;flex:none;width:7vh;height:7vh}.wall-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:4.2vh;overflow:hidden}.wall-title .date{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-size:1.7vh;font-weight:600}.wall-qr{flex:none;align-items:center;gap:1.2vw;display:flex}.wall-qr .txt{text-align:right}.wall-qr .txt strong{font-family:var(--font-title);font-size:2.6vh;display:block}.wall-qr .txt span{color:var(--muted-on-dark);font-size:1.8vh}.wall-qr .qr{background:#fff;border-radius:1.4vh;padding:.9vh}.wall-qr .qr svg{width:12vh;height:12vh;display:block}.wall-stage{justify-content:center;align-items:center;min-height:0;padding:1vh 3vw;display:flex;position:relative}.wall-frame{background:#000;border-radius:2vh;justify-content:center;align-items:center;max-width:100%;height:100%;animation:.8s cubic-bezier(.2,.8,.2,1) wallIn;display:flex;position:relative;overflow:hidden;box-shadow:0 3vh 8vh -3vh #000000b3}.wall-frame .blur{object-fit:cover;filter:blur(40px)brightness(.55);width:116%;height:116%;position:absolute;inset:-8%}.wall-frame .main{object-fit:contain;width:100%;height:100%;position:relative}.wall-caption{background:linear-gradient(#0000,#080414d1);justify-content:space-between;align-items:end;gap:2vw;padding:8vh 2.4vw 2.2vh;display:flex;position:absolute;bottom:0;left:0;right:0}.wall-caption .by{color:var(--muted-on-dark);font-size:2.2vh}.wall-caption .nm{font-family:var(--font-title);font-size:4vh;font-weight:700}.new-badge{background:var(--brand-gradient);color:var(--night);border-radius:99px;padding:1vh 2.2vh;font-size:2.4vh;font-weight:700;animation:.6s cubic-bezier(.2,1.6,.4,1) pop;position:absolute;top:2.4vh;left:2.4vh;box-shadow:0 1vh 3vh #ff6f6180}.wall-strip{height:17vh;padding:1.4vh 0 2.4vh;position:relative;overflow:hidden}.wall-strip .track{gap:1.2vh;width:max-content;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.wall-strip .th{aspect-ratio:1;opacity:.45;outline-offset:-.4vh;background:var(--night-3);border-radius:1.4vh;outline:.4vh solid #0000;flex:none;height:100%;transition:opacity .5s,transform .5s,outline-color .5s;position:relative;overflow:hidden}.wall-strip .th img{object-fit:cover;width:100%;height:100%}.wall-strip .th.on{opacity:1;outline-color:var(--coral);transform:scale(1.06)}.wall-strip:before,.wall-strip:after{content:"";z-index:2;pointer-events:none;width:12vw;position:absolute;top:0;bottom:0}.wall-strip:before{background:linear-gradient(90deg, var(--night), transparent);left:0}.wall-strip:after{background:linear-gradient(-90deg, var(--night), transparent);right:0}.wall-empty{text-align:center}.wall-empty .qr-big{background:#fff;border-radius:3vh;margin-bottom:4vh;padding:2vh;display:inline-block}.wall-empty .qr-big svg{width:34vh;height:34vh;display:block}.wall-empty h2{margin-bottom:1.4vh;font-size:5vh}.wall-empty p{color:var(--muted-on-dark);margin:0;font-size:2.6vh}.wall-tools{opacity:0;z-index:5;gap:8px;transition:opacity .3s;display:flex;position:absolute;bottom:2vh;right:2vw}.wall:hover .wall-tools{opacity:1}.wall.hide-cursor .wall-tools{opacity:0}.wall-brand{opacity:.9;flex:none}.wall-brand img{width:auto;height:4.2vh}@keyframes wallIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.spinner{border:3px solid #ffffff26;border-top-color:var(--coral);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.9s linear infinite spin}.bg-paper .spinner{border-color:#18102b1f;border-top-color:var(--royal)}@keyframes spin{to{transform:rotate(360deg)}}.page-center{text-align:center;place-items:center;min-height:70vh;padding:20px;display:grid}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}