:root{font-family:Pretendard,'Noto Sans KR',system-ui,-apple-system,sans-serif;color:#142b48;background:#f8fbff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.topbar{height:61px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid #dce9f5;background:#fff}.brand{font-size:15px;font-weight:750;letter-spacing:-.4px;color:#102844}.brand strong{font-weight:900;color:#1768b7}.topbar nav{display:flex;gap:5px;align-items:center;font-size:12px;color:#71849c}.topbar nav a{padding:11px 13px;border-radius:10px}.topbar nav a:hover{background:#eef7ff;color:#1162ad}body:not(.is-stage) .nav-join,body.is-stage .nav-stage{background:#e8f3ff;color:#1262af;font-weight:760}.join-layout{max-width:488px;margin:24px auto 46px;padding:0 18px}.form-card{background:transparent;border:0;padding:0}.form-card h1{margin:0 0 6px;font-size:19px;letter-spacing:-.55px;color:#102844;font-weight:800}.sub{margin:0 0 24px;color:#7993b2;font-size:13px;line-height:1.65}.upload-preview{aspect-ratio:1;border:1px solid #d9e6f5;border-radius:9px;background:#f0f6fd;color:#7189a5;display:flex;flex-direction:column;gap:11px;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;cursor:pointer}.upload-preview:hover{border-color:#75b9f1}.upload-preview.has-photo{border-style:solid}.camera-icon{color:#6997c8}.upload-preview span:not(.camera-icon){font-size:13px}.actions{display:flex;gap:9px;margin:12px 0 24px}.secondary{border:1px solid #dfeafb;background:#edf5fd;color:#235e94;padding:11px 12px;border-radius:9px;font-size:12px;font-weight:650;flex:1}.secondary:hover{background:#dceeff}.secondary.ghost{background:transparent;border-color:transparent;color:#6988ac}.secondary.ghost:hover{background:#ecf5ff}.form-card label:not(.consent){display:block;font-size:12px;font-weight:700;margin:15px 0 9px;color:#183b63}input:not([type=file]):not([type=checkbox]){border:1px solid #d6e5f4;border-radius:8px;width:100%;padding:14px 12px;outline:none;background:#fff;font-size:13px;color:#1b3551}input::placeholder{color:#9eb1c7}input:focus{border-color:#4d9de0;box-shadow:0 0 0 3px #cce9ff80}.label-row{display:flex;align-items:end;justify-content:space-between}.label-row span{font-size:11px;color:#7596b7}.suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 16px}.suggestions button{border:none;border-radius:6px;background:#eaf4ff;color:#4778a6;padding:6px 8px;font-size:11px}.suggestions button:hover{background:#d8edff}.consent{display:flex;gap:8px;align-items:start;color:#7690ac;font-size:11px;line-height:1.6;margin:19px 0 10px}.consent input{accent-color:#1672cb;margin-top:3px}.primary{display:block;background:linear-gradient(100deg,#328edb,#176dc3);color:#fff;width:100%;padding:14px;border:0;border-radius:9px;font-weight:750;font-size:13px;text-align:center;box-shadow:0 5px 13px #2785d526}.primary:hover{background:linear-gradient(100deg,#197dce,#0959ae)}.primary:disabled{opacity:.5;cursor:not-allowed}.alert{color:#ba4d54;font-size:12px;margin:5px 0;min-height:12px}.success{text-align:center;padding:24px 0}.success-icon{width:68px;height:68px;border-radius:50%;background:#e1f2ff;color:#1881d7;font-size:46px;margin:0 auto 16px}.success p{font-size:14px;color:#8099b6;margin:15px 0 23px}.success .secondary{margin-top:12px}.stage-layout{min-height:calc(100vh - 61px);background:radial-gradient(ellipse at 26% 3%,#e1f3ff,#f6fbff 60%);padding:clamp(18px,2vw,35px) clamp(18px,4vw,74px) 26px;color:#133657}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:25px}.eyebrow{color:#2486cd;font-size:12px;letter-spacing:2.1px;font-weight:800}.stage-head h1{font-size:clamp(28px,4.4vw,64px);letter-spacing:-2px;margin:8px 0}.stage-head h1 em{color:#1e8ddc;font-style:normal}.stage-head p{color:#718ba9;font-size:14px;margin-top:0}.count-card{border:1px solid #cce4f7;background:#ffffffc5;border-radius:15px;padding:15px 26px;min-width:155px;text-align:center;display:flex;flex-direction:column;gap:3px;box-shadow:0 7px 27px #276da011}.count-card>span{font-size:11px;color:#7c9ab8}.count-card strong{font-size:40px;color:#187ac8}.count-card strong small{font-size:16px;margin-left:4px}.mosaic-frame{position:relative;width:100%;max-height:55vh;aspect-ratio:2.35;margin:13px auto 16px;border:1px solid #b7d9f3;background:#e8f5ff;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.mosaic-frame canvas{width:100%;height:100%;object-fit:contain}.empty-caption{position:absolute;bottom:17px;font-size:13px;color:#6584a4;pointer-events:none}.meter{height:9px;border-radius:20px;overflow:hidden;background:#dbeaf8}.meter>div{height:100%;width:0;background:linear-gradient(90deg,#3d9ee9,#8ed4ff);transition:width .6s}.stage-bottom-row{display:flex;justify-content:space-between;margin:9px 0 18px;color:#6685a5;font-size:12px}.stage-bottom-row strong{color:#156bbb}.live-message{text-align:center;min-height:48px;font-weight:650;font-size:clamp(14px,1.8vw,23px);letter-spacing:-.5px;color:#1666af}.stage-controls{display:flex;justify-content:center;gap:12px}.stage-controls>a,.stage-controls button{color:#326d9f;background:#ffffff;border:1px solid #d4e9fa;padding:9px 15px;border-radius:8px;font-size:12px}@media(max-width:640px){.topbar{padding:0 12px;height:55px}.brand{font-size:12px}.topbar nav{font-size:10px;gap:0}.topbar nav a{padding:8px 7px}.join-layout{margin:23px auto;padding:0 18px}.stage-head h1{font-size:29px}.stage-head p{font-size:11px}.count-card{min-width:104px;padding:8px}.count-card strong{font-size:28px}.stage-layout{padding:16px}.mosaic-frame{aspect-ratio:1.6;max-height:none}.stage-bottom-row{flex-direction:column;gap:5px}}[hidden]{display:none!important}

.host-layout{max-width:740px;margin:30px auto;padding:20px}.host-card{background:white;border:1px solid #d2e8fa;border-radius:18px;padding:28px;box-shadow:0 8px 30px #3f95d014}.host-card h1{font-size:26px;margin:8px 0 10px}.host-card p{color:#59718b}.host-status{background:#e8f5ff;border-radius:10px;padding:12px;color:#1664a5;font-weight:700;margin:20px 0}.host-qr{text-align:center}.host-qr img{width:min(300px,80%);background:white;border:1px solid #d2e8fa;padding:12px;border-radius:12px}.host-links{padding:12px 0;border-top:1px solid #e6eef7;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.host-links label{width:100px;font-size:13px;font-weight:700}.host-links a{color:#1764ad;word-break:break-all;flex:1;min-width:160px}.host-links button{padding:10px;border-radius:8px;color:white;background:#278bdb;border:0;cursor:pointer}.host-tip{font-size:12px;line-height:1.7}

.link-button{margin-top:18px}.upload-preview img{width:100%;height:100%;object-fit:cover}.host-qr{min-height:260px;display:flex;align-items:center;justify-content:center}.host-qr canvas{max-width:100%;background:white;padding:13px;border:1px solid #d2e8fa;border-radius:10px}body:has(.stage-layout) .nav-stage,body:has(.join-layout) .nav-join{background:#e8f3ff;color:#1262af;font-weight:760}