.create-page{width:min(760px,92%);margin:0 auto;padding:7rem 0 6rem;color:var(--text-primary)}.event-header{display:flex;align-items:center;gap:1rem;margin-bottom:4rem}.create-page h1,.event-header h1{margin:0;font-size:clamp(3rem,4vw,4.5rem);line-height:.9;letter-spacing:-.06em;color:var(--text-primary)}.create-page>p{margin:1.4rem 0 4rem;color:var(--text-secondary);font-size:1.05rem}.back-button,.icon-back-button{border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);cursor:pointer;transition:.25s}.icon-back-button{width:44px;height:44px;border-radius:999px;font-size:1.4rem}.back-button{margin-bottom:2.5rem;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:.7rem 1rem;font-weight:700}.back-button:hover,.icon-back-button:hover{background:var(--surface-hover);border-color:rgba(221,214,204,.24)}.event-form-card,.event-form-section{width:100%}.field{display:grid;grid-gap:.9rem;gap:.9rem;margin-bottom:4rem}.field label,.section-label{font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary);opacity:.7}.section-label{display:block;margin:0 0 .65rem}.field-helper,.section-helper{margin:0 0 2rem;color:var(--text-secondary);line-height:1.55}.field-helper{font-size:.95rem}.field input{width:100%;height:58px;padding:0;border:none;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);font-size:1.15rem;transition:.25s}.field input:focus{outline:none;border-color:rgba(221,214,204,.38)}.picker-row{width:100%;min-height:74px;padding:1.25rem 0;border:none;border-bottom:1px solid rgba(221,214,204,.09);background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:1.25rem;cursor:pointer;transition:.25s}.picker-row:hover{border-color:rgba(221,214,204,.22)}.picker-left{display:flex;align-items:center;gap:.85rem;font-size:1rem;font-weight:750}.picker-icon{opacity:.65}.picker-row input{min-width:0;max-width:210px;border:none;background:transparent;color:var(--text-primary);font:inherit;text-align:right;cursor:pointer}.picker-row input:focus{outline:none}.date-range-row{min-height:86px}.date-range-inputs{display:flex;align-items:center;gap:.75rem;min-width:0}.date-range-inputs input{max-width:185px}.date-range-divider{color:var(--text-secondary);font-size:.85rem}.date-picker-wrapper{position:relative}.date-range-trigger{font:inherit;text-align:left}.selected-date-range{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:700}.selected-date-range span{color:var(--text-secondary)}.date-picker-dismiss{position:fixed;inset:0;z-index:49;border:none;background:transparent;cursor:default}.date-range-popup{position:absolute;right:0;bottom:calc(100% + .75rem);top:auto;z-index:50;width:min(230px,100%);padding:1.35rem;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-middle);box-shadow:0 16px 38px rgba(0,0,0,.22)}.date-popup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.date-popup-header>div{display:grid;grid-gap:.35rem;gap:.35rem}.date-popup-header strong{color:var(--text-primary);font-size:1.1rem;font-weight:650}.date-popup-header span{color:var(--text-muted);font-size:.85rem;line-height:1.5}.date-popup-header button{width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:1.2rem;cursor:pointer}.date-popup-header button:hover{color:var(--text-primary)}.date-popup-fields{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;grid-gap:.9rem;gap:.9rem}.date-popup-fields label{display:grid;grid-gap:.5rem;gap:.5rem}.date-popup-fields label>span{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.date-popup-fields input{width:100%;min-width:0;box-sizing:border-box;padding:.8rem 0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.95rem;color-scheme:dark}.date-popup-fields input:focus{outline:none;border-bottom-color:rgba(221,214,204,.42)}.date-popup-arrow{padding-bottom:.8rem;color:var(--text-muted);font-size:.9rem}.date-popup-done{display:block;width:-moz-fit-content;width:fit-content;min-width:88px;height:auto;margin:1.5rem 0 0 auto;padding:.7rem 1rem;border:1px solid var(--border-subtle);border-radius:999px;background:transparent;color:var(--text-primary);font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}.date-popup-done:hover{border-color:rgba(221,214,204,.35);background:var(--surface-hover)}.time-of-day-section{margin-top:4rem}.time-of-day-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem;gap:.9rem}.time-of-day-options button{min-height:82px;padding:1rem 1.2rem;border:1px solid var(--border-subtle);border-radius:18px;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.time-of-day-options button:hover{transform:translateY(-2px);border-color:rgba(221,214,204,.28)}.time-of-day-options button.selected{border-color:rgba(221,214,204,.38);background:rgba(221,214,204,.09)}.time-of-day-options button:focus-visible{outline:2px solid rgba(221,214,204,.4);outline-offset:3px}.time-of-day-options span,.time-of-day-options strong{display:block}.time-of-day-options strong{margin-bottom:.35rem;font-size:1rem}.time-of-day-options span{color:var(--text-secondary);font-size:.88rem}.custom-time-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;grid-gap:1rem;gap:1rem;margin-top:1rem;padding:1.2rem;border:1px solid rgba(221,214,204,.1);border-radius:20px;background:rgba(221,214,204,.025)}.custom-time-range label{display:grid;grid-gap:.6rem;gap:.6rem}.custom-time-range>span{padding-bottom:1rem;color:var(--text-secondary)}.availability-label,.pace-label{margin-top:4rem}.pace-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-top:2rem}.pace-options button{min-height:82px;padding:1rem 1.2rem;border:1px solid var(--border-subtle);border-radius:18px;background:transparent;color:var(--text-primary);font:inherit;font-size:1rem;font-weight:700;text-align:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.pace-options button:hover{transform:translateY(-2px);border-color:rgba(221,214,204,.28)}.pace-options button.selected{transform:none;border-color:rgba(221,214,204,.38);background:rgba(221,214,204,.09);box-shadow:none}.pace-options button:focus-visible{outline:2px solid rgba(221,214,204,.4);outline-offset:3px}.pace-helper{margin:1.35rem 0 3rem;color:var(--text-secondary)}.availability-options{display:grid;grid-gap:0;gap:0;margin-bottom:4rem;gap:.9rem}.availability-options button{display:flex;min-height:82px;padding:1rem 1.2rem;align-items:center;justify-content:space-between;border:1px solid var(--border-subtle);border-radius:18px;background:transparent;color:var(--text-primary);font:inherit;font-size:1rem;font-weight:700;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.availability-options button:hover{transform:translateY(-2px);border-color:rgba(221,214,204,.28)}.availability-options button.selected{transform:none;border-color:rgba(221,214,204,.38);background:rgba(221,214,204,.09)}.availability-options button:focus-visible{outline:2px solid rgba(221,214,204,.4);outline-offset:3px}.availability-options button:disabled,.category-grid button:disabled,.option-list button:disabled,.pace-options button:disabled,.time-of-day-options button:disabled{opacity:.4;cursor:not-allowed;transform:none}.create-actions{display:flex;gap:.9rem;align-items:center;margin-top:4rem}.create-event-button,.secondary-button,.start-button,.step-two-button{height:62px;border-radius:999px;border:1px solid rgba(221,214,204,.16);background:rgba(221,214,204,.07);color:var(--text-primary);font-weight:850;cursor:pointer;transition:.25s}.create-event-button,.start-button{width:100%;font-size:1rem}.create-actions .create-event-button{flex:1 1}.step-two-button{padding:0 1.15rem;color:var(--text-secondary);white-space:nowrap}.secondary-button{padding:0 1.15rem;margin:2rem 0 3.5rem}.create-event-button:hover,.secondary-button:hover,.start-button:hover,.step-two-button:hover{background:rgba(221,214,204,.12);border-color:rgba(221,214,204,.28)}.create-event-button:disabled,.secondary-button:disabled,.start-button:disabled{opacity:.45;cursor:not-allowed}.invite-popup{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.5rem;background:rgba(8,18,32,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.invite-box{position:relative;width:min(420px,100%);padding:3rem 2rem 2.5rem;color:var(--text-primary);text-align:center}.invite-box h2{margin:0;color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:650;line-height:.95;letter-spacing:-.045em}.invite-box p{max-width:330px;margin:1.5rem auto 2rem;color:var(--text-muted);line-height:1.6}.invite-code{display:block;width:100%;box-sizing:border-box;margin:0 0 2rem;padding:1rem 0;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.06em;overflow-wrap:anywhere}.invite-close{position:absolute;top:0;right:0;display:grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:1.4rem;cursor:pointer;transition:color .2s ease}.invite-close:hover{color:var(--text-primary)}.invite-close:focus-visible{outline:2px solid rgba(221,214,204,.4);outline-offset:3px}.invite-buttons{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap}.invite-buttons .secondary-button,.invite-buttons .start-button{width:auto;min-width:150px;height:auto;margin:0;padding:1rem 1.4rem;background:transparent;font:inherit}.invite-buttons .secondary-button:hover,.invite-buttons .start-button:hover{transform:translateY(-2px);background:var(--surface-hover);border-color:rgba(221,214,204,.4);box-shadow:0 0 16px rgba(221,214,204,.12),0 0 30px rgba(221,214,204,.06)}.invite-buttons .secondary-button:focus-visible,.invite-buttons .start-button:focus-visible{outline:2px solid rgba(221,214,204,.4);outline-offset:3px}.category-grid,.option-list{display:grid;grid-gap:.9rem;gap:.9rem}.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid button,.option-list button{min-height:82px;padding:1rem 1.2rem;border:1px solid var(--border-subtle);border-radius:18px;background:transparent;color:var(--text-primary);font:inherit;font-size:1rem;font-weight:700;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.category-grid button:hover,.option-list button:hover{transform:translateY(-2px);border-color:rgba(221,214,204,.28)}.category-grid button.selected,.option-list button.selected{transform:none;border-color:rgba(221,214,204,.38);background:rgba(221,214,204,.09)}.category-grid button:focus-visible,.option-list button:focus-visible{outline:2px solid rgba(221,214,204,.4);outline-offset:3px}.vibe-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.vibe-label-row span{color:var(--text-secondary);font-size:.9rem}.vibe-current{color:var(--text-primary);font-weight:800}@media (max-width:700px){.invite-box{padding:2.5rem 1rem 2rem}.invite-box h2{font-size:2.8rem}.invite-buttons{flex-direction:column}.invite-buttons .secondary-button,.invite-buttons .start-button{width:100%}.create-page{width:min(430px,90%);padding:6rem 0 4rem}.event-header{margin-bottom:3rem}.create-page h1,.event-header h1{font-size:2.8rem}.date-range-row,.picker-row{align-items:flex-start;flex-direction:column;justify-content:center;gap:.65rem}.picker-left{width:100%}.date-range-inputs input,.picker-row input{width:100%;max-width:none;text-align:left}.date-range-inputs{width:100%;flex-direction:column;align-items:stretch;gap:.5rem}.date-range-divider{padding-left:.15rem}.category-grid,.create-actions,.pace-options{grid-template-columns:1fr;flex-direction:column}.create-actions .create-event-button,.step-two-button{width:100%}.selected-date-range{width:100%;justify-content:space-between}.date-range-popup{position:fixed;top:auto;right:1rem;bottom:1rem;left:1rem;width:auto;max-height:calc(100vh - 2rem);overflow-y:auto}.custom-time-range,.date-popup-fields{grid-template-columns:1fr}.custom-time-range>span,.date-popup-arrow{padding:0;text-align:center}.time-of-day-options{grid-template-columns:1fr}}