@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4efe8;font-family:DM Sans,system-ui,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}:root{--ink:#1f2933;--muted:#77828f;--line:#e8e5df;--paper:#fffdfa;--cream:#f4efe8;--teal:#147d75;--teal-dark:#0d5f59;--teal-pale:#e3f1ee;--coral:#e88370;--shadow:0 24px 70px #33404821}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 12% 8%, #e8837024, transparent 29%), radial-gradient(circle at 91% 92%, #147d7521, transparent 33%), var(--cream);min-height:100svh;color:var(--ink);padding:24px}.join-shell{place-items:center;display:grid}.join-card,.chat-card{width:min(100%,620px);box-shadow:var(--shadow);background:#fffdfaf5;border:1px solid #ffffffe6}.join-card{border-radius:34px;padding:clamp(30px,8vw,72px)}.brand-mark{background:var(--teal);color:#fff;border-radius:19px 19px 19px 6px;place-items:center;width:58px;height:58px;margin-bottom:24px;font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:700;display:grid;box-shadow:8px 8px #e8837038}.brand-mark.small{width:42px;height:42px;box-shadow:none;border-radius:14px 14px 14px 4px;flex:none;margin:0;font-size:21px}.eyebrow{color:var(--teal);letter-spacing:.19em;margin:0 0 12px;font-size:11px;font-weight:700}h1,h2,p{margin-top:0}h1,h2{font-family:Playfair Display,Georgia,serif}.join-card h1{letter-spacing:-.045em;max-width:420px;margin-bottom:14px;font-size:clamp(39px,7vw,64px);line-height:.98}.intro{max-width:430px;color:var(--muted);margin-bottom:34px;font-size:16px;line-height:1.65}.join-form{gap:18px;display:grid}label{color:var(--ink);gap:8px;font-size:13px;font-weight:700;display:grid}input{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:14px;outline:none;transition:border-color .16s,box-shadow .16s}input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #147d751f}.join-form input{padding:14px 16px}input::placeholder{color:#b4b7b7}.primary-button{background:var(--teal);color:#fff;border:0;border-radius:14px;margin-top:8px;padding:15px 20px;font-weight:700;transition:background .16s,transform .16s}.primary-button:hover{background:var(--teal-dark);transform:translateY(-1px)}.form-error,.chat-error{color:#b24a3a;margin:0;font-size:13px}.fine-print{color:var(--muted);margin:28px 0 0;font-size:12px;line-height:1.5}.chat-shell{place-items:center;display:grid}.chat-card{border-radius:28px;flex-direction:column;min-height:min(820px,100svh - 48px);display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 18px;display:flex}.header-brand{align-items:center;gap:13px;min-width:0;display:flex}.header-brand .eyebrow{margin-bottom:3px;font-size:9px}.header-brand h1{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:23px;overflow:hidden}.connection-pill{color:var(--muted);text-transform:capitalize;background:#f0efec;border-radius:999px;flex:none;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.connection-pill.connected{background:var(--teal-pale);color:var(--teal-dark)}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.chat-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:12px;display:flex}.text-button{color:var(--teal);background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:700}.message-list{background:linear-gradient(#f4efe859,#0000 25%);flex-direction:column;flex:1;gap:13px;min-height:300px;padding:22px 24px;display:flex;overflow-y:auto}.empty-state{max-width:260px;color:var(--muted);text-align:center;place-items:center;margin:auto;display:grid}.empty-icon{background:var(--teal-pale);width:48px;height:48px;color:var(--teal);border-radius:16px;place-items:center;margin-bottom:14px;font-size:24px;display:grid}.empty-state h2{color:var(--ink);margin-bottom:6px;font-size:25px}.empty-state p{margin:0;font-size:13px;line-height:1.5}.message-row{flex-direction:column;gap:4px;max-width:82%;display:flex}.message-row.mine{align-self:flex-end;align-items:flex-end}.message-row.theirs{align-self:flex-start;align-items:flex-start}.message-author{color:var(--muted);padding-left:5px;font-size:11px;font-weight:700}.message-bubble{background:#fff;border-radius:18px 18px 18px 5px;padding:11px 14px 8px;box-shadow:0 4px 16px #3e4b500f}.mine .message-bubble{background:var(--teal);color:#fff;border-radius:18px 18px 5px}.message-bubble p{white-space:pre-wrap;word-break:break-word;margin:0 0 4px;font-size:15px;line-height:1.45}.message-bubble time{color:#1f293385;text-align:right;font-size:10px;display:block}.mine .message-bubble time{color:#ffffffb3}.message-form{border-top:1px solid var(--line);align-items:center;gap:10px;padding:15px 18px 10px;display:flex}.message-form input{background:#faf9f6;border-radius:999px;padding:13px 15px}.send-button{background:var(--teal);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:23px;line-height:1;transition:background .16s,opacity .16s;display:grid}.send-button:hover:not(:disabled){background:var(--teal-dark)}.send-button:disabled{cursor:default;opacity:.35}.chat-error{text-align:center;padding:0 24px 8px}.signed-in{color:var(--muted);text-align:center;margin:0;padding:0 24px 17px;font-size:11px}.signed-in strong{color:var(--ink)}@media (width<=560px){.app-shell{padding:0}.join-card,.chat-card{border-radius:0;min-height:100svh}.join-card{flex-direction:column;justify-content:center;padding:36px 24px;display:flex}.chat-card{min-height:100svh}.message-row{max-width:90%}}.setup-shell,.auth-shell,.loading-shell{place-items:center;min-height:100svh;display:grid}.setup-card,.auth-card{width:min(100%,560px);box-shadow:var(--shadow);background:#fffdfaf5;border:1px solid #ffffffe6;border-radius:34px;padding:clamp(30px,7vw,64px)}.setup-card h1,.auth-card h1{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(38px,7vw,58px);line-height:1}.setup-card>p:not(.eyebrow),.auth-card .intro{color:var(--muted);line-height:1.65}.setup-card code{background:var(--teal-pale);color:var(--teal-dark);font-family:var(--mono,monospace);border-radius:5px;padding:2px 5px;font-size:.88em;display:inline-block}.setup-steps{border-top:1px solid var(--line);grid-template-columns:30px 1fr;align-items:center;gap:13px 10px;margin-top:28px;padding-top:24px;display:grid}.setup-steps span{background:var(--teal-pale);width:28px;height:28px;color:var(--teal-dark);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.setup-steps p{color:var(--ink);margin:0;font-size:13px}.workspace-shell{place-items:center;display:grid}.workspace-card{width:min(100%,900px);min-height:min(860px,100svh - 48px);box-shadow:var(--shadow);background:#fffdfaf5;border:1px solid #ffffffe6;border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.workspace-header{justify-content:space-between;align-items:center;gap:18px;padding:22px 28px 18px;display:flex}.workspace-header .header-brand{min-width:0}.workspace-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:25px;overflow:hidden}.header-actions{flex:none;align-items:center;gap:13px;display:flex}.role-pill{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#f0efec;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700}.role-pill.admin{background:var(--teal-pale);color:var(--teal-dark)}.workspace-nav{border-bottom:1px solid var(--line);gap:6px;padding:0 28px;display:flex}.workspace-nav button{color:var(--muted);background:0 0;border:0;padding:13px 12px 15px;font-size:13px;font-weight:700;position:relative}.workspace-nav button:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:12px;right:12px}.workspace-nav button.active{color:var(--teal-dark)}.workspace-nav button.active:after{background:var(--teal)}.workspace-panel{flex-direction:column;flex:1;min-height:0;padding:26px 28px 24px;display:flex}.chat-panel{min-height:0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-heading .eyebrow{margin-bottom:3px;font-size:9px}.panel-heading h2{letter-spacing:-.03em;margin:0;font-size:30px}.section-count{background:var(--teal-pale);min-width:28px;height:28px;color:var(--teal-dark);border-radius:999px;place-items:center;padding:0 8px;font-size:12px;font-weight:700;display:grid}.cloud-message-list{border:1px solid var(--line);background:linear-gradient(#f4efe859,#0000 25%);border-radius:20px;flex-direction:column;flex:1;gap:13px;min-height:0;padding:20px;display:flex;overflow-y:auto}.cloud-message-list .empty-state{margin:auto}.section-count+.outline-button,.outline-button{border:1px solid var(--line);color:var(--teal-dark);background:0 0;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700}.outline-button:hover{border-color:var(--teal);background:var(--teal-pale)}.danger-button{color:#b24a3a;background:0 0;border:1px solid #f0c8bf;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700}.danger-button:hover{border-color:var(--coral);background:#fff0ec}.workspace-panel>.message-form{border:0;margin-top:14px;padding:0}.workspace-panel>.chat-error{padding:9px 0 0}.calendar-list,.alert-list{gap:12px;display:grid;overflow-y:auto}.blank-panel{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:18px;gap:5px;padding:32px 20px;display:grid}.blank-panel strong{color:var(--ink);font-family:Playfair Display,Georgia,serif;font-size:22px}.blank-panel span{font-size:13px}.event-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:flex-start;gap:16px;padding:16px;display:flex}.event-date{background:var(--teal-pale);width:52px;height:56px;color:var(--teal-dark);text-align:center;border-radius:14px;flex:none;place-content:center;display:grid}.event-date strong{font-family:Playfair Display,Georgia,serif;font-size:24px;line-height:1}.event-date span{text-transform:uppercase;font-size:10px;font-weight:700}.event-copy{min-width:0}.event-copy h3,.alert-card h3,.admin-form h3{color:var(--ink);margin:0 0 5px;font-family:Playfair Display,Georgia,serif;font-size:20px}.event-copy p,.event-copy span,.alert-card p,.alert-card time{color:var(--muted);margin:0;font-size:12px;line-height:1.5;display:block}.event-copy span{margin-top:7px}.admin-form{background:#f8f4ef;border-radius:18px;gap:10px;margin-top:22px;padding:20px;display:grid}.item-actions,.admin-form-actions{flex-wrap:wrap;gap:8px;display:flex}.item-actions{margin-left:auto}.admin-form-actions{align-items:center}.admin-form-actions .outline-button{margin-top:8px}.field-label{gap:7px}.field-label span{color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}.admin-form .eyebrow{margin-bottom:-3px;font-size:9px}.admin-form h3{margin-bottom:2px}.admin-help,.permission-note{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.permission-note{border:1px solid var(--line);background:#f8f4ef;border-radius:12px;margin-bottom:18px;padding:12px 14px}.admin-form input,.admin-form textarea,.admin-form select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff;border-radius:11px;outline:none;padding:11px 13px;font-size:13px}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #147d751a}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-form .primary-button{margin-top:0;padding:11px 14px}.alert-card{border:1px solid var(--line);border-left:4px solid var(--teal);background:#fff;border-radius:16px;padding:18px}.alert-card.important{border-left-color:#e2a544}.alert-card.urgent{border-left-color:var(--coral)}.alert-badge{background:var(--teal-pale);color:var(--teal-dark);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:9px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.important .alert-badge{color:#96620e;background:#fff2d9}.urgent .alert-badge{color:#ae4c3b;background:#ffe7e1}.alert-card h3{margin-bottom:6px}.alert-card p{color:var(--ink);margin-bottom:10px;font-size:14px}.panel-error{color:#b24a3a;margin:13px 0 0;font-size:12px}@media (width<=560px){.workspace-card,.setup-card,.auth-card{border-radius:0;min-height:100svh}.workspace-card{width:100%}.workspace-header,.workspace-panel,.workspace-nav{padding-left:20px;padding-right:20px}.form-grid{grid-template-columns:1fr}.event-card{flex-wrap:wrap}.item-actions{width:100%;margin-left:68px}}