:root{--bg: #eceefb;--bg-2: #f5f6fd;--surface: #ffffff;--surface-2: #f3f4fb;--surface-3: #e9ebf6;--border: #e2e5f0;--border-strong: #cfd3e6;--text: #1a1d2e;--text-soft: #4a4f6a;--muted: #71769a;--primary: #6366f1;--primary-dark: #4f46e5;--primary-darker: #4338ca;--primary-soft: #eef0ff;--accent: #ec4899;--accent-2: #a855f7;--success: #16a34a;--success-soft: #e7f7ec;--danger: #dc2626;--danger-soft: #fdeaea;--warn: #d97706;--warn-soft: #fdf0dc;--shadow-sm: 0 1px 2px rgba(20, 23, 51, .05), 0 1px 3px rgba(20, 23, 51, .07);--shadow-md: 0 8px 24px -6px rgba(20, 23, 51, .16);--shadow-lg: 0 24px 48px -12px rgba(20, 23, 51, .22);--ring: 0 0 0 3px color-mix(in srgb, var(--primary) 28%, transparent);--radius-lg: 22px;--radius: 14px;--radius-sm: 10px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=dark]{--bg: #0b0d14;--bg-2: #0f1219;--surface: #161a24;--surface-2: #1e2230;--surface-3: #272c3d;--border: #2a3042;--border-strong: #3a4258;--text: #e9ecf6;--text-soft: #b9bfd6;--muted: #939ab8;--primary: #818cf8;--primary-dark: #6366f1;--primary-darker: #4f46e5;--primary-soft: #20243a;--accent: #f472b6;--accent-2: #c084fc;--success: #34d399;--success-soft: #14301f;--danger: #f87171;--danger-soft: #3a1d1d;--warn: #fbbf24;--warn-soft: #382a12;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px -6px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .6)}*{box-sizing:border-box}.hero{position:relative;margin:1rem 0 2rem;border-radius:28px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-md);background:radial-gradient(60% 80% at 25% 30%,rgba(99,102,241,.35),transparent 60%),radial-gradient(50% 70% at 75% 60%,rgba(168,85,247,.35),transparent 60%),radial-gradient(40% 60% at 60% 25%,rgba(236,72,153,.3),transparent 60%),var(--surface)}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 70% at 50% 45%,color-mix(in srgb,var(--surface) 62%,transparent),transparent 75%);pointer-events:none}.hero-inner{position:relative;z-index:1;padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,5vw,3rem);text-align:center;max-width:760px;margin:0 auto}.hero-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-dark);background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid var(--border);padding:.3rem .7rem;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-title{font-size:clamp(2rem,6vw,3.4rem);font-weight:800;letter-spacing:-.02em;margin:1rem 0 .6rem;color:var(--text)}.hero-sub{font-size:clamp(1rem,2.2vw,1.15rem);color:var(--muted);max-width:620px;margin:0 auto 1.25rem}.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chip{font-size:.85rem;font-weight:600;padding:.4rem .8rem;border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feature-section{margin-top:3rem}.feature-head{text-align:center;margin-bottom:1.5rem}.feature-title{font-size:clamp(1.4rem,3vw,2rem);margin:.6rem 0 0}.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-icon{display:inline-grid;place-items:center;width:46px;height:46px;font-size:1.5rem;border-radius:12px;margin-bottom:.75rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface)),color-mix(in srgb,var(--accent-2) 18%,var(--surface)));border:1px solid var(--border)}.feature-card-title{font-size:1.02rem;margin:0 0 .35rem}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(1200px 600px at 100% -10%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 60%),radial-gradient(1000px 500px at -10% 0%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary-dark);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.18;letter-spacing:-.02em;margin:0 0 .4em;font-weight:800}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.25rem;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.18rem;letter-spacing:-.02em;color:var(--text);min-width:0}.brand:hover{text-decoration:none}.brand .brand-name{white-space:nowrap;background:linear-gradient(120deg,var(--primary-dark),var(--accent-2) 60%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.brand .logo{font-size:1.35rem;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent-2));box-shadow:var(--shadow-sm)}.container{width:100%;max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.container-narrow{max-width:640px}.room-header{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.25rem;padding:1.4rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 55%),radial-gradient(120% 160% at 100% 0%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 55%),var(--surface)}.room-title{font-size:clamp(1.5rem,4vw,2.2rem);margin:0}.template-grid{display:flex;flex-wrap:wrap;gap:.4rem}.template-chip{font:inherit;font-size:.85rem;font-weight:600;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.template-chip:hover{border-color:var(--border-strong)}.template-chip.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.5rem .25rem 0}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;gap:.75rem;align-items:center}.row-wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow-sm);transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s ease,border-color .18s ease}button.card:hover,a.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}button.card:active,a.card:active{transform:translateY(-1px)}.card-title{font-size:1.08rem;font-weight:700;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font:inherit;font-weight:600;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary-dark);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 35%,transparent)}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 45%,transparent)}.btn-ghost{border-color:transparent;background:transparent}.google-btn{width:100%;background:#fff;color:#3c4043;border:1px solid #dadce0;font-weight:600}.google-btn:hover{background:#f7f8f8}:root[data-theme=dark] .google-btn{background:#1f2330;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{color:var(--danger);border-color:transparent}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{padding:.3rem .6rem;font-size:.85rem}.btn-block{width:100%}label.field{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.9rem}.input,.textarea,.select{font:inherit;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.textarea{min-height:80px;resize:vertical}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--surface-2);color:var(--muted)}.badge-primary{background:var(--primary-soft);color:var(--primary-dark)}.badge-success{background:color-mix(in srgb,var(--success) 16%,var(--surface));color:var(--success)}.badge-warn{background:color-mix(in srgb,var(--warn) 18%,var(--surface));color:var(--warn)}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.78rem;flex-shrink:0;border:2px solid var(--surface);overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-stack{display:flex}.avatar-stack .avatar+.avatar{margin-left:-8px}.tabs{display:flex;gap:.3rem;flex-wrap:wrap;padding:.35rem;margin-bottom:1.25rem;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;font-weight:600;color:var(--muted);padding:.5rem .95rem;cursor:pointer;border-radius:999px;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.tab:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 70%,transparent)}.tab.active{color:var(--primary-dark);background:var(--surface);box-shadow:var(--shadow-sm)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.empty{text-align:center;padding:2rem;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}.empty-state{text-align:center;padding:2.75rem 1.5rem;border:1px dashed var(--border-strong);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 60%,transparent);display:flex;flex-direction:column;align-items:center;gap:.4rem}.empty-state-icon{font-size:2.4rem;width:68px;height:68px;display:grid;place-items:center;border-radius:18px;margin-bottom:.25rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--surface)),color-mix(in srgb,var(--accent-2) 16%,var(--surface)));border:1px solid var(--border)}.empty-state-title{font-weight:700;font-size:1.05rem}.empty-state-hint{max-width:380px;margin:0}.divider{height:1px;background:var(--border);margin:.5rem 0}.progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent-2));transition:width .3s ease}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:color-mix(in srgb,var(--text) 92%,transparent);color:var(--surface);padding:.65rem 1.1rem;border-radius:999px;box-shadow:var(--shadow-lg);z-index:50;font-weight:600;animation:toast-in .25s cubic-bezier(.2,.9,.3,1)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.banner{padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.banner-danger{background:var(--danger-soft);color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:.85rem;align-items:baseline;border-left:2px solid var(--border);padding:.5rem 0 .5rem .85rem;margin-left:.4rem;position:relative}.timeline-item:before{content:"";position:absolute;left:-6px;top:.85rem;width:10px;height:10px;border-radius:50%;background:var(--primary)}.timeline-time{color:var(--muted);font-size:.85rem;white-space:nowrap;min-width:9.5rem}.timeline-title{font-weight:600}.rsvp-bar{border-top:1px solid var(--border);padding-top:.6rem}.chat-log{display:flex;flex-direction:column;gap:.75rem;max-height:55vh;overflow-y:auto;padding-right:.25rem}.chat-msg{display:flex;gap:.6rem;align-items:flex-start}.chat-bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .7rem;max-width:80%}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere}.sticky-note{position:absolute;transform:translate(-4px,-4px);max-width:160px;min-width:64px;padding:.5rem .6rem;border-radius:6px;color:#1f2333;font-size:.82rem;font-weight:600;box-shadow:var(--shadow-md);cursor:grab;touch-action:none;overflow-wrap:anywhere;rotate:-1.5deg}.sticky-note:active{cursor:grabbing}.sticky-note-x{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:12px;line-height:1;cursor:pointer}.remote-cursor{position:absolute;transform:translate(-2px,-2px);pointer-events:none;z-index:5;display:flex;align-items:center;gap:4px}.remote-cursor-dot{width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:var(--shadow-sm)}.remote-cursor-label{color:#fff;font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:8px;white-space:nowrap}.summary-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem}.summary-list li{line-height:1.4}@media print{body{background:#fff}.topbar,.tabs,.room-header,.no-print{display:none!important}.container{max-width:none;padding:0}.summary-sheet{border:none;box-shadow:none;padding:0}}@media (max-width: 480px){.topbar{padding:.55rem .85rem}.brand{font-size:1.05rem}.container{padding:1rem .85rem 3rem}.room-header{padding:1.1rem 1rem}.card{padding:1.1rem}}.nudge-chip{font:inherit;font-size:.8rem;font-weight:600;padding:.3rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));background:var(--warn-soft);color:var(--warn);cursor:pointer;transition:filter .15s ease}.nudge-chip:hover{filter:brightness(.97)}.grid-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.avail-grid{--grid-label-w: 64px;display:grid;min-width:max-content;-webkit-user-select:none;user-select:none}.avail-corner,.avail-colhead,.avail-rowhead{position:sticky;background:var(--surface-2);font-size:.72rem;font-weight:700;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:.35rem .25rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.avail-colhead{top:0;z-index:2;text-align:center;line-height:1.1}.avail-rowhead{left:0;z-index:1;white-space:nowrap}.avail-corner{top:0;left:0;z-index:3}.avail-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-height:30px;cursor:pointer;font-size:.7rem;font-weight:700;color:var(--text);transition:background .08s ease;touch-action:none}.avail-cell:hover{outline:2px solid color-mix(in srgb,var(--primary) 50%,transparent);outline-offset:-2px}.avail-cell.mine{color:#fff}.avail-cell.best{box-shadow:inset 0 0 0 2px var(--success)}