.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;line-height:1.5}.section-helper{margin:.4rem 0 1rem;font-size:1rem}.field-helper,.section-helper{color:var(--text-secondary);line-height:1.55}.field-helper{margin:0;font-size:.7rem}.field-helper-limit{color:var(--accent-gold)}.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{width:-moz-fit-content;width:fit-content;margin-bottom:2.5rem;padding:.7rem 1rem;border-radius:999px;font-weight:700}.back-button:hover,.icon-back-button:hover{border-color:rgba(221,214,204,.24);background:var(--surface-hover)}.event-form-card,.event-form-section{width:100%}.field{display:grid;grid-gap:.9rem;gap:.9rem;margin-bottom:6rem}.field label{font-size:1.2rem}.field label,.section-label{color:var(--text-primary);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section-label{display:block;margin:0 0 .35rem;font-size:1rem}.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;margin-top:0}.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(196,148,68,.55);background:rgba(140,98,36,.1)}.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{margin-top:1rem}.custom-time-range>span{display:block;margin-bottom:.6rem;color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.custom-time-picker-wrapper{position:relative}.custom-time-trigger{padding:.85rem 0}.custom-time-popup{position:absolute;right:0;left:auto;top:calc(100% + .5rem);z-index:50;width:min(200px,100%);max-height:200px;overflow-y:scroll!important;overscroll-behavior:contain;margin:0;padding:.4rem .3rem .4rem .4rem;list-style:none;border:1px solid var(--border-subtle);border-radius:14px;background:var(--bg-middle);box-shadow:0 16px 38px rgba(0,0,0,.3),inset 0 -24px 20px -20px rgba(0,0,0,.5);scrollbar-width:thin!important;scrollbar-color:var(--accent-gold) rgba(221,214,204,.08)!important}.custom-time-popup:focus{outline:none}.custom-time-popup::-webkit-scrollbar{display:block!important;width:6px!important}.custom-time-popup::-webkit-scrollbar-track{background:rgba(221,214,204,.08)!important;border-radius:999px!important;margin:4px 0!important}.custom-time-popup::-webkit-scrollbar-thumb{background:var(--accent-gold)!important;border-radius:999px!important}.custom-time-option{display:block;width:100%;padding:.6rem .85rem;border:0;border-radius:10px;background:transparent;color:var(--text-primary);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.custom-time-option:hover{background:rgba(221,214,204,.08)}.custom-time-option.selected{color:var(--accent-gold);font-weight:700}.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(196,148,68,.55);background:rgba(140,98,36,.1);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)}.form-error{margin:-1rem 0 2rem;padding:.9rem 1.1rem;border:1px solid rgba(211,71,71,.35);border-radius:12px;background:rgba(211,71,71,.08);color:#e08a82;font-size:.85rem;line-height:1.5}.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(196,148,68,.55);background:rgba(140,98,36,.1)}.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:var(--popup-overlay-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.invite-box{position:relative;width:min(420px,100%);padding:3.75rem 3rem 3rem;border:1px solid var(--popup-border);border-radius:1.5rem;background:var(--popup-bg);color:var(--popup-ink);text-align:center;box-shadow:var(--popup-shadow)}.invite-box h2{margin:0;color:var(--popup-ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.05}.invite-box>p{max-width:330px;margin:1.25rem auto 0;color:var(--popup-ink-muted);line-height:1.6}.invite-code-row{display:flex;width:100%;margin:1.6rem 0 0;padding:.9rem 0 1rem;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--popup-hairline)}.invite-code{min-width:0;flex:1 1;color:var(--popup-ink);overflow-wrap:anywhere;text-align:left;font-size:1rem;font-weight:800;letter-spacing:.04em;line-height:1.35}.invite-code-copy-pill{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.invite-code-copy-pill svg{width:.78rem;height:.78rem;flex-shrink:0}.invite-code-copy-pill:hover{border-color:var(--accent-gold);background:rgba(197,146,53,.08);color:var(--accent-gold);transform:translateY(-1px)}.invite-code-copy-pill:active{transform:translateY(0)}.invite-code-copy-pill:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.invite-close{position:absolute;top:1.15rem;right:1.35rem;display:grid;width:2.5rem;height:2.5rem;place-items:center;padding:0;border:0;background:transparent;color:var(--popup-ink);font:inherit;font-size:1.6rem;font-weight:300;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.invite-close:hover{opacity:.6;transform:rotate(4deg)}.invite-close:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.invite-buttons{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-top:2rem}.invite-buttons .secondary-button,.invite-buttons .start-button{width:auto;min-width:150px;height:auto;margin:0;padding:.9rem 1.4rem;border:1px solid var(--popup-ink);border-radius:999px;background:transparent;color:var(--popup-ink);font:inherit;font-weight:700}.invite-buttons .secondary-button:hover,.invite-buttons .start-button:hover{transform:translateY(-2px);background:var(--popup-ink);color:var(--popup-bg);border-color:var(--popup-ink);box-shadow:none}.invite-buttons .secondary-button:focus-visible,.invite-buttons .start-button:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.invite-action-pill{padding:.45rem 1rem;border:1px solid var(--popup-ink);border-radius:999px;background:transparent;color:var(--popup-ink);font:inherit;font-size:.74rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}.invite-action-pill:hover{transform:translateY(-1px);background:var(--popup-ink);color:var(--popup-bg)}.invite-action-pill:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.invite-action-pill.active{background:var(--popup-ink);color:var(--popup-bg)}.invite-add-friend{width:100%;margin-top:1.5rem;text-align:left}.invite-add-friend-input{width:100%;box-sizing:border-box;padding:.75rem 0;border:none;border-bottom:1px solid var(--popup-hairline);background:transparent;color:var(--popup-ink);font:inherit;font-size:.9rem;outline:none}.invite-add-friend-input::placeholder{color:var(--popup-ink-muted)}.invite-add-friend-input:focus{border-bottom-color:var(--accent-gold)}.invite-add-friend-results{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem;max-height:220px;overflow-y:auto}.invite-add-friend-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.6rem;border-bottom:1px solid var(--popup-hairline);color:var(--popup-ink);font-size:.88rem}.invite-add-friend-row:last-child{padding-bottom:0;border-bottom:none}.invite-person-info{display:flex;flex-direction:column;gap:.15rem;text-align:left}.invite-person-info strong{color:var(--popup-ink);font-size:.88rem;font-weight:650}.invite-person-info small{color:var(--popup-ink-muted);font-size:.72rem;font-weight:500}.invite-add-friend-row button{flex:0 0 auto;padding:.4rem .9rem;border:1px solid var(--popup-ink);border-radius:999px;background:transparent;color:var(--popup-ink);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease}.invite-add-friend-row button:hover:not(:disabled){background:var(--popup-ink);color:var(--popup-bg)}.invite-add-friend-row button:disabled{opacity:.5;cursor:not-allowed}.invite-add-friend-status{margin:.9rem 0 0;color:var(--popup-ink-muted);font-size:.82rem;line-height:1.5}.invite-add-friend-status.invite-error{color:#a13f33;font-weight:700}.invite-continue-button{display:block;width:100%;height:62px;margin:2.5rem 0 0;border:1px solid var(--popup-ink);border-radius:999px;background:var(--popup-ink);color:var(--popup-bg);font:inherit;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(90,56,34,.16);transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.invite-continue-button:hover{transform:translateY(-2px);background:#5d3822;border-color:#5d3822;color:var(--popup-bg);box-shadow:0 14px 30px rgba(90,56,34,.24)}.invite-continue-button:active{transform:translateY(0)}.invite-continue-button:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}@media (max-width:520px){.invite-box{padding:3.4rem 1.5rem 2rem}.invite-code-row{gap:.9rem}.invite-code{font-size:.88rem}.invite-code-copy-pill{min-width:3.2rem;padding:.22rem .5rem;font-size:.62rem}.invite-continue-button{height:56px;font-size:.92rem}}.invite-code-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:.45rem}.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}.option-list button{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.slot-time-text{flex:1 1}.slot-availability{flex-shrink:0;color:var(--accent-gold);font-size:.72rem;font-weight:600;white-space:nowrap}.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(196,148,68,.55);background:rgba(140,98,36,.1)}.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}.preferences-intro{margin-bottom:3rem}@media (max-width:700px){.create-page{width:100%;max-width:360px;margin:0 auto;padding:4.75rem 1rem 2rem;box-sizing:border-box}.event-header{gap:.75rem;margin-bottom:2rem}.icon-back-button{width:34px;height:34px;font-size:1rem}.preferences-intro{margin-bottom:1.75rem}.create-page h1,.event-header h1{font-size:2rem;line-height:1}.create-page>p{margin:.8rem 0 2rem;font-size:.78rem;line-height:1.45}.field{gap:.5rem;margin-bottom:3rem}.field label{font-size:.75rem;letter-spacing:.12em}.section-label{font-size:.68rem;letter-spacing:.12em}.field-helper{margin-bottom:0;font-size:.72rem;line-height:1.4}.pace-helper,.section-helper{margin-bottom:1rem;font-size:.72rem;line-height:1.4}.field input{height:44px;font-size:.82rem}.date-range-row,.picker-row{min-height:54px;padding:.75rem 0;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}.picker-left{width:100%;gap:.6rem;font-size:.82rem}.date-range-inputs input,.picker-row input{width:100%;max-width:none;font-size:.78rem;text-align:left}.date-range-inputs{width:100%;flex-direction:column;align-items:stretch;gap:.4rem}.selected-date-range{width:100%;justify-content:space-between;font-size:.78rem}.category-grid,.pace-options,.time-of-day-options{grid-template-columns:1fr;gap:.6rem}.availability-options button,.category-grid button,.option-list button,.pace-options button,.time-of-day-options button{min-height:56px;padding:.75rem .9rem;border-radius:12px;font-size:.8rem}.time-of-day-options strong{margin-bottom:.2rem;font-size:.82rem}.time-of-day-options span{font-size:.7rem}.slot-availability{font-size:.6rem}.create-actions{margin-top:2rem;flex-direction:column;gap:.75rem}.create-event-button,.secondary-button,.start-button,.step-two-button{width:100%;height:46px;font-size:.78rem}.date-picker-dismiss{position:fixed;inset:0;z-index:1000;border:none;background:rgba(8,18,32,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:default}.date-range-popup{position:fixed;top:50%;left:50%;z-index:1001;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 2rem));min-height:350px;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:18px;background:var(--bg-middle);box-shadow:0 20px 60px rgba(0,0,0,.45);overflow:visible}.date-popup-header{gap:.75rem;margin-bottom:1.25rem}.date-popup-header strong{font-size:1rem}.date-popup-header span{font-size:.75rem;line-height:1.4}.date-popup-header button{width:30px;height:30px;font-size:1rem}.date-popup-fields{grid-template-columns:1fr;gap:.75rem}.date-popup-fields label{gap:.4rem}.date-popup-fields label>span{font-size:.65rem}.date-popup-fields input{padding:.8rem 0;font-size:.85rem}.date-popup-arrow{padding:0;font-size:.75rem;text-align:center}.date-popup-done{min-width:84px;margin-top:1.25rem;padding:.7rem 1rem;font-size:.8rem}.custom-time-range{grid-template-columns:1fr;gap:.75rem}.custom-time-range>span{padding:0;text-align:center}.invite-box{padding:2rem 1rem}.invite-box h2{font-size:1.8rem}.invite-box p{font-size:.78rem}.invite-code{font-size:.82rem}.invite-buttons{flex-direction:column}.invite-action-pill,.invite-buttons .secondary-button,.invite-buttons .start-button{width:100%}.invite-continue-button{height:52px;font-size:.9rem}}