:root{color:#1d2a26;background:#fff;font-family:system-ui,Segoe UI,Arial,sans-serif}body{margin:0}main{max-width:640px;margin:0 auto;padding:24px 16px}.login form,.form{gap:12px;margin-top:24px;display:grid}.login label,.form label{gap:4px;display:grid}.form label.inline{align-items:center;gap:8px;display:flex}input,select,button{font:inherit;padding:10px 12px}input,select{box-sizing:border-box;width:100%}input[type=checkbox]{width:auto}.members{gap:16px;padding:0;list-style:none;display:grid}.members li{border:1px solid #d5dcd9;border-radius:8px;padding:12px}.muted{color:#5b6763;font-size:.9em}.device,.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.notice{background:#eef6f3;border-radius:8px;padding:12px}.error{color:#b42318}.muted[dir=ltr]{text-align:right}.banner{background:#fff4e5;border:1px solid #f5c27a;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.onboarding ol{gap:8px;padding-inline-start:20px;display:grid}.onboarding h3{margin-bottom:4px}.row{gap:12px;display:flex}.row label{flex:1;gap:4px;display:grid}.ok{color:#2f6f5e}button.primary{color:#fff;background:#2f6f5e;border:none;border-radius:8px;width:100%}.bell{position:relative}.count{color:#fff;background:#b42318;border-radius:999px;margin-inline-start:8px;padding:0 8px;font-size:.85em}.center-panel ul{gap:8px;padding:0;list-style:none;display:grid}.center-panel li{border-bottom:1px solid #e3e8e6}.center-panel li.unread strong:before{content:"● ";color:#2f6f5e}button.link{all:unset;cursor:pointer;gap:2px;width:100%;padding:8px 0;display:grid}