:root{color-scheme:light;--bg: #F7FAFF;--surface: #FFFFFF;--ink: #12213A;--muted: #55657C;--line: #E1E8F2;--accent: #2F6BFF;--accent-ink: #FFFFFF;--accent-soft: #E3ECFF;--teal: #10A99A;--sun: #FFBE3D;--ok: #1E7A50;--ok-soft: #DDF3E8;--warn: #8A5A00;--warn-soft: #FFF2CF;--danger: #D93A40;--danger-soft: #FFE5E0;--display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--radius: 24px}:root:lang(ar){--display: "Noto Sans Arabic", "Figtree", system-ui, sans-serif;--body: "Noto Sans Arabic", "Figtree", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:linear-gradient(180deg,#D6E8FF 0,#EAF3FF 260px,var(--bg) 560px) no-repeat,var(--bg);min-height:100vh;color:var(--ink);font:16px/1.55 var(--body);padding:0 max(16px,env(safe-area-inset-right)) 56px max(16px,env(safe-area-inset-left));-webkit-font-smoothing:antialiased}input,select,textarea,button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.12;margin:0;letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(28px,4.4vw,38px);font-weight:800}h2{font-size:20px}h3{font-size:16px}p{margin:0}a{color:var(--accent)}code{font-family:var(--mono);font-size:.92em}.page{max-width:880px;margin:0 auto;display:grid;gap:16px}.narrow{max-width:440px;margin:6vh auto 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 18px 40px -30px #12213a66;display:grid;gap:12px;min-width:0}.card>h2+.help{margin-top:-6px}.help{color:var(--muted);font-size:14px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row.end{justify-content:flex-end}.spread{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.field{display:grid;gap:4px}.field>span{font-size:13px;font-weight:600;color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea{width:100%;min-width:0;padding:11px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.check input{margin-top:3px;width:18px;height:18px;flex:none}form{display:grid;gap:12px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 8px 22px -12px #2f6bffbf}.ghost{background:transparent}.danger{color:var(--danger)}.danger.solid{background:var(--danger);border-color:var(--danger);color:#fff}.small{padding:4px 12px;font-size:13px}.link{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;font-weight:600;border-radius:4px}.wide{width:100%}.note{padding:10px 14px;border-radius:12px;font-size:14px;background:var(--accent-soft)}.note.ok{background:var(--ok-soft);color:var(--ok)}.note.warn{background:var(--warn-soft);color:var(--warn)}.note.error{background:var(--danger-soft);color:var(--danger)}.tag{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.empty{color:var(--muted);font-size:14px;font-style:italic}.avatar{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;background:var(--accent-soft);color:var(--accent);font:600 15px var(--display)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.big{width:96px;height:96px;font-size:34px}.avatar.emoji{font-size:22px;background:var(--warn-soft)}.list{display:grid}.item{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);min-width:0}.item:first-child{border-top:0}.item .who{flex:1;min-width:0}.item .who b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .who small{color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis}@media(max-width:560px){.item{flex-wrap:wrap}.item .acts{width:100%;padding-left:52px}}.acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
