:root{--ink:#202025;--muted:#74747e;--line:#e5e5e9;--bg:#f3f3f5;--violet:#5c62e8;--violet-dark:#484ed0;--coral:#ce5d58;--blue:#343f8f;font-family:'DM Sans',sans-serif;color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a8aafa;outline-offset:3px}svg{width:20px;height:20px;display:block}
.workspace{min-height:100vh;display:flex}.rail{width:68px;flex:none;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:22px 0 18px;gap:42px}.brand,.present-brand,.join-brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.12em;font-size:35px;line-height:1;color:#121212}.brand span,.present-brand span,.join-brand span{color:var(--violet);letter-spacing:0}.rail-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#605cf0;background:#ededff}.rail-icon svg{width:23px;height:23px}.rail-bottom{margin-top:auto;color:#a7a6b7}.rail-bottom svg{width:18px;height:18px}.work-main{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:18px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#84848b;font-size:14px;white-space:nowrap}.breadcrumb strong{color:#26262b;font-weight:700}.chevron{color:#b7b7bf}.saved-dot{width:7px;height:7px;background:#4eb79b;border-radius:50%;margin-left:10px}.saved-label{font-size:12px}.header-actions{display:flex;gap:18px;align-items:center}.text-button,.preview-bottom button{border:0;background:transparent;color:#303037;font-weight:700;display:flex;align-items:center;gap:8px;padding:10px 0}.text-button svg,.preview-bottom svg{width:16px;height:16px}.present-button{border:0;background:#252529;color:white;border-radius:9px;padding:11px 18px;font-weight:700;display:flex;align-items:center;gap:8px}.present-button svg{width:15px;height:15px}.editor-layout{display:grid;grid-template-columns:348px minmax(0,1fr);min-height:calc(100vh - 76px)}.settings{background:#fff;border-right:1px solid var(--line);padding:32px 28px 25px;display:flex;flex-direction:column;min-width:0}.settings-heading{display:flex;gap:14px;align-items:center;margin-bottom:38px}.type-icon{width:45px;height:45px;display:grid;place-items:center;background:#eeedff;color:#5f5bd9;border-radius:12px;flex:none}.type-icon svg{width:24px;height:24px}.settings h1{font-family:Manrope,sans-serif;font-size:20px;line-height:1.2;margin:0 0 3px;letter-spacing:-.04em}.settings p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.field-group{margin-bottom:24px}.field-group label,.join-card label{display:block;font-weight:700;font-size:13px;margin-bottom:10px}.field-group label span{color:#9b9ba3;font-weight:500}.field-group textarea,.field-group input{width:100%;border:1px solid #d8d8de;border-radius:8px;background:#fff;color:#22232b;padding:12px 13px;outline:none;transition:border .2s,box-shadow .2s}.field-group textarea{resize:vertical;min-height:96px;line-height:1.45}.field-group textarea:focus,.field-group input:focus{border-color:#6868dc;box-shadow:0 0 0 3px #ededff}.field-group .hint{font-size:12px;margin-top:8px}.settings-divider{height:1px;background:var(--line);margin:4px 0 27px}.share-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.share-heading strong{font-size:14px}.share-heading p{margin-top:3px}.share-icon{color:#5c62e8;background:#eeefff;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-weight:700}.code-card{height:76px;border:1px solid #dedee4;background:#f9f9fb;border-radius:9px;display:flex;align-items:center;padding:0 14px;gap:12px}.code-card>span{color:#777782;font-size:12px;white-space:nowrap}.code-card strong{font:800 22px Manrope,sans-serif;letter-spacing:.025em;white-space:nowrap;margin-left:auto}.icon-button{border:0;background:transparent;color:#686977;padding:5px}.icon-button svg{width:18px;height:18px}.link-button{width:100%;margin-top:12px;padding:12px;border:1px solid #dcdce5;background:white;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:13px}.link-button svg{width:16px;height:16px}.settings-spacer{flex:1;min-height:36px}.reset-button{align-self:flex-start;border:0;background:transparent;color:#777782;font-size:13px;text-decoration:underline;padding:5px 0}.preview-area{padding:25px 30px 30px;display:flex;flex-direction:column;min-width:0}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#898991;font-size:13px}.preview-top{margin-bottom:16px}.preview-top>div{display:flex;gap:17px;align-items:center}.live-pill{display:inline-flex;align-items:center;gap:7px;color:#474751;font-weight:700}.live-pill span,.status-dot,.present-footer i{width:7px;height:7px;background:#43b89b;border-radius:50%;display:inline-block}.slide{flex:1;min-height:540px;background:#fff;border:1px solid #dfdfe4;border-radius:6px;box-shadow:0 1px 1px #d2d2d820}.slide-inner{height:100%;min-height:540px;padding:24px 37px 22px;display:flex;flex-direction:column}.slide-header{display:flex;justify-content:space-between;align-items:flex-start;min-height:54px}.slide-mark{color:#5d62e8}.slide-mark svg{width:25px;height:25px}.join-prompt{display:flex;align-items:center;gap:7px;font-size:12px;color:#777;font-weight:500}.join-prompt strong{color:#2c2c32}.join-code{font-weight:800;font-size:12px;color:#4e4ee0;background:#eeeefe;border-radius:5px;padding:6px 8px;margin-left:6px;letter-spacing:.05em}.slide-title{padding:14px 0 0;text-align:center}.slide-title h2{font:500 clamp(26px,2.8vw,44px)/1.22 Manrope,sans-serif;letter-spacing:-.055em;max-width:1050px;margin:0 auto}.slide-title p{color:#777782;margin:10px 0 0;font-size:15px}.cloud-stage{position:relative;flex:1;min-height:280px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.cloud-words{position:absolute;inset:20px 12px 20px}.cloud-word{position:absolute;font-family:Manrope,sans-serif;font-weight:600;line-height:1.2;white-space:nowrap;letter-spacing:-.05em;animation:word-in .25s ease-out both}.empty-cloud{display:flex;flex-direction:column;align-items:center;text-align:center;color:#777782;z-index:1}.empty-cloud strong{color:#383844;font:700 18px Manrope,sans-serif;margin-top:12px}.empty-cloud p{font-size:13px;margin:6px 0}.empty-art{position:relative;width:300px;height:145px;font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.05em}.empty-art span{position:absolute;white-space:nowrap}.empty-art span:nth-child(1){font-size:31px;color:#5b61e8;left:72px;top:42px}.empty-art span:nth-child(2){font-size:23px;color:#c9615e;left:0;top:20px}.empty-art span:nth-child(3){font-size:22px;color:#323d91;right:0;top:82px}.empty-art span:nth-child(4){font-size:18px;color:#7b69df;left:21px;bottom:5px}.slide-footer{display:flex;justify-content:space-between;color:#a0a0aa;font-size:11px;min-height:18px}.preview-bottom{margin-top:12px}.preview-bottom button{font-size:13px;color:#5559d8}.preview-bottom svg{width:14px;height:14px}
.present-page{height:100vh;min-height:560px;background:#fff;display:flex;flex-direction:column;padding:25px 40px 19px;border-top:8px solid #f8dc87}.present-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.present-brand{font-size:40px}.present-join{display:flex;gap:10px;align-items:center;color:#777;font-size:14px}.present-join strong{color:#222}.present-join span{font-weight:800;color:#4649d7;background:#ededff;padding:7px 11px;border-radius:5px;letter-spacing:.05em}.present-actions{display:flex;gap:8px}.present-actions button,.present-actions a{border:1px solid #e3e3e8;background:#fff;color:#34343b;border-radius:7px;height:36px;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.present-actions svg{width:17px;height:17px}.present-content{flex:1;display:flex;flex-direction:column;min-height:0;padding:22px 35px}.present-title{text-align:center}.present-kicker{color:#73737c;font-size:13px}.present-title h1{font:500 clamp(28px,3.2vw,57px)/1.18 Manrope,sans-serif;letter-spacing:-.055em;margin:9px auto 0;max-width:1200px}.present-title p{color:#777;margin:10px 0 0;font-size:16px}.present-content .cloud-stage{min-height:300px}.present-content .cloud-words{inset:20px 8px}.present-footer{border-top:1px solid #eeeef0;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#777}.present-footer span{display:flex;align-items:center;gap:8px}.present-footer strong{font-weight:600;color:#444}
.join-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.join-header{height:76px;border-bottom:1px solid #f0f0f3;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));color:#9898a0;font-size:13px}.join-brand{font-size:34px}.join-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 20px 70px}.join-intro{text-align:center;max-width:590px}.join-burst{width:52px;height:52px;background:#edeeff;color:var(--violet);border-radius:15px;display:grid;place-items:center;margin:0 auto 22px}.join-burst svg{width:28px;height:28px}.join-eyebrow{color:#6764dd;font-size:13px;font-weight:700}.join-intro h1{font:600 clamp(28px,4vw,43px)/1.22 Manrope,sans-serif;letter-spacing:-.06em;margin:12px 0 10px}.join-intro p{color:#777782;font-size:15px;line-height:1.5;margin:0}.join-card{width:min(100%,420px);border:1px solid #e4e4e9;border-radius:14px;box-shadow:0 12px 40px #24243b0d;padding:24px;margin-top:36px}.join-card-top{display:flex;align-items:center;gap:8px;color:#75757e;font-size:12px;border-bottom:1px solid #eeeef1;padding-bottom:18px;margin-bottom:24px}.join-card-code{margin-left:auto;color:#4e4ed7;font-weight:800;letter-spacing:.04em}.join-card label{font-size:14px}.join-card input{width:100%;height:54px;border:1px solid #cfcfd6;border-radius:8px;padding:0 14px;font-size:16px;outline:none}.join-card input:focus{border-color:#6567e3;box-shadow:0 0 0 3px #eeeefe}.join-card form button{margin-top:15px;width:100%;height:51px;background:var(--violet);color:white;border:0;border-radius:8px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.join-card form button:hover{background:var(--violet-dark)}.join-card form button:disabled{opacity:.6;cursor:wait}.join-card form button svg{width:16px;height:16px}.join-hint{text-align:center;color:#94949b;font-size:12px;margin-top:18px}.sent-note{height:0;overflow:hidden;color:#328c78;text-align:center;font-size:13px;transition:height .2s,margin .2s}.sent-note.shown{height:20px;margin-top:14px}.form-error{color:#ba4e4e;font-size:12px;margin:12px 0 0}.join-live{display:flex;gap:8px;align-items:center;color:#8b8b94;font-size:12px;margin-top:29px}.join-footer{text-align:center;color:#aaaab2;font-size:12px;padding:20px}.load-error{padding:40px;text-align:center}
.admin-gate{min-height:100vh;background:#f6f6f8;display:flex;flex-direction:column}.gate-top{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));color:#9898a0;font-size:13px}.gate-card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid #e4e4e9;border-radius:14px;padding:32px;margin:auto;box-shadow:0 12px 40px #24243b0d;text-align:center}.gate-card h1{font:700 25px/1.2 Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 8px}.gate-card p{color:#777782;font-size:14px;line-height:1.5;margin:0 0 28px}.gate-card form{text-align:left}.gate-card label{display:block;font-weight:700;font-size:13px;margin-bottom:9px}.gate-card input{width:100%;height:49px;border:1px solid #cfcfd6;border-radius:8px;padding:0 14px;outline:none}.gate-card input:focus{border-color:#6567e3;box-shadow:0 0 0 3px #eeeefe}.gate-card button{width:100%;height:49px;border:0;border-radius:8px;background:var(--violet);color:#fff;font-weight:700;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:8px}.gate-card button svg{width:16px;height:16px}.gate-error{min-height:21px;color:#ba4e4e;font-size:12px;margin-top:12px}.gate-card>a{color:#6a6adc;font-size:13px;font-weight:700}
#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#262632;color:white;padding:12px 18px;border-radius:8px;font-size:13px;box-shadow:0 8px 24px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%,0)}
.join-qr{display:flex;flex-direction:column;align-items:center;gap:6px;align-self:center;border:0;background:#fff;color:var(--muted);padding:0;font-size:12px;margin-top:16px}.join-qr svg{width:160px;height:160px;max-width:100%;shape-rendering:crispEdges}.present-top>.join-qr{margin:0}.present-top>.join-qr svg{width:132px;height:132px}.present-join{flex-wrap:wrap;justify-content:center}.present-actions{flex-shrink:0}#join-qr-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:16px;padding:30px;text-align:center;color:var(--ink);box-shadow:0 20px 70px #0003}#join-qr-dialog::backdrop{background:#20202599}.qr-close{position:absolute;top:12px;right:12px}#join-qr-dialog h2{font:700 25px Manrope,sans-serif;margin:8px 0}#join-qr-dialog p{color:var(--muted);font-size:14px;line-height:1.5}.qr-large svg{width:100%;height:auto;display:block;shape-rendering:crispEdges}.qr-code{display:block;font:800 24px Manrope,sans-serif;letter-spacing:.05em}.qr-url{display:block;margin-top:14px;color:var(--violet-dark);font-size:13px;overflow-wrap:anywhere;text-decoration:underline}@media(max-width:760px){.present-top{flex-wrap:wrap}.present-top>.join-qr{order:4;width:100%;flex-direction:row;justify-content:center;gap:10px}.present-top>.join-qr svg{width:100px;height:100px}}
.slide-tabs{display:flex;gap:8px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line)}.slide-tabs button{flex:1;min-width:0;max-width:280px;border:1px solid var(--line);border-radius:9px;background:#f9f9fb;padding:11px 14px;text-align:left;color:var(--muted);min-height:64px}.slide-tabs button[aria-selected=true]{background:#eeefff;border-color:var(--violet);color:#484ed0}.slide-tabs button>span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:700;font-size:13px}.slide-tabs small{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.participant-tabs{width:min(100%,590px);padding:0;margin:0 0 28px;border:0;gap:10px}.participant-tabs button{max-width:none;min-height:74px}.answered-mark{font-size:11px;color:#267c66;white-space:nowrap}.participant-slide-panel{width:100%;display:flex;flex-direction:column;align-items:center}.participant-slide-panel .join-intro{width:100%}.present-page>.slide-tabs{justify-content:center;padding:14px 0 0;border:0}.present-page>.slide-tabs button{min-height:52px;padding:8px 12px}.present-page>.slide-tabs small{max-width:240px}[aria-busy=true]{opacity:.65;pointer-events:none}@media(max-width:420px){.participant-tabs button{padding:10px}.slide-tabs button>span{font-size:12px}.answered-mark{font-size:10px}}
@keyframes word-in{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.editor-layout{grid-template-columns:300px minmax(0,1fr)}.settings{padding:27px 21px}.preview-area{padding:22px}.slide-inner{padding:20px}.slide-title h2{font-size:30px}.saved-label,.preview-tip{display:none}}
@media(max-width:760px){.rail{display:none}.topbar{height:64px;padding:0 17px}.breadcrumb{gap:7px}.breadcrumb>span:first-child,.breadcrumb .chevron,.saved-dot,.saved-label{display:none}.header-actions{gap:10px}.text-button{font-size:0;gap:0}.text-button svg{width:20px;height:20px}.present-button{padding:10px 12px}.editor-layout{display:flex;flex-direction:column}.settings{border-right:0;border-bottom:1px solid var(--line);padding:21px 20px}.settings-heading{margin-bottom:22px}.settings-spacer{display:none}.reset-button{margin-top:20px}.preview-area{padding:18px 13px 24px}.slide,.slide-inner{min-height:480px}.slide-inner{padding:16px}.slide-title h2{font-size:25px}.slide-title p{font-size:12px}.join-prompt{font-size:0}.join-prompt strong{display:none}.join-code{font-size:11px}.preview-bottom{font-size:11px}.present-page{padding:15px 15px 12px;min-height:100dvh}.present-top{align-items:center}.present-join{font-size:0}.present-join strong{display:none}.present-join span{font-size:11px}.present-actions span{display:none}.present-actions button,.present-actions a{padding:0 8px}.present-content{padding:20px 0}.present-title h1{font-size:28px}.present-title p{font-size:13px}.present-content .cloud-stage{min-height:250px}}
@media(max-width:420px){.join-header{padding:0 20px}.join-header>span{font-size:11px}.join-card{padding:20px}.empty-art{transform:scale(.8)}.empty-cloud strong{font-size:15px}.empty-cloud p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}