/* Immersive branded entry dialog for the UGC hub. */
.uge{--uge-ink:#0d1d28;--uge-panel:#132633;--uge-white:#fff;--uge-soft:#b9c7d2;--uge-line:rgba(255,255,255,.2);--uge-acid:var(--ig-acid,#c6ff00);position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--uge-ink);color:var(--uge-white);font-family:var(--idg-font-hd,Archivo,sans-serif);overflow:hidden}
.idg-ugc .uge :is(label,span,strong,b,legend,summary,dt,dd,small){color:inherit}
.idg-ugc .uge-field small,.idg-ugc .uge-drop span,.idg-ugc .uge-files small,.idg-ugc .uge-summary dt{color:var(--uge-soft)}
.idg-ugc .uge-rail li,.idg-ugc .uge-rail span{color:inherit}
.idg-ugc .uge-rail li.is-active span{color:var(--uge-acid)}
.idg-ugc .uge-choice input:checked+span{color:var(--uge-ink)}
.idg-ugc .uge-ref strong{color:var(--uge-acid)}
.uge::backdrop{background:var(--uge-ink)}
.uge[open]{animation:uge-in .35s ease}@keyframes uge-in{from{opacity:0}to{opacity:1}}
.uge-shell{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);height:100%}
.uge-aside{position:relative;overflow:hidden;background:var(--uge-ink)}
.uge-aside img{position:absolute;inset:0;width:100%;height:100%}.uge-aside img{object-fit:cover;object-position:50% center}
.uge-aside:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,29,40,.72),rgba(13,29,40,.42) 38%,rgba(13,29,40,.92))}
.uge-aside-copy{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:clamp(32px,4vw,64px)}
.idg-ugc .uge-brand{margin:0 0 auto;color:var(--uge-white);font-weight:800;font-size:18px;letter-spacing:.02em}
.idg-ugc .uge-aside h2{color:var(--uge-white);font-size:clamp(38px,4.4vw,72px);line-height:.98;margin:0 0 36px;max-width:11ch}
.uge-rail{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:14px;color:var(--uge-soft)}
.uge-rail li{display:flex;gap:14px;align-items:baseline;transition:color .2s}.uge-rail span{font:500 11px/1 var(--idg-font-label,monospace);letter-spacing:.1em}
.uge-rail li.is-active{color:var(--uge-white);font-weight:600}.uge-rail li.is-active span{color:var(--uge-acid)}.uge-rail li.is-done{color:var(--uge-white)}
.uge-main{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--uge-ink)}
.uge-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(24px,6vw,96px)}
.idg-ugc .uge-count{margin:0;color:var(--uge-soft);font:500 12px/1.4 var(--idg-font-label,monospace);letter-spacing:.12em;text-transform:uppercase}
.idg-ugc .uge-close{width:44px;height:44px;border:1px solid var(--uge-line);border-radius:50%;background:transparent;color:var(--uge-white);font-size:24px;line-height:1;cursor:pointer}.uge-close:hover{background:var(--uge-white);color:var(--uge-ink)!important}
.uge-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--uge-line)}.uge-bar i{display:block;height:100%;width:20%;background:var(--uge-acid);transition:width .35s ease}
.uge-body{flex:1;min-height:0;overflow-y:auto;padding:clamp(32px,5vh,64px) clamp(24px,6vw,96px)}
.uge-step{max-width:620px;margin:0 auto;animation:uge-step .3s ease}@keyframes uge-step{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.idg-ugc .uge-step h3{color:var(--uge-white);font-size:clamp(30px,3.2vw,46px);line-height:1.04;letter-spacing:-.035em;margin:0 0 14px;outline:0}
.idg-ugc .uge-lead{color:var(--uge-soft);font-size:16px;line-height:1.55;margin:0 0 36px}
.uge-field{display:block;margin:0 0 28px}.uge-field>span,.uge-choice legend{display:block;margin:0 0 8px;padding:0;font-size:14px;font-weight:600;color:var(--uge-white)}
.uge-field small{display:block;margin-top:8px;font-size:13px;color:var(--uge-soft)}
.uge-field input,.uge-field textarea{width:100%;min-height:52px;padding:12px 0;border:0;border-bottom:1px solid rgba(255,255,255,.55);border-radius:0;background:transparent;color:var(--uge-white);font:400 18px/1.4 var(--idg-font-hd,sans-serif);outline:0;resize:vertical}
.uge-field input:focus,.uge-field textarea:focus{border-bottom-color:var(--uge-acid);box-shadow:0 1px 0 var(--uge-acid)}.uge-field [aria-invalid=true],.uge-choice[data-invalid] label span{border-color:#ffb4a8}
.uge-field input::placeholder{color:var(--uge-soft)}
.uge-choice{border:0;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:10px}.uge-choice legend{width:100%;margin-bottom:12px}
.uge-choice label{position:relative;cursor:pointer}.uge-choice input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.uge-choice span{display:inline-flex;align-items:center;min-height:48px;padding:10px 22px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-size:15px;transition:.15s}
.uge-choice label:hover span{border-color:var(--uge-white)}.uge-choice input:checked+span{background:var(--uge-acid);border-color:var(--uge-acid);color:var(--uge-ink);font-weight:600}.uge-choice input:focus-visible+span{outline:3px solid var(--uge-white);outline-offset:3px}
.uge-trap{position:absolute!important;left:-9999px;height:1px;overflow:hidden}
.uge-drop{position:relative;display:grid;place-items:center;gap:6px;padding:clamp(40px,8vh,72px) 24px;border:1px dashed rgba(255,255,255,.55);border-radius:16px;text-align:center;cursor:pointer;transition:.2s}.uge-drop:hover,.uge-drop.is-over{border-color:var(--uge-acid);background:rgba(198,255,0,.06)}
.uge-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.uge-drop:focus-within{outline:3px solid var(--uge-white);outline-offset:3px}.uge-drop strong{font-size:20px}.uge-drop span{font-size:14px;color:var(--uge-soft)}
.uge-files{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.uge-files li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px;border-radius:12px;background:var(--uge-panel)}
.uge-files img,.uge-files video{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#22384a}.uge-files b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500}.uge-files small{color:var(--uge-soft);font-size:12px}
.uge-files progress{display:block;width:100%;height:3px;margin-top:6px;border:0;background:var(--uge-line);accent-color:var(--uge-acid)}
.idg-ugc .uge-files button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--uge-soft);font-size:20px;cursor:pointer}.uge-files button:hover{color:#fff!important}
.uge-more,.uge-terms{border-top:1px solid var(--uge-line)}.uge-more summary,.uge-terms summary{cursor:pointer;padding:16px 0;font-size:15px;font-weight:600}.uge-more .uge-field:first-of-type{margin-top:12px}
.uge-terms>div{max-height:280px;overflow-y:auto;padding:0 12px 16px 0;font-size:14px;line-height:1.6;color:var(--uge-soft)}.idg-ugc .uge-terms p{color:var(--uge-soft);font-size:14px}.uge-terms a{color:var(--uge-white)}
.uge-summary{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:10px 20px;margin:0 0 28px;font-size:15px}.uge-summary dt{color:var(--uge-soft)}.uge-summary dd{margin:0;overflow-wrap:anywhere}
.uge-agree{display:flex;gap:14px;align-items:flex-start;margin:6px 0 22px;font-size:15px;font-weight:500;cursor:pointer}.uge-agree input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--uge-acid)}
.uge-ref{display:grid;gap:6px;padding:22px 24px;border-radius:14px;background:var(--uge-panel)}.idg-ugc .uge-ref span{color:var(--uge-soft);font:500 11px/1.4 var(--idg-font-label,monospace);letter-spacing:.12em;text-transform:uppercase}.uge-ref strong{font-size:22px;color:var(--uge-acid);overflow-wrap:anywhere}.idg-ugc .uge-note{color:var(--uge-soft);font-size:14px}
.idg-ugc .uge-error{margin:0;padding:12px clamp(24px,6vw,96px);background:#4a1f1a;color:#ffd9d3;font-size:14px}
.uge-foot{display:flex;justify-content:space-between;gap:12px;padding:18px clamp(24px,6vw,96px);border-top:1px solid var(--uge-line)}.uge-foot .ugc-button{margin-left:auto;min-width:160px}
.idg-ugc .uge-back{min-height:52px;padding:0 22px;border:0;background:transparent;color:var(--uge-white);font-size:15px;font-weight:600;cursor:pointer}.uge-back:hover{text-decoration:underline}
.idg-ugc .uge :is(a,button,summary):focus-visible{outline-color:var(--uge-white)}
@media(max-width:979px){.uge-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.uge-aside{height:112px}.uge-aside-copy{padding:18px 22px;justify-content:center}.uge-brand{margin:0 0 4px!important;font-size:13px!important}.idg-ugc .uge-aside h2{font-size:22px;margin:0;max-width:none}.uge-rail{display:none}.uge-aside:after{background:rgba(13,29,40,.72)}.uge-aside img{object-position:50% 58%}.uge-top,.uge-body,.uge-foot,.idg-ugc .uge-error{padding-left:22px;padding-right:22px}.uge-top{padding-top:12px;padding-bottom:12px}.uge-body{padding-top:26px}.idg-ugc .uge-lead{margin-bottom:26px}.uge-foot .ugc-button{min-width:0;flex:1}}
@media(prefers-reduced-motion:reduce){.uge[open],.uge-step{animation:none}.uge-bar i{transition:none}}
