:root{--text:#6b6375;--text-h:#08060d;--bg:#f4f6fa;--card-bg:#fff;--page-bg:#f4f6fa;--border:#e5e4e7;--accent:#0066e0;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--page-bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#23252e;--card-bg:#1c1e26;--page-bg:#16171d;--border:#2e303a;--accent:#4d94ff}}*{box-sizing:border-box}body{margin:0}h1{color:var(--text-h);margin:0 0 8px;font-size:28px}.app{max-width:480px;min-height:100svh;margin:0 auto}.app-content{padding:24px 16px}.login-screen{flex-direction:column;align-items:center;gap:18px;padding-top:15vh;display:flex}.login-brand{background:linear-gradient(160deg,#0066e0 0%,#003c8f 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.login-card{width:100%}.login-card h1{margin:0 0 6px;font-size:19px}.login-card p{color:var(--text);margin:0 0 16px;font-size:13px}.top-nav{z-index:10;background:linear-gradient(160deg,#0066e0 0%,#003c8f 100%);justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #003c8f40}.top-nav-brand{color:#fff;font-size:17px;font-weight:700}.top-nav-toggle{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.top-nav-menu{background:var(--card-bg);border-radius:12px;flex-direction:column;min-width:200px;display:flex;position:absolute;top:calc(100% + 8px);right:16px;overflow:hidden;box-shadow:0 8px 24px #0000002e}.top-nav-menu button{font:inherit;text-align:left;color:var(--text-h);cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;padding:14px 16px;font-size:14px}.top-nav-menu button:last-child{border-bottom:none}.top-nav-menu button:hover{background:var(--bg)}.header{align-items:center;gap:12px;margin-bottom:18px;padding:0 4px;display:flex}.avatar{color:#fff;background:linear-gradient(160deg,#0066e0 0%,#003c8f 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:500;display:flex}.header-title{color:var(--text-h);margin:0;font-size:16px;font-weight:500}.header-subtitle{color:var(--text);margin:0;font-size:13px}form{flex-direction:column;gap:12px;display:flex}.card{background:var(--card-bg);border-radius:16px;padding:14px;box-shadow:0 1px 3px #141e3214}label{flex-direction:column;gap:6px;font-size:14px;display:flex}input,textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:12px}.card textarea{resize:none;background:0 0;border:none;width:100%;padding:0}.card textarea:focus{outline:none}.status{border-radius:8px;margin-top:16px;padding:12px}.status-ok{color:#15803d;background:#22c55e26}.status-error{color:#b91c1c;background:#ef444426}.status-queued{color:#b45309;background:#f59e0b26}.link-button{color:var(--text);cursor:pointer;text-align:center;background:0 0;border:none;align-self:center;width:100%;margin-top:16px;font-size:14px;text-decoration:underline;display:block}.media-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.media-thumb,.media-add{aspect-ratio:1;border-radius:10px;position:relative;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%}.thumb-play{color:#fff;filter:drop-shadow(0 1px 2px #0006);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thumb-remove{width:20px;height:20px;color:var(--text-h);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #00000040}.media-add{border:1.5px dashed var(--border);color:var(--text);cursor:pointer;justify-content:center;align-items:center;display:flex}.media-add input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-count{color:var(--text);margin:10px 0 0;font-size:12px}.record-row{width:100%;font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:14px;display:flex}.record-icon{background:var(--bg);color:#0066e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.record-row.recording .record-icon{color:#ef4444;background:#ef44441f}.audio-preview{flex-direction:column;align-items:center;gap:8px;display:flex}.audio-preview audio{width:100%}.audio-preview .link-button{margin-top:0}.send-button{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(160deg,#0066e0 0%,#003c8f 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:15px;font-weight:500;display:flex;box-shadow:0 6px 16px #003c8f47}.send-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.role-badge{color:var(--role-color);background:color-mix(in srgb, var(--role-color) 15%, transparent);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.profile-list{flex-direction:column;gap:10px;display:flex}.profile-row{border:1px solid var(--border);background:var(--card-bg);cursor:pointer;font:inherit;text-align:left;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.profile-info{flex-direction:column;gap:4px;display:flex}.profile-name{color:var(--text-h);font-weight:500}.profile-info-row{align-items:center;gap:12px;display:flex}.icon-button{color:var(--text-h);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.member-list{flex-direction:column;gap:14px;display:flex}.member-block{flex-direction:column;gap:6px;display:flex}.member-row{align-items:center;gap:12px;display:flex}.member-reset-link{align-self:flex-start!important;width:auto!important;margin-top:0!important;font-size:12px!important}.reset-password-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reset-password-row input{min-width:140px;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;flex:1;padding:8px;font-size:13px}.reset-password-row .member-reset-link{flex:none}.member-info{flex-direction:column;flex:1;gap:6px;display:flex}.role-select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:6px 8px;font-size:13px}.role-select:disabled,.member-remove:disabled{opacity:.35;cursor:not-allowed}.member-remove{box-shadow:none;color:#b91c1c;background:0 0;position:static}.admin-note{color:var(--text);text-align:center;font-size:12px}.presence-card{color:var(--text-h);align-items:center;gap:10px;margin-bottom:16px;font-size:14px;display:flex}.presence-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.presence-dot.present{background:#22c55e}.presence-dot.absent{background:#94a3b8}.quiet-hours-override{color:var(--text-h);cursor:pointer;flex-direction:row;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.reminder-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding-bottom:12px;display:flex}.reminder-row:last-child{border-bottom:none;padding-bottom:0}.reminder-content{flex:1}.reminder-content p{color:var(--text-h);margin:0}.reminder-author{color:var(--text);font-size:12px;margin-top:4px!important}.reminder-actions{flex-direction:column;align-items:center;gap:4px;display:flex}.reminder-actions .link-button{margin-top:0;font-size:12px}.reminder-edit-input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);resize:none;border-radius:8px;flex:1;padding:8px}.reminder-edit-actions{flex-direction:column;gap:4px;display:flex}.reminder-edit-actions .link-button{margin-top:0;font-size:12px}.reminder-edit-fields{flex-direction:column;flex:1;gap:8px;display:flex}.reminder-date-time{gap:8px;display:flex}.reminder-date-time input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;flex:1;padding:8px;font-size:13px}