/* CongKong Friends: https://www.congkong.net/styles/webflow-custom.css
   Brand tokens and component rules checked on 2026-11-03. */
@font-face{font-family:Onest;src:url('/assets/fonts/onest-400.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:Onest;src:url('/assets/fonts/onest-700.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/fonts/pretendard-400.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/fonts/pretendard-700.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
:root{
 --ck-ink:#09051a;--ck-black:#000;--ck-text:#434749;--ck-text-strong:#252a2c;--ck-muted:#596267;
 --ck-white:#fff;--ck-cloud:#fafafa;--ck-surface-muted:#f2f4f4;--ck-border:#dfe5e7;--ck-border-strong:#c1cdd2;
 --ck-yellow:#fcd639;--ck-yellow-soft:#fff6cc;--ck-pink:#ffebef;--ck-coral:#ffb4b4;--ck-purple:#cf95fb;--ck-purple-soft:#f5eafe;
 --ck-blue:#086cd9;--ck-blue-soft:#eaf4ff;--ck-blue-border:#8fc3ff;
 --ck-green:#11845b;--ck-green-strong:#0b6545;--ck-green-soft:#def2e6;--ck-red:#dc2b2b;--ck-red-soft:#ffeff0;--ck-orange:#d5691b;--ck-orange-soft:#fff3e4;
 --ck-shadow:0 2px 7px #14142b0f;--ck-radius-card:24px;--ck-radius-control:48px;--ck-font:Onest,Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --blue:var(--ck-ink);--deep:var(--ck-blue);--lime:var(--ck-yellow);--ink:var(--ck-ink);--text:var(--ck-text);--muted:var(--ck-muted);--cloud:var(--ck-cloud);--line:var(--ck-border);--red:var(--ck-red);--radius:var(--ck-radius-card);
 font-family:var(--ck-font);color:var(--ck-ink)
}
body,.participant-app,.admin-app,.status-page{font-family:var(--ck-font);background:var(--ck-cloud);color:var(--ck-ink)}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,.entry-story h1,.entry-card h2{color:var(--ck-ink);font-weight:700}
button,a,input,select,textarea{scroll-margin-bottom:110px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ck-blue);outline-offset:3px}
.primary,.join-button{border-radius:var(--ck-radius-control);background:var(--ck-ink);border:1px solid var(--ck-ink);color:var(--ck-white);box-shadow:none;transition:background-color .2s,color .2s,border-color .2s}
.primary:hover:not(:disabled),.join-button:hover:not(:disabled){background:var(--ck-blue);border-color:var(--ck-blue);color:var(--ck-white)}
.primary:disabled,.join-button:disabled{background:var(--ck-surface-muted);border-color:var(--ck-border);color:var(--ck-muted);box-shadow:none}
.secondary{border-radius:var(--ck-radius-control);background:var(--ck-white);border-color:var(--ck-border);color:var(--ck-ink);box-shadow:0 4px 10px #14142b0a}
.secondary:hover:not(:disabled){background:var(--ck-yellow);border-color:var(--ck-yellow);color:var(--ck-ink)}
.danger{border-radius:var(--ck-radius-control)}
.session-card,.new-session-card,.ad-kpi,.ad-panel,.event-cover,.entry-card,.status-card{border-radius:var(--ck-radius-card);border-color:var(--ck-border);box-shadow:var(--ck-shadow)}
.session-card:hover{border-color:var(--ck-border-strong);box-shadow:0 6px 20px #14142b0a}
.session-card.joined-card{border-color:var(--ck-green)}
.join-button.joined{background:var(--ck-green-soft);border-color:var(--ck-green-soft);color:var(--ck-green-strong)}
.join-button.joined:hover:not(:disabled){background:var(--ck-green-soft);border-color:var(--ck-green);color:var(--ck-green-strong)}
.badge{border-radius:var(--ck-radius-control)}
.badge.open,.badge.joined{background:var(--ck-green-soft);color:var(--ck-green-strong)}
.badge.owned{background:var(--ck-yellow-soft);color:var(--ck-ink)}
.badge.closed{background:var(--ck-surface-muted);color:var(--ck-muted)}
.nav-item.active,.ad-sidebar nav button.active{background:var(--ck-yellow);color:var(--ck-ink);border-color:var(--ck-yellow);font-weight:700}
.nav-item.active svg,.ad-sidebar nav button.active svg{color:var(--ck-ink)}
.time-filters button.active{background:var(--ck-ink);border-color:var(--ck-ink);color:var(--ck-white)}
.time-filters button.active span{color:inherit;background:#ffffff21}
.mine-tabs button.active{color:var(--ck-ink);border-color:var(--ck-ink)}
.mobile-nav button.active{color:var(--ck-ink)}.mobile-nav button.active>svg,.mobile-nav button.active .mobile-nav-icon{background:var(--ck-yellow-soft);border-radius:7px}
.mobile-nav [data-action=create]>svg{background:var(--ck-yellow);border-radius:7px;color:var(--ck-ink)}
.tip{background:var(--ck-pink);border-color:var(--ck-pink);color:var(--ck-text)}.tip>span{background:var(--ck-yellow);color:var(--ck-ink)}.tip button{color:var(--ck-ink)}
.new-session-card{background:var(--ck-pink);border-color:var(--ck-coral)}.new-session-card>span{background:var(--ck-white);color:var(--ck-ink)}.new-session-card button{color:var(--ck-ink)}
.customer-space-brand>span:first-child,.mobile-brand-icon{background:var(--ck-yellow);color:var(--ck-ink)}
.avatar.blue{background:var(--ck-purple-soft);color:var(--ck-ink)}.avatar{background:var(--ck-pink);color:var(--ck-ink)}
.metric-icon{background:var(--ck-yellow-soft);color:var(--ck-ink)}.metrics>div:nth-child(2) .metric-icon{background:var(--ck-pink)}.metrics>div:nth-child(3) .metric-icon{background:var(--ck-purple-soft)}
.live-dot,.ad-live-dot{background:var(--ck-green);box-shadow:0 0 0 3px #11845b16}
.entry-active{background:var(--ck-cloud)}.entry-brand,.entry-brand span{color:var(--ck-ink)}.entry-brand small{color:var(--ck-muted)}
.entry-eyebrow{color:var(--ck-ink)}.entry-eyebrow i{background:var(--ck-yellow);height:8px;width:8px}
.entry-message em{color:var(--ck-ink);text-decoration:underline;text-decoration-color:var(--ck-yellow);text-decoration-thickness:5px;text-underline-offset:3px;text-decoration-skip-ink:none}
.entry-image-frame{background:var(--ck-white);border-color:var(--ck-border)}
.entry-card-label{background:var(--ck-yellow-soft);color:var(--ck-ink);border-radius:var(--ck-radius-control)}
.entry-card .form-field input{background:var(--ck-white);border-color:var(--ck-border);color:var(--ck-ink);border-radius:12px}
.entry-card .form-field input:focus{border-color:var(--ck-blue);box-shadow:0 0 0 3px #086cd914}
.entry-card .form-field input[aria-invalid=true]{border-color:var(--ck-red)}
.contact-tabs{background:var(--ck-cloud);border:1px solid var(--ck-border);border-radius:var(--ck-radius-control)}
.contact-tabs button{border-radius:var(--ck-radius-control);color:var(--ck-text)}.contact-tabs button[aria-selected=true]{background:var(--ck-yellow);color:var(--ck-ink);box-shadow:none}
.required{color:var(--ck-blue)}.entry-submit{border-radius:var(--ck-radius-control)}
.ad-kpi-icon{background:var(--ck-yellow-soft);color:var(--ck-ink)}.ad-kpi:nth-child(2) .ad-kpi-icon{background:var(--ck-pink)}.ad-kpi:nth-child(3) .ad-kpi-icon{background:var(--ck-purple-soft)}
.ad-main .ad-panel-head h2,.ad-topbar h1,.ad-brand{color:var(--ck-ink)}
.quick-session-summary{background:var(--ck-yellow-soft);border-color:var(--ck-yellow)}
.success-check{background:var(--ck-green-soft);color:var(--ck-green)}
.reception-notice{background:var(--ck-yellow-soft);border-color:var(--ck-yellow);color:var(--ck-ink)}
.platform-footer,.platform-footer a,.platform-footer strong,.platform-footer.dialog-branding{font-family:var(--ck-font)}
.platform-footer{background:var(--ck-white);border-color:var(--ck-border)}
.platform-footer a{color:var(--ck-text);gap:8px}.platform-footer strong{color:var(--ck-ink);font-weight:700}
.platform-footer a:hover,.platform-footer a:hover strong{color:var(--ck-blue)}
.platform-footer picture,.platform-footer img{width:32px;height:32px;object-fit:contain}
.platform-footer.dialog-branding picture,.platform-footer.dialog-branding img{width:24px;height:24px}
@media(max-width:767px),(max-width:1023px) and (pointer:coarse){
 .session-card,.new-session-card,.ad-kpi,.ad-panel,.event-cover,.entry-card,.status-card{border-radius:16px}
 .platform-footer picture,.platform-footer img{width:24px;height:24px}
 .primary,.secondary,.join-button{min-height:44px}
 .ad-sidebar nav button.active{background:var(--ck-yellow-soft);color:var(--ck-ink);border-color:var(--ck-ink)}
}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.join-button{transition:none}}