@font-face{font-family:Fraunces;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/fraunces-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/fraunces-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:300 800;font-display:swap;src:url(/fonts/fraunces-italic-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400-latin.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-500-latin.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#faf6ef;--paper-2:#f2ece2;--card:#fff;--ink:#1a1714;--ink-hover:#3a332c;--ink-2:#4a443d;--muted:#6b635a;--line:#e7e0d4;--line-strong:#d5cbbb;--line-input:#8c8378;--safelight:#e0482c;--safelight-deep:#b8361f;--safelight-deeper:#9a2b17;--safelight-wash:#fcebe6;--safelight-line:#efb9ab;--amber:#f2b441;--amber-wash:#fdf2da;--amber-line:#ecd193;--amber-ink:#6e4600;--pine:#1f5a43;--pine-wash:#e6efe9;--pine-line:#b9d3c5;--darkroom:#14110e;--darkroom-2:#241f1a;--darkroom-line:#3d3630;--fog:#b9afa3;--on-ink:#fff;--overlay:#14110e8f;--scrim:#14110eb8;--disabled-bg:#ece5d9;--disabled-ink:#857c71;--focus:var(--safelight-deep);--focus-on-dark:var(--amber);--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-ui:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs:11px;--text-sm:12px;--text-ui:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:21px;--text-2xl:26px;--text-3xl:32px;--text-display:clamp(32px, 4vw, 46px);--text-hero:clamp(44px, 6vw, 80px);--leading-tight:1.1;--leading-snug:1.35;--leading-body:1.55;--tracking-display:-.02em;--tracking-tight:-.01em;--tracking-caps:.08em;--radius-photo:4px;--radius-control:10px;--radius-card:16px;--radius-sheet:24px;--radius-chip:999px;--shadow-1:0 1px 2px #1a17140f, 0 1px 1px #1a171408;--shadow-2:0 8px 24px #1a171414;--shadow-3:0 24px 64px #1a171438;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur-ui:.15s;--dur-sheet:.22s;--dur-develop:.9s;--sidebar:252px;--page-max:1580px;--page:var(--paper);--surface:var(--card);--surface-raised:var(--card);--surface-soft:var(--paper-2);--ink-soft:var(--ink-2);--muted-soft:var(--muted);--forest:var(--ink);--forest-dark:var(--ink-hover);--forest-soft:var(--paper-2);--coral:var(--safelight);--coral-dark:var(--safelight-deep);--radius-sm:var(--radius-control);--radius-md:var(--radius-card);--radius-lg:var(--radius-sheet);--shadow-card:var(--shadow-2);--shadow-float:var(--shadow-3);font-family:var(--font-ui);font-size:var(--text-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:var(--paper);font-weight:400}html{scroll-behavior:smooth}*{box-sizing:border-box}body{min-width:350px;color:var(--ink);background:var(--paper);font-size:var(--text-base);margin:0}button,input,select,textarea{font:inherit;outline:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;transition:background var(--dur-ui) var(--ease-out), color var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out);background:0 0;border:0}button:hover{color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-weight:600}::selection{color:var(--ink);background:var(--amber-line)}input::placeholder,textarea::placeholder{color:var(--muted)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled,a[aria-disabled=true]{cursor:not-allowed}:where(button:disabled,a[aria-disabled=true]){opacity:.55}.btn,.primary-button,.secondary-button,.danger-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);min-height:44px;font:inherit;font-size:var(--text-ui);white-space:nowrap;cursor:pointer;border:1px solid #0000;padding:10px 18px;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.btn-primary,.primary-button{color:var(--on-ink);background:var(--ink);border-color:var(--ink)}.btn-primary:hover:not(:disabled),.primary-button:hover:not(:disabled){color:var(--on-ink);background:var(--ink-hover);border-color:var(--ink-hover)}.btn-primary:active:not(:disabled),.primary-button:active:not(:disabled){transform:translateY(1px)}.btn-secondary,.secondary-button{color:var(--ink);background:var(--card);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled),.secondary-button:hover:not(:disabled){color:var(--ink);background:var(--paper-2);border-color:var(--ink-2)}.secondary-button[aria-pressed=true],.btn-secondary[aria-pressed=true]{color:var(--on-ink);background:var(--ink);border-color:var(--ink)}.btn-danger,.danger-button{color:var(--safelight-deep);background:var(--card);border-color:var(--safelight-line)}.btn-danger:hover:not(:disabled),.danger-button:hover:not(:disabled){color:var(--safelight-deep);background:var(--safelight-wash);border-color:var(--safelight-deep)}.btn-text{min-height:44px;padding:0 var(--space-2);color:var(--ink-2);font-size:var(--text-ui);text-underline-offset:3px;font-weight:600;text-decoration:underline}.btn-text:hover:not(:disabled){color:var(--ink)}.btn:disabled,.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:1;color:var(--disabled-ink);background:var(--disabled-bg);border-color:var(--disabled-bg);box-shadow:none;transform:none}.icon-button{border-radius:var(--radius-control);width:40px;height:40px;color:var(--ink-2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--ink);background:var(--paper-2)}.small-icon{width:28px;height:28px}input:not([type=checkbox]):not([type=radio]),select,textarea{color:var(--ink);border-color:var(--line-input);border-radius:var(--radius-control)}input:not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--ink)}.field{gap:var(--space-2);min-width:0;color:var(--ink-2);font-size:var(--text-ui);flex-direction:column;font-weight:500;display:flex}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:46px;color:var(--ink);background:var(--card);border:1px solid var(--line-input);border-radius:var(--radius-control);font-size:var(--text-base);padding:11px 12px}.field-row{gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.field-row>.field{height:100%}.field-row .field input,.field-row .field select{margin-top:auto}.helper-text{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:6px;font-weight:400;line-height:1.6;display:flex}.field>.helper-text{display:inline}.form-error{border:1px solid var(--safelight-line);border-radius:var(--radius-control);color:var(--safelight-deep);background:var(--safelight-wash);font-size:var(--text-ui);padding:11px 13px;line-height:1.6}.app-shell{background:var(--paper);min-height:100vh}.sidebar{z-index:30;width:var(--sidebar);background:var(--paper);border-right:1px solid var(--line);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand-button{text-align:left;padding:24px 24px 28px}.brand{color:var(--ink);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);align-items:center;gap:11px;font-weight:650;display:flex}.brand-pic{color:var(--ink)}.brand-light{color:var(--safelight);padding:0 1px}.brand-flow{color:var(--ink);font-style:italic;font-weight:500}.brand-mark{border-radius:var(--radius-control);width:36px;height:36px;color:var(--on-ink);background:var(--safelight);justify-content:center;align-items:center;display:inline-flex;position:relative}.sidebar-top{padding:0 16px}.section-label{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);font-weight:500;line-height:1.7}.sidebar-top>.section-label{margin:0 12px 12px}.main-nav,.event-nav{gap:var(--space-1);flex-direction:column;display:flex}.nav-link,.event-nav-link,.create-nav,.join-nav{border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--ink-2);font-size:var(--text-ui);text-align:left;align-items:center;display:flex}.nav-link{gap:12px;padding:0 12px;font-weight:500}.nav-link svg{stroke-width:1.7px}.nav-link:hover,.event-nav-link:hover,.create-nav:hover,.join-nav:hover{color:var(--ink);background:var(--paper-2)}.nav-link.active{color:var(--ink);background:var(--card);box-shadow:var(--shadow-1);font-weight:600}.nav-link.active svg{color:var(--safelight-deep);stroke-width:2px}.nav-count{border-radius:var(--radius-chip);min-width:22px;height:22px;color:var(--ink-2);background:var(--paper-2);font-family:var(--font-mono);font-size:var(--text-xs);place-items:center;margin-left:auto;padding:0 6px;display:grid}.nav-link.active .nav-count{background:var(--paper)}.section-heading{justify-content:space-between;align-items:center;margin:26px 0 8px;padding:0 8px 0 12px;display:flex}.event-nav-link{gap:10px;padding:9px 12px}.event-nav-link>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.event-nav-link.selected{color:var(--ink);background:var(--card);box-shadow:var(--shadow-1);font-weight:600}.event-dot{background:var(--line-input);border-radius:50%;flex-shrink:0;width:8px;height:8px}.event-nav-link.selected .event-dot{background:var(--safelight)}.event-dot.is-sample{background:var(--amber)}.create-nav,.join-nav{gap:10px;padding:10px 12px}.sidebar-bottom{margin-top:auto;padding-top:48px}.privacy-card{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);margin:0 18px 20px;overflow:hidden}.privacy-drawing{width:130px;height:81px;margin:0 auto 12px;position:relative}.tiny-photo{background:var(--card);width:59px;height:68px;box-shadow:var(--shadow-2);padding:4px 4px 11px;display:block;position:absolute;top:9px}.tiny-photo img{object-fit:cover;width:100%;height:100%}.tiny-photo.one{left:20px;transform:rotate(-16deg)}.tiny-photo.two{top:14px;left:65px;transform:rotate(12deg)}.drawing-heart{color:var(--safelight);font-family:var(--font-display);font-size:var(--text-3xl);position:absolute;top:-1px;left:3px;transform:rotate(-20deg)}.privacy-card h3{color:var(--ink);font-size:var(--text-md);line-height:1.35}.privacy-card p{color:var(--muted);font-size:var(--text-sm);margin-top:6px;line-height:1.6}.privacy-card button{align-items:center;gap:var(--space-1);min-height:32px;margin-top:var(--space-3);color:var(--safelight-deep);font-size:var(--text-sm);padding:0;font-weight:600;display:flex}.profile-button{border-top:1px solid var(--line);text-align:left;align-items:center;gap:10px;width:100%;padding:14px 20px;display:flex}.profile-button>svg{color:var(--muted)}.avatar{width:32px;height:32px;color:var(--on-ink);background:var(--ink-2);font-size:var(--text-xs);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.profile-avatar,.topbar-avatar{color:var(--ink);background:var(--amber-wash);box-shadow:inset 0 0 0 1px var(--amber-line)}.profile-avatar{width:34px;height:34px}.profile-copy{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.profile-copy strong{color:var(--ink);font-size:var(--text-ui);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.profile-copy small{color:var(--muted);font-size:var(--text-xs)}.sidebar-shade{display:none}.main-shell{min-width:0;min-height:100vh;margin-left:var(--sidebar)}.topbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:64px;padding:0 clamp(22px,3vw,46px);display:flex;position:sticky;top:0}.breadcrumbs{min-width:0;font-size:var(--text-ui);align-items:center;gap:10px;display:flex}.breadcrumbs>button:not(.mobile-menu){color:var(--muted);white-space:nowrap;padding:0}.breadcrumbs>button:not(.mobile-menu):hover{color:var(--ink)}.breadcrumbs>svg{color:var(--muted)}.breadcrumbs>span{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.private-label{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.private-label svg{color:var(--pine)}.topbar-divider{background:var(--line);width:1px;height:21px}.topbar-avatar{width:36px;height:36px;font-size:var(--text-sm)}.mobile-menu{display:none}.main-content{width:100%;max-width:var(--page-max);margin:auto;padding:30px clamp(22px,3vw,46px) 28px}.connection-banner{border-bottom:1px solid var(--amber-line);color:var(--amber-ink);background:var(--amber-wash);font-size:var(--text-ui);justify-content:center;align-items:center;gap:10px;padding:11px clamp(22px,3vw,46px);line-height:1.5;display:flex}.connection-banner>button{min-height:32px;font-size:var(--text-ui);text-underline-offset:3px;white-space:nowrap;font-weight:600;text-decoration:underline}.connection-banner.error-banner{border-color:var(--safelight-line);color:var(--safelight-deep);background:var(--safelight-wash)}.error-banner .icon-button{color:inherit;margin-left:auto;text-decoration:none}.toast{bottom:24px;left:calc(50% + var(--sidebar) / 2);z-index:100;border-radius:var(--radius-card);width:max-content;max-width:calc(100vw - 32px);color:var(--on-ink);background:var(--darkroom);box-shadow:var(--shadow-3);font-size:var(--text-ui);animation:toast-in var(--dur-sheet) var(--ease-out);--focus:var(--focus-on-dark);align-items:center;gap:10px;padding:12px 12px 12px 14px;line-height:1.45;display:flex;position:fixed;transform:translate(-50%)}.toast>span{width:22px;height:22px;color:var(--darkroom);background:var(--amber);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.toast>button{width:32px;height:32px;margin-left:var(--space-2);border-radius:var(--radius-control);color:var(--fog);place-items:center;display:grid}.toast>button:hover{color:var(--on-ink);background:var(--darkroom-2)}.spin{animation:.85s linear infinite spin}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;padding:32px 0 28px;display:flex}.page-heading>.topbar-actions{row-gap:var(--space-2);flex-wrap:wrap;max-width:100%}.page-heading h1{color:var(--ink);font-size:var(--text-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);margin:8px 0}.page-heading p{color:var(--ink-2);font-size:var(--text-md);line-height:var(--leading-body)}.eyebrow{color:var(--safelight-deep);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);font-weight:500}.event-actions{align-items:center;gap:var(--space-2);display:flex}.events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.event-card-wrap{min-width:0;position:relative}.event-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-1);text-align:left;padding:0;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.event-card-wrap .event-card{width:100%;height:100%}.event-card-delete{z-index:2;border:1px solid var(--safelight-line);width:36px;height:36px;color:var(--safelight-deep);background:var(--card);opacity:0;transition:opacity var(--dur-ui) var(--ease-out), background var(--dur-ui) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.event-card-wrap:hover .event-card-delete,.event-card-delete:focus-visible{opacity:1}.event-card-delete:hover{color:var(--safelight-deep);background:var(--safelight-wash)}@media (hover:none){.event-card-delete{opacity:1}}.event-card-image{background:var(--darkroom);height:220px;position:relative}.event-card-image img{object-fit:cover;width:100%;height:100%}.image-pill{border-radius:var(--radius-chip);color:var(--ink);background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:var(--text-xs);align-items:center;gap:5px;padding:5px 9px;font-weight:600;display:flex;position:absolute;top:12px;left:12px}.image-pill svg{color:var(--pine)}.event-card-info{padding:20px}.event-card-info small{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em}.event-card-info h2{color:var(--ink);font-size:var(--text-xl);margin:6px 0 16px}.event-card-info>span{color:var(--ink-2);font-size:var(--text-sm);justify-content:space-between;display:flex}.new-event-card{border:1px dashed var(--line-input);border-radius:var(--radius-card);text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;min-height:328px;padding:25px 22px;display:flex}.new-event-card:hover{background:var(--card);border-color:var(--ink-2)}.new-event-card>span{width:56px;height:56px;color:var(--ink);background:var(--paper-2);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.new-event-card h3{color:var(--ink);font-size:var(--text-lg);line-height:1.4}.new-event-card p{max-width:220px;margin-top:var(--space-2);color:var(--muted);font-size:var(--text-ui);line-height:1.6}.new-event-card strong{color:var(--safelight-deep);font-size:var(--text-ui);align-items:center;gap:7px;margin-top:22px;font-weight:600;display:flex}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:70px 20px;display:flex}.empty-state h2{color:var(--ink);font-size:var(--text-2xl)}.empty-state p{max-width:440px;color:var(--ink-2);font-size:var(--text-base);line-height:1.7}.empty-state .btn{margin-top:var(--space-2)}.full-empty{justify-content:center;min-height:65vh}.loading-state{min-height:70vh;color:var(--muted);font-size:var(--text-base);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.loading-state .brand-mark{border-radius:var(--radius-card);width:52px;height:52px;animation:1.6s ease-in-out infinite alternate develop-pulse}.flow-ending{border:1px solid var(--line-strong);border-radius:var(--radius-chip);width:fit-content;color:var(--ink-2);background:var(--card);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-weight:500;display:inline-flex}.flow-ending.is-urgent{border-color:var(--safelight-line);color:var(--safelight-deep);background:var(--safelight-wash)}.flow-ending.is-urgent svg{color:var(--safelight)}.flow-ending-dot{background:var(--safelight);width:7px;height:7px;box-shadow:0 0 0 3px var(--safelight-wash);border-radius:50%;flex:none}.flow-ending.is-urgent .flow-ending-dot{animation:1.6s ease-in-out infinite live-dot}@keyframes live-dot{50%{box-shadow:0 0 0 5px var(--safelight-wash)}}.flow-burndown{border-radius:var(--radius-chip);background:var(--line);height:3px;margin:0 0 18px;overflow:hidden}.flow-burndown>span{border-radius:inherit;background:var(--safelight);height:100%;transition:inline-size var(--dur-sheet) var(--ease-out);display:block}.flow-stats{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em}.card-ending{background:color-mix(in srgb, var(--card) 92%, transparent);border:0;margin:0;position:absolute;top:12px;right:12px}.flow-ending-banner,.flow-ended-notice{border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--ink-2);background:var(--card);font-size:var(--text-ui);align-items:center;gap:12px;margin:0 0 18px;padding:12px 16px;line-height:1.45;display:flex}.flow-ending-banner{border-color:var(--safelight-line);color:var(--ink);background:var(--safelight-wash)}.flow-ending-banner>svg{color:var(--safelight-deep)}.flow-ending-banner p,.flow-ended-notice p{flex:1;margin:0}.flow-ending-banner>svg,.flow-ended-notice>svg{flex:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-bar-compact{justify-content:flex-end;margin:0 0 14px;display:flex}.account-bar-compact .journey-text-button{font-size:var(--text-ui);align-items:center;gap:6px;display:inline-flex}.account-access{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);margin:0 0 18px;padding:14px}.account-access summary{min-height:48px;font-size:var(--text-base);cursor:pointer;align-items:center;font-weight:600;display:flex}.account-access summary:after{content:"⌄";margin-left:auto;padding-left:12px}.account-access p{color:var(--ink-2);font-size:var(--text-ui);margin:12px 0;line-height:1.5}.account-access input{border:1px solid var(--line-input);border-radius:var(--radius-control);background:var(--card);width:100%;min-height:44px;font:inherit;font-size:var(--text-md);padding:10px;display:block}.account-access button{min-height:44px}.modal-backdrop{z-index:60;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--dur-ui) var(--ease-out);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-sheet);background:var(--card);width:100%;max-width:520px;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-3);animation:modal-in var(--dur-sheet) var(--ease-out);padding:30px;position:relative;overflow-y:auto}.modal-close{z-index:2;position:absolute;top:14px;right:14px}.modal-heading{margin-bottom:22px;padding-right:32px}.modal-heading h2{color:var(--ink);font-size:var(--text-2xl);line-height:1.2}.modal-heading>p{margin-top:var(--space-2);color:var(--ink-2);font-size:var(--text-base);line-height:1.55}.modal-form{flex-direction:column;gap:18px;display:flex}.modal-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line);margin-top:4px;display:flex}.qr-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:24px 12px 20px;display:flex}.qr-card svg{margin-bottom:var(--space-4);border-radius:var(--radius-control);background:var(--card);box-shadow:var(--shadow-1);padding:6px}.qr-card p{color:var(--ink-2);font-size:var(--text-ui)}.toggle-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.toggle-row>span{flex-direction:column;gap:4px;display:flex}.toggle-row strong{color:var(--ink);font-size:var(--text-base);font-weight:600}.toggle-row input{border-radius:var(--radius-chip);background:var(--line-input);appearance:none;cursor:pointer;width:40px;height:24px;transition:background var(--dur-ui) var(--ease-out);flex-shrink:0;margin:0;position:relative}.toggle-row input:checked{background:var(--ink)}.toggle-row input:before{content:"";background:var(--card);width:18px;height:18px;box-shadow:var(--shadow-1);transition:transform var(--dur-ui) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.toggle-row input:checked:before{transform:translate(16px)}.guest-list{max-height:360px;overflow:auto}.guest-row{border-bottom:1px solid var(--line);font-size:var(--text-ui);align-items:center;gap:12px;padding:12px 0;display:flex}.guest-row:last-child{border-bottom:0}.guest-row>.avatar{width:36px;height:36px}.guest-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.guest-details strong{color:var(--ink);font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.guest-confirm{align-items:center;gap:6px;display:flex}.guest-confirm .btn{min-height:36px;padding:6px 12px}.join-event-preview{padding-bottom:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);text-align:center;overflow:hidden}.join-event-preview img{width:100%;height:150px;margin-bottom:var(--space-4);object-fit:cover}.join-event-preview h3{color:var(--ink);font-size:var(--text-xl);padding:0 16px}.join-event-preview .helper-text{margin-top:var(--space-2);justify-content:center}.help-modal{max-width:560px}.help-demo-note{padding:var(--space-4);border-radius:var(--radius-control);color:var(--ink-2);background:var(--pine-wash);font-size:var(--text-ui);align-items:flex-start;gap:10px;margin:22px 0;line-height:1.6;display:flex}.help-demo-note svg{color:var(--pine);margin-top:2px}.confirm-dialog{max-width:480px}.confirm-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.confirm-dialog-danger{color:var(--on-ink);background:var(--safelight-deep);border-color:var(--safelight-deep)}.confirm-dialog-danger:hover:not(:disabled){color:var(--on-ink);background:var(--safelight-deeper);border-color:var(--safelight-deeper)}.confirm-dialog-error{border:1px solid var(--safelight-line);border-radius:var(--radius-control);color:var(--safelight-deep);background:var(--safelight-wash);font-size:var(--text-ui);padding:10px 12px}.app-error{place-content:center;justify-items:center;gap:var(--space-3);min-height:100svh;padding:var(--space-5);color:var(--ink);background:var(--paper);text-align:center;display:grid}.app-error :is(h1,h2){font-size:var(--text-2xl)}.app-error p{max-width:42ch;color:var(--ink-2);line-height:var(--leading-body)}.app-error .btn{margin-top:var(--space-2)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes develop-pulse{0%{opacity:.6;filter:sepia(.6)blur(.5px)}to{opacity:1;filter:none}}@media (width<=1190px) and (width>=761px){:root{--sidebar:226px}.main-content{padding-inline:24px}.brand-button{padding-left:22px}.sidebar-top{padding:0 12px}.privacy-card{margin-inline:14px}}@media (width<=760px){body{min-width:320px}.sidebar{z-index:50;background:var(--paper);width:min(300px,86vw);transition:transform var(--dur-sheet) var(--ease-out);transform:translate(-100%)}.sidebar-open{box-shadow:var(--shadow-3);transform:translate(0)}.sidebar-shade{z-index:45;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:block;position:fixed;inset:0}.main-shell{margin-left:0}.mobile-menu{margin-left:-6px;margin-right:-4px;display:flex}.topbar{height:60px;padding-inline:14px}.topbar-actions{gap:var(--space-2)}.private-label,.topbar-divider,.breadcrumbs>button:not(.mobile-menu),.breadcrumbs>svg{display:none}.main-content{padding:18px 16px 28px}.connection-banner{justify-content:flex-start;padding:10px 16px}.toast{left:50%}.page-heading{gap:var(--space-4);padding:24px 0 20px}.page-heading h1{font-size:clamp(30px,8vw,38px)}.page-heading p{font-size:var(--text-base)}.page-heading>.btn{width:100%}.events-grid{grid-template-columns:1fr;gap:16px}.event-card-image{height:210px}.event-card-info{padding:16px}.event-card-info h2{font-size:var(--text-lg);margin-bottom:12px}.event-actions{flex-wrap:wrap;width:100%}.event-actions .btn{flex:140px}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;max-height:min(92dvh,900px);padding:26px 20px calc(20px + env(safe-area-inset-bottom));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;animation-name:sheet-in}.modal-heading h2{font-size:var(--text-xl)}}@keyframes sheet-in{0%{transform:translateY(24px)}to{transform:translateY(0)}}@media (width<=640px){.flow-ending-banner{flex-wrap:wrap}.flow-ending-banner .btn{justify-content:center;width:100%}}@media (width<=580px){.page-heading{display:block}.page-heading>.btn{margin-top:20px}.events-grid{padding-bottom:32px}.field-row{gap:12px}.guest-confirm .helper-text{display:none}.full-empty h2{font-size:var(--text-xl)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.account-chip{border:1px solid var(--line);border-radius:var(--radius-chip);background:var(--card);min-height:44px;color:var(--ink);font-size:var(--text-ui);align-items:center;gap:9px;padding:4px 12px 4px 4px;font-weight:600;display:inline-flex}.account-chip:hover{border-color:var(--ink-2);background:var(--card)}.account-chip .topbar-avatar{width:34px;height:34px;font-size:var(--text-sm);font-weight:700}.account-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.breadcrumbs>span{font-size:var(--text-md)}@media (width<=760px){.topbar .icon-button:not(.mobile-menu),.mobile-menu{width:44px;height:44px}.breadcrumbs>span{font-size:var(--text-md);font-weight:700}.account-chip{background:0 0;border:0;justify-content:center;min-width:44px;padding:0}.account-chip .topbar-avatar{width:38px;height:38px;font-size:var(--text-ui)}.account-chip-name{display:none}}.home-welcome{text-align:center;justify-items:center;gap:18px;max-width:760px;margin:clamp(12px,5vh,56px) auto 40px;display:grid}.home-eyebrow{border:1px solid var(--line-strong);border-radius:var(--radius-chip);background:var(--card);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}.home-eyebrow svg{color:var(--pine)}.home-welcome h1{color:var(--ink);font-size:clamp(32px,4.4vw,50px);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);margin:0}.home-lede{max-width:560px;color:var(--ink-2);font-size:var(--text-md);margin:0;line-height:1.6}.home-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.home-actions .btn{min-height:48px;font-size:var(--text-md);padding-inline:24px}.home-note{max-width:520px;color:var(--muted);font-size:var(--text-base);text-align:left;align-items:flex-start;gap:8px;margin:0;line-height:1.55;display:flex}.home-note>svg{color:var(--ink-2);flex:none;margin-top:3px}.home-note button{color:var(--safelight-deep);text-underline-offset:3px;padding:0;font-weight:600;text-decoration:underline}.flow-steps{counter-reset:flow-step;text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:8px 0 0;padding:0;list-style:none;display:grid}.flow-steps li{counter-increment:flow-step;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-1);flex-direction:column;gap:12px;padding:18px;display:flex;position:relative}.flow-steps li:after{content:counter(flow-step, decimal-leading-zero);color:var(--safelight-deep);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);font-weight:500;position:absolute;top:16px;right:16px}.flow-step-icon{border-radius:var(--radius-control);background:var(--paper-2);width:40px;height:40px;color:var(--ink);place-items:center;display:grid}.flow-steps li>div{gap:4px;display:grid}.flow-steps strong,.flow-step-start{color:var(--ink);font-size:var(--text-md);font-weight:600}.flow-step-start{text-align:left;min-height:0;color:var(--safelight-deep);text-underline-offset:3px;justify-self:start;padding:0;text-decoration:underline}.flow-steps li>div>span{color:var(--ink-2);font-size:var(--text-ui);line-height:1.5}.help-modal .flow-steps{grid-template-columns:1fr;margin-top:0}.help-modal .flow-steps li{flex-direction:row;align-items:center;gap:14px;padding:14px 40px 14px 14px}.help-modal .flow-steps li:after{top:50%;transform:translateY(-50%)}.help-modal .flow-step-icon{flex:none}@media (width<=760px){.home-welcome{gap:16px;margin-top:8px}.home-welcome h1{letter-spacing:var(--tracking-tight);font-size:clamp(28px,7.6vw,34px)}.home-lede{font-size:var(--text-md)}.flow-steps{grid-template-columns:1fr;gap:8px}.flow-steps li{flex-direction:row;align-items:center;gap:14px;padding:14px 40px 14px 14px}.flow-steps li:after{top:50%;transform:translateY(-50%)}.flow-step-icon{flex:none}.flow-step-start{min-height:32px}.home-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.home-actions .btn{justify-content:center;padding-inline:12px}.home-actions .btn:only-child{grid-column:1/-1}}.sidebar-bottom .profile-button{min-height:64px}.profile-button>svg{flex:none}.profile-avatar{font-weight:700}@media (width<=760px){.sidebar .nav-link,.sidebar .event-nav-link,.sidebar .create-nav,.sidebar .join-nav{min-height:46px;font-size:var(--text-md)}.sidebar .section-label{font-size:var(--text-sm)}.sidebar .privacy-drawing{display:none}.sidebar .privacy-card{margin:8px 16px 12px;padding:14px}.sidebar .privacy-card h3{font-size:var(--text-md)}.sidebar .privacy-card p,.sidebar .privacy-card button{font-size:var(--text-ui)}.sidebar .privacy-card button{min-height:44px}.sidebar .profile-button{padding:14px 20px calc(14px + env(safe-area-inset-bottom))}.sidebar .profile-copy strong{font-size:var(--text-md)}.sidebar .profile-copy small{font-size:var(--text-sm)}.sidebar .profile-avatar{width:40px;height:40px;font-size:var(--text-base)}}
