.online-create-page .online-create-shell{width:min(980px,calc(100% - 32px))}.online-create-page .hero-section{margin-bottom:28px;padding-top:0;text-align:center}.online-create-page .hero-title{margin:0;color:#eef1ff;font-family:var(--font-family-display);font-size:4.75rem;font-weight:800;letter-spacing:0;line-height:.98}.online-create-page .hero-subtitle{margin:16px auto 0;width:min(640px,100%);color:var(--online-text-muted);font-size:1.06rem;line-height:1.7}.online-create-page .setup-section{max-width:none}.online-create-page .setup-card.card{padding:clamp(24px,4vw,40px);border-radius:var(--site-shell-radius-2xl);background:linear-gradient(180deg,#1a1f31f2,#12172bf5);box-shadow:inset 0 0 0 1px var(--site-shell-outline),var(--site-shell-shadow)}.online-create-page .input-label{color:#eef1ff;font-size:.96rem;font-weight:700}.online-create-page .input-field,.online-create-page .number-input,.online-create-page select.input-field{background:#0b1023e0;border:1px solid rgba(223,190,196,.12);border-radius:18px;color:#eef1ff;box-shadow:inset 0 0 0 1px #ffffff05}.online-create-page .input-field:focus,.online-create-page .number-input:focus,.online-create-page select.input-field:focus{border-color:#63f7ff4d;box-shadow:0 0 0 4px #00f4fe1f}.online-create-page .input-hint,.online-create-page .input-hint-inline{color:var(--online-text-soft)}.online-create-page .primary-cta{margin-top:20px}.online-create-page .setup-card .btn-primary.btn-large,.online-create-page #confirmCreateRoomBtn,.online-create-page #quickCreateBtn{min-height:60px;border-radius:22px;background:linear-gradient(135deg,var(--online-coral-soft) 0%,var(--online-coral) 100%);color:#0d1224;font-family:var(--font-family-display);font-size:1rem;font-weight:800;letter-spacing:.01em;box-shadow:0 18px 34px #ff5c8d42}.online-create-page .setup-card .btn-primary.btn-large:hover:not(:disabled),.online-create-page #confirmCreateRoomBtn:hover:not(:disabled),.online-create-page #quickCreateBtn:hover:not(:disabled){background:linear-gradient(135deg,var(--online-coral-soft) 0%,var(--online-coral) 100%);transform:translateY(-2px);box-shadow:0 22px 38px #ff5c8d4d}.online-create-page .primary-cta .text-link{color:var(--online-cyan-soft)}.online-create-page .primary-cta .text-link:hover,.online-create-page .primary-cta .text-link:focus{color:#fff;background-color:#00f4fe14;text-decoration-color:var(--online-cyan)}.online-create-page .advanced-card{border:none;border-radius:26px;background:#14192cd1;box-shadow:inset 0 0 0 1px #dfbec414}.online-create-page .advanced-card-title,.online-create-page .section-title{color:#eef1ff;font-family:var(--font-family-display);font-weight:800;letter-spacing:0}.online-create-page .segmented-control{padding:6px;border-radius:20px;background:#090d1fd1;box-shadow:inset 0 0 0 1px #dfbec414}.online-create-page .btn-segment{border-radius:16px;color:var(--online-text-muted)}.online-create-page .btn-segment.active{background:linear-gradient(135deg,#ffb1c1f0,#ff5c8dfa);color:#0d1224;box-shadow:0 10px 24px #ff5c8d38}.online-create-page .number-input-group{gap:12px}.online-create-page .number-btn{border:1px solid rgba(223,190,196,.12);background:#0a1022e6;color:#eef1ff;border-radius:16px}.online-create-page .number-btn:hover:not(:disabled){background:#ffb1c11f;color:var(--online-coral-soft);box-shadow:0 10px 18px #ff5c8d24}.online-create-page .validation-message.error,.online-create-page .validation-message.warning{border:none;background:#ffb1c11f;color:#ffe1ea;box-shadow:inset 0 0 0 1px #ffb1c129}.online-create-page .shared-faq-panel{margin-top:32px;padding:clamp(24px,4vw,36px)}.online-create-page .faq-section{max-width:none;margin-bottom:0;padding:0}.online-create-page .faq-item{border-bottom:none;margin-top:16px;border-radius:24px;background:#1a1f31d1;box-shadow:inset 0 0 0 1px #dfbec40f}.online-create-page .faq-item[open]{background:#1f253bf0}.online-create-page .faq-question{padding:20px 24px}.online-create-page .faq-question>span:first-child{color:#eef1ff;font-weight:700}.online-create-page .faq-answer p{color:var(--online-text-muted);padding:0 24px 24px;max-width:none}.online-create-page .faq-icon{color:var(--online-coral-soft)}.online-create-page .category-drawer{background:linear-gradient(180deg,#0d1224fa,#080d1ffa)}.online-create-page .category-cards-container{gap:16px}.online-create-page .category-card{border:none;border-radius:22px;background:#14192ceb;box-shadow:inset 0 0 0 1px #dfbec414}.online-create-page .category-card:hover{background:#1b2138f5;box-shadow:inset 0 0 0 1px #dfbec41f,0 16px 30px #01061238}.online-create-page .category-card.selected{background:#ffb1c11a;box-shadow:inset 0 0 0 1px #ffb1c157}.online-create-page .category-card-title,.online-create-page .footer-selected-count{color:#eef1ff}.online-create-page .category-card-stats,.online-create-page .word-count{color:var(--online-text-soft)}.online-create-page .selected-indicator{background:linear-gradient(135deg,var(--online-coral-soft) 0%,var(--online-coral) 100%);color:#0d1224}.online-create-page .category-drawer-footer{background:#14192cfa;border-top:none;box-shadow:0 -18px 44px #01061257}@media (max-width: 767px){.online-create-page .online-create-shell{width:min(100%,calc(100% - 24px))}.online-create-page .setup-card.card,.online-create-page .shared-faq-panel{border-radius:28px;padding:24px 18px}.online-create-page .hero-title{font-size:2rem}.online-create-page .faq-question,.online-create-page .faq-answer p{padding-left:18px;padding-right:18px}}