.event-card{background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e5e4e7;border-radius:24px;width:100%;transition:transform .18s,box-shadow .18s;overflow:hidden}.event-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2419401f}.event-card .event-card-content{padding:16px}.event-card .event-card-content:last-child{padding-bottom:16px}.event-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.event-card-title-wrapper{min-width:0}.event-card-title{color:#17121e;overflow-wrap:anywhere;font-weight:750;line-height:1.2}.event-card-bookmark{color:#6d5a82;background-color:#f3eff8;flex-shrink:0}.event-card-bookmark:hover{color:#4d2f75;background-color:#e8def5}.event-card-details{margin-top:18px}.event-card-detail-row,.event-card-attendee-label{align-items:center;gap:8px;display:flex}.event-card-icon{color:#8063a0;flex-shrink:0;font-size:18px}.event-card-detail-text{color:#4d4655;overflow-wrap:anywhere;font-weight:600}.event-card-attendees{margin-top:18px}.event-card-attendee-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.event-card-attendee-label{gap:6px}.event-card-attendee-count{color:#17121e;font-weight:800}.event-card-progress{background-color:#e9e2f1;border-radius:999px;height:7px}.event-card-progress .MuiLinearProgress-bar{background-color:#8063a0;border-radius:999px}@media (width>=600px){.event-card .event-card-content,.event-card .event-card-content:last-child{padding:20px}}.app-shell{--nav-height:64px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}header{text-align:center;flex-shrink:0;padding:24px 20px}.empty-placeholder{color:var(--text);text-align:center;padding:32px 16px}main{min-height:0;padding:16px;padding-bottom:calc(var(--nav-height) + 24px);scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow-y:auto}footer{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;justify-content:center;padding:12px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.login-container{flex:1;justify-content:center;min-height:0;padding-top:40px;display:flex;overflow-y:auto}.login-form{flex-direction:column;gap:12px;width:100%;max-width:260px;display:flex}.input-wrapper{flex-direction:column;gap:4px;display:flex}.username-input,.action-button{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:8px 12px}.username-input.error{border-color:#d93025}.error-message{color:#d93025;font-size:12px}.action-button{cursor:pointer}.create-event{--ce-primary:#5d47a0;--ce-primary-soft:#5d47a024;--ce-border:#ddd9e8;--ce-border-hover:#a99bc9;--ce-bg:#faf9fc;--ce-bg-hover:#f5f3f9;--ce-bg-focus:#fff;--ce-text:#252238;--ce-placeholder:#777084;--ce-button-hover-bg:#eeeaf7;width:100%;color:var(--ce-text);flex:1;min-height:0;padding:24px 16px 32px;overflow-y:auto}.create-event__grid,.create-event__field,.create-event__date,.create-event .MuiTextField-root,.create-event__date .MuiFormControl-root{width:100%}.create-event .MuiOutlinedInput-root{background:var(--ce-bg);border-radius:12px;transition:background-color .16s,box-shadow .16s}.create-event .MuiOutlinedInput-root:hover{background:var(--ce-bg-hover)}.create-event .MuiOutlinedInput-root.Mui-focused{background:var(--ce-bg-focus);box-shadow:0 0 0 3px var(--ce-primary-soft)}.create-event .MuiInputLabel-root.Mui-focused{color:var(--ce-primary)}.create-event .MuiOutlinedInput-notchedOutline{border-color:var(--ce-border)}.create-event .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--ce-border-hover)}.create-event .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--ce-primary)}.create-event__guests{width:100%}.create-event__guests [role=group]{border:1px solid var(--ce-border);background:var(--ce-bg);border-radius:12px;align-items:stretch;min-height:56px;transition:background-color .16s,border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.create-event__guests [role=group]:focus-within{border-color:var(--ce-primary);background:var(--ce-bg-focus);box-shadow:0 0 0 3px var(--ce-primary-soft)}.create-event__guests button{width:48px;color:var(--ce-primary);cursor:pointer;background:0 0;border:0;font-size:24px;transition:background-color .16s}.create-event__guests button:hover{background:var(--ce-button-hover-bg)}.create-event__guests button:focus-visible{outline:2px solid var(--ce-primary);outline-offset:-2px}.create-event__guests input{min-width:0;color:var(--ce-text);font:inherit;text-align:center;background:0 0;border:0;outline:0;flex:1;font-size:16px}.create-event__guests input::placeholder{color:var(--ce-placeholder);opacity:1}.create-event__submit{border-color:var(--ce-border);width:100%;color:var(--ce-primary);text-transform:none;border-radius:12px;margin-top:8px;padding:10px 0;font-weight:600;transition:background-color .16s,border-color .16s}.create-event__submit:hover{background:var(--ce-button-hover-bg);border-color:var(--ce-primary)}.create-event__error{color:#d93025;overflow-wrap:anywhere;margin:0;font-size:12px}.create-event__abort{color:#d32f2f;text-transform:none;border-color:#d32f2f;border-radius:12px;width:100%;margin-top:8px;padding:10px 0;font-weight:600;transition:background-color .16s,border-color .16s}.create-event__abort:hover{color:#b71c1c;background:#d32f2f14;border-color:#b71c1c}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eee;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{background:var(--bg);border:8px solid #222;border-radius:32px;flex-direction:column;width:390px;max-width:calc(100vw - 32px);height:844px;max-height:calc(100vh - 32px);margin:16px auto;display:flex;overflow:hidden}h1{color:var(--text-h);margin:0;font-size:32px;font-weight:600}