: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;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.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__me{justify-content:center;justify-self:start;align-items:center;width:2.75rem;height:2.75rem;text-decoration:none;display:flex}.strip__avatar{width:2rem;height:2rem;color:var(--prose);background:var(--tint);border:1px solid var(--line-strong);border-radius:.9375rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.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__count,.bar__title p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:.125rem 0 0;font-size:.75rem;text-decoration:none;display:block;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;min-height:0;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;position:relative}.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}.rise{pointer-events:none;height:0;position:absolute;bottom:100%;left:1rem;right:1rem}.rise__bubble{opacity:0;background:#3f8f6a1f;border:1px solid #3f8f6a8c;border-radius:50%;animation-name:rise;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;bottom:0}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.85)}12%{opacity:.8}55%{opacity:.6}to{transform:translateY(var(--lift,-5.5rem)) scale(.3);opacity:0}}@media (prefers-reduced-motion:reduce){.rise{display:none}}.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}.map{border:1px solid var(--line);pointer-events:none;-webkit-user-select:none;user-select:none;background:#f3efe8;border-radius:1rem;height:9.75rem;margin-top:.75rem;position:relative;overflow:hidden}.map__tile{outline-offset:-1px;outline:1px solid #f3efe8;position:absolute}.map__range{border:2px solid var(--live);background:#3f8f6a21;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map__me{background:var(--accent);border-radius:50%;width:.6875rem;height:.6875rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff}.map__scale{flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;bottom:.5rem;right:.625rem}.map__scale-label{color:var(--prose);font-size:.625rem}.map__scale-bar{border:1px solid var(--muted);border-top:0;height:6px;display:block}.map__credit{color:var(--hint);font-size:.5rem;position:absolute;bottom:.4375rem;left:.625rem}.map__blank{text-align:center;height:100%;color:var(--muted);text-wrap:pretty;justify-content:center;align-items:center;margin:0;padding:0 1.75rem;font-size:.75rem;line-height:1.5;display:flex}.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}