:root{color:#1f2328;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}main{text-align:center;place-content:center;gap:.75rem;min-height:100vh;padding:2rem;display:grid}h1,h2,p{margin:0}h2{font-size:1rem}output{color:#59636e}output[data-state=connected]{color:#157347}output[data-state=unavailable]{color:#b42318}.session-panel{border:1px solid #e1e5e9;border-radius:.5rem;gap:.75rem;min-width:min(18rem,100vw - 4rem);margin-top:.5rem;padding:1rem;display:grid}.session-content{justify-items:center;gap:.75rem;display:grid}.session-login-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.session-message{color:#59636e}.session-action{color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7ccd1;border-radius:.375rem;justify-self:center;padding:.5rem .875rem;text-decoration:none}.session-action:disabled{color:#7b848e;cursor:wait}.session-action:focus-visible{outline-offset:2px;outline:3px solid #99c2ff}.wedding-workspace{box-sizing:border-box;text-align:left;border:1px solid #d7dde3;border-radius:.75rem;gap:1rem;width:min(64rem,100vw - 4rem);margin-top:.5rem;padding:1rem;display:grid}.wedding-workspace h2,.wedding-workspace h3,.wedding-workspace h4,.wedding-workspace dl{margin:0}.workspace-content,.workspace-form,.workspace-card,.workspace-empty,.workspace-error{gap:.75rem;display:grid}.workspace-grid{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:1rem;display:grid}.workspace-card{border:1px solid #e1e5e9;border-radius:.5rem;align-content:start;padding:1rem}.workspace-fields{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:.75rem;display:grid}.workspace-form label,.workspace-selector label,label.workspace-selector{gap:.375rem;font-weight:600;display:grid}.workspace-form input,.workspace-form select,.workspace-selector select{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#fff;border:1px solid #b9c0c7;border-radius:.375rem;padding:.55rem .625rem}.workspace-selector{justify-content:space-between;align-items:end;gap:.75rem;display:flex}.workspace-selector label{min-width:min(22rem,100%)}.workspace-actions{flex-wrap:wrap;gap:.5rem;display:flex}.wedding-workspace button{color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #aeb6be;border-radius:.375rem;justify-self:start;padding:.55rem .875rem}.wedding-workspace button:disabled{color:#7b848e;cursor:wait}.wedding-workspace button:focus-visible,.workspace-form input:focus-visible,.workspace-form select:focus-visible,.workspace-selector select:focus-visible{outline-offset:2px;outline:3px solid #99c2ff}.workspace-message,.workspace-empty p{color:#59636e}.workspace-error{color:#8f1b13;border-left:3px solid #b42318;padding-left:.75rem}.workspace-details{gap:.625rem;display:grid}.workspace-details div{grid-template-columns:minmax(7rem,.6fr) minmax(0,1fr);gap:.75rem;display:grid}.workspace-details dt{color:#59636e;font-weight:600}.workspace-details dd{margin:0}.invitation-management,.invitation-list-shell,.invitation-empty,.invitation-secret{gap:.75rem;display:grid}.invitation-management h4{margin:0}.invitation-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.invitation-list li{border:1px solid #e1e5e9;border-radius:.5rem;gap:.625rem;padding:.75rem;display:grid}.invitation-summary{gap:.25rem;display:grid}.invitation-summary span,.invitation-delivery span,.invitation-empty p,.invitation-secret p{color:#59636e}.invitation-delivery{justify-items:start;gap:.5rem;display:grid}.invitation-delivery p{margin:0}.invitation-secret{border-left:3px solid #157347;padding-left:.75rem}.invitation-notice{color:#244d79;border-left:3px solid #376aa3;padding-left:.75rem;display:block}.invitation-acceptance{box-sizing:border-box;text-align:left;gap:.75rem;width:min(36rem,100vw - 4rem);display:grid}.invitation-acceptance-content{gap:.75rem;display:grid}.invitation-login-actions .session-action{justify-self:start}@media (width<=40rem){main{padding:1rem}.wedding-workspace{width:calc(100vw - 2rem)}.workspace-selector{align-items:stretch;display:grid}.workspace-details div{grid-template-columns:1fr;gap:.125rem}}.error-fallback button{color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7ccd1;border-radius:.375rem;justify-self:center;padding:.5rem .875rem}.error-fallback button:focus-visible{outline-offset:2px;outline:3px solid #99c2ff}