:root{--bg:#fbf6f1;--surface:#fff;--tint:#f4ede6;--accent-tint:#f7ebe1;--text:#2c2019;--prose:#6b5749;--muted:#8c7969;--faint:#9c8a7b;--hint:#b5a394;--line:#ede2d8;--line-strong:#e4d5c7;--accent:#d2662f;--accent-deep:#a94e21;--live:#3f8f6a;--live-tint:#eef6f1;--live-line:#cbe3d6;--live-text:#2f6f52;--away:#d8ccbf;--off:#c9b8a8;--danger:#b4452f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Rubik,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input{font:inherit}input::placeholder{color:var(--hint)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-deep)}.app{background:var(--bg);flex-direction:column;max-width:34rem;min-height:100dvh;margin:0 auto;display:flex;position:relative}.liveframe{pointer-events:none;max-width:34rem;margin:0 auto;position:fixed;inset:0}.app--live .liveframe{box-shadow:inset 0 0 0 2px #3f8f6a61,inset 0 0 20px #3f8f6a1f}.strip{padding:calc(.4rem + env(safe-area-inset-top)) 1rem .4rem;background:var(--tint);border-bottom:1px solid var(--line-strong);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;display:grid}.strip--live{background:var(--live-tint);border-bottom-color:var(--live-line)}.strip__state{justify-self:start;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}.dot{background:var(--off);border-radius:50%;width:.5rem;height:.5rem}.dot--live{background:var(--live)}.pill{background:var(--off);cursor:pointer;border:0;border-radius:1rem;justify-content:flex-end;align-items:center;width:3.25rem;height:1.875rem;padding:3px;display:flex}.pill--on{background:var(--live);justify-content:flex-start}.pill__knob{background:#fff;border-radius:50%;width:1.5rem;height:1.5rem}.bar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:.625rem;padding:.75rem 1rem;display:flex}.bar__icon{width:2.25rem;height:2.75rem;color:var(--text);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bar__title{flex-grow:1;min-width:0}.bar__title h1{white-space:nowrap;margin:0;font-size:1.0625rem;font-weight:500}.bar__title p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:.125rem 0 0;font-size:.75rem;overflow:hidden}.chip{height:2.75rem;color:var(--prose);background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:.875rem;flex-shrink:0;padding:0 .8125rem;font-size:.8125rem;font-weight:500}.feed,.list,.form{flex-direction:column;flex-grow:1;gap:.5625rem;padding:.875rem 1rem 1.5rem;display:flex;overflow-y:auto}.feed__empty,.list__note{color:var(--muted);text-wrap:pretty;margin:0;font-size:.8125rem;line-height:1.5}.feed__empty{text-align:center;margin-top:2rem}.error{color:var(--danger);margin:0;font-size:.8125rem}.post{background:var(--surface);border:1px solid var(--line);border-radius:1.125rem;flex-direction:column;align-self:flex-start;gap:.25rem;max-width:19rem;padding:.8125rem .875rem;display:flex}.post--mine{background:var(--accent);border-color:var(--accent);color:#fff;align-self:flex-end}.post__who{color:var(--text);font-size:.8125rem;font-weight:500}.post__text{margin:0;font-size:.9375rem;line-height:1.5}.post__time{color:var(--hint);font-size:.6875rem}.post--mine .post__time{color:#ffffffc7}.mark{color:var(--muted);text-align:center;align-items:center;gap:.75rem;margin:.375rem 0;font-size:.75rem;display:flex}.mark--on{color:var(--live-text)}.mark__line{background:var(--line-strong);flex-grow:1;height:1px}.mark--on .mark__line{background:var(--live-line)}.composer{padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:.5rem;display:flex}.composer input{min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:1rem;flex-grow:1;padding:.875rem 1rem;font-size:1rem}.composer input:disabled{color:var(--hint);background:var(--tint)}.send{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.send:disabled{background:var(--away);cursor:default}.people{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.person,.preview{background:var(--surface);border:1px solid var(--line);border-radius:1.125rem;align-items:center;gap:.8125rem;padding:.875rem;display:flex}.avatar{color:#fff;background:var(--accent);width:2.875rem;height:2.875rem;box-shadow:0 0 0 2px var(--surface), 0 0 0 4.5px var(--away);border-radius:.9375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:500;display:flex}.avatar--here{box-shadow:0 0 0 2px var(--surface), 0 0 0 4.5px var(--live)}.person__who{flex-direction:column;gap:.1875rem;min-width:0;display:flex}.person__name{font-size:1rem;font-weight:500}.person__note{color:var(--muted);font-size:.8125rem}.field{flex-direction:column;gap:.5rem;display:flex}.field label{color:var(--muted);font-size:.75rem;font-weight:500}.field input{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:1rem;width:100%;padding:.9375rem 1rem;font-size:1rem}.field small{color:var(--faint);font-size:.75rem}.form{gap:1.125rem}.sheet{z-index:2;align-items:flex-end;max-width:34rem;margin:0 auto;display:flex;position:fixed;inset:0}.sheet__scrim{cursor:pointer;background:#2c201952;border:0;padding:0;position:absolute;inset:0}.sheet__card{background:var(--surface);width:100%;padding:.625rem 1.25rem calc(1.625rem + env(safe-area-inset-bottom));border-radius:1.5rem 1.5rem 0 0;flex-direction:column;gap:.25rem;display:flex;position:relative;box-shadow:0 -12px 32px #2c20192e}.sheet__handle{background:var(--line-strong);border-radius:2px;align-self:center;width:2.75rem;height:4px;margin-bottom:.75rem}.sheet__head{align-items:baseline;gap:.625rem;display:flex}.sheet__title{flex-grow:1;font-size:1.0625rem;font-weight:500}.sheet__value{color:var(--accent);font-family:Suez One,Rubik,serif;font-size:1.625rem}.sheet__ends{color:var(--faint);justify-content:space-between;margin-top:-.25rem;font-size:.75rem;display:flex}.sheet__typed{color:var(--prose);align-items:center;gap:.625rem;margin-top:.875rem;font-size:.8125rem;display:flex}.sheet__typed label{flex-grow:1}.sheet__typed input{text-align:center;width:6rem;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:.875rem;padding:.75rem .5rem;font-size:1rem}.sheet__note{color:var(--faint);text-wrap:pretty;margin:.75rem 0 0;font-size:.75rem;line-height:1.55}.button{cursor:pointer;border:0;border-radius:1rem;height:3.25rem;margin-top:.875rem;font-size:1rem;font-weight:500}.button--primary{color:#fff;background:var(--accent)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--surface);border-radius:50%;width:30px;height:30px;margin-top:-12px;box-shadow:0 1px 4px #2c201947}input[type=range]::-moz-range-track{background:var(--line);border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);border-radius:50%;width:24px;height:24px}