:root{--ground: #f4f6f7;--card: #ffffff;--line: #dfe4e7;--ink: #171c21;--ink-soft: #5b6670;--ink-faint: #8e989f;--accent: #1f4fd8;--accent-ink: #ffffff;--live: #b4643a;--live-wash: #fdf1ea;--positive: #1f8a70;--negative: #c0392b;--radius: 14px;--gap: 1rem;--safe-bottom: env(safe-area-inset-bottom, 0px);--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-display: "Archivo", var(--font-body);--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--ink-soft)}.fineprint{color:var(--ink-faint);font-size:.85rem}.error{color:var(--negative)}.loading{min-height:60dvh}.page{padding:2rem 1.25rem}h1{font-family:var(--font-display);font-size:1.6rem;letter-spacing:-.01em;margin:0 0 1rem}h2{font-family:var(--font-display);font-size:1.05rem;margin:2rem 0 .6rem}h3{font-size:.95rem;margin:1.25rem 0 .4rem}.app{max-width:34rem;margin:0 auto;padding-bottom:calc(3rem + var(--safe-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--line);background:var(--card)}.topbar__business{font-family:var(--font-display);font-weight:700}main{padding:1.5rem 1.25rem 0}section{margin-bottom:.5rem}.card{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;margin-bottom:var(--gap);font:inherit;color:inherit}.card--tap{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card__lead{display:grid}.card__lead strong{font-size:1.25rem}.card--live{border-color:var(--live);background:var(--live-wash)}.card__status{margin:0 0 .5rem;font-weight:600;color:var(--live)}.card__when{font-family:var(--font-display);font-size:1.2rem;margin:0 0 .25rem}.card__what,.card p{margin:0 0 .25rem}.card__note{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}.card__note p{color:var(--ink-soft);font-size:.92rem}.news{background:#eef3fd;border:1px solid #cfdcfa;border-radius:var(--radius);padding:1rem;margin-bottom:var(--gap)}.news p{margin:0 0 .4rem}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.1rem;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.primary{width:100%;background:var(--accent);color:var(--accent-ink);border:0}.ghost{background:none;border:1px solid var(--line);color:var(--accent)}.ghost.small{min-height:36px;padding:0 .7rem;font-size:.85rem;font-weight:500}.primary:disabled,.ghost:disabled{opacity:.45;cursor:default}.card .ghost{margin-top:.75rem}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{display:grid;gap:.3rem;margin:1rem 0}.field span{font-size:.85rem;color:var(--ink-soft)}.field input,.field textarea{min-height:48px;padding:.7rem .85rem;border:1px solid var(--line);border-radius:10px;background:var(--card);font:inherit;font-size:17px}.field .code{font-family:var(--font-mono);font-size:1.6rem;letter-spacing:.3em;text-align:center}.row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.chips--fieldset{border:0;padding:0;margin:1rem 0 0}.chips--fieldset legend{font-size:.85rem;color:var(--ink-soft);padding:0}.chip{min-height:44px;padding:0 .9rem;border-radius:999px;border:1px solid var(--line);background:var(--card);font:inherit;font-size:.92rem;cursor:pointer}.chip.on{border-color:var(--accent);background:#eef3fd;color:var(--accent);font-weight:600}.switch{display:flex;align-items:center;gap:.75rem;padding:.6rem 0}.switch input{width:22px;height:22px;accent-color:var(--accent)}.history{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.history li{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;font-size:.92rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.lines{list-style:none;margin:0;padding:0}.lines li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--line)}.total{display:flex;justify-content:space-between;margin:.9rem 0;font-size:1.15rem}.thread{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.6rem}.thread li{max-width:85%;padding:.7rem .9rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--line)}.thread .mine{margin-left:auto;background:#eef3fd;border-color:#cfdcfa}.thread li p{margin:0}.thread img{max-width:100%;border-radius:8px;margin-top:.5rem;display:block}.thread__who{font-size:.8rem;color:var(--ink-soft);display:block}.thread__when{font-size:.75rem;color:var(--ink-faint);display:block;margin-top:.3rem}.composer{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem}.composer textarea{width:100%;border:0;resize:vertical;font:inherit;font-size:17px;background:none;color:inherit}.composer textarea:focus{outline:none}.composer__actions{display:flex;gap:.5rem;margin-top:.6rem}.composer__actions .primary{width:auto;flex:1}.prefs{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--line)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#171c2173;display:flex;align-items:flex-end;z-index:20}.sheet{width:100%;max-width:34rem;margin:0 auto;max-height:92dvh;overflow-y:auto;background:var(--ground);border-radius:var(--radius) var(--radius) 0 0;padding-bottom:calc(1.25rem + var(--safe-bottom))}.sheet header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--ground);border-bottom:1px solid var(--line)}.sheet header h2{margin:0;font-size:1.05rem}.sheet__body{padding:1rem 1.25rem}.signin{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}.signin__card{width:100%;max-width:24rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem 1.5rem}.wordmark{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;margin-bottom:1.5rem}.wordmark__tld{color:var(--ink-faint);font-weight:400}.choices{display:grid;gap:.6rem}.choice{display:flex;align-items:center;gap:.75rem;width:100%;min-height:60px;padding:.75rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--card);font:inherit;text-align:left;cursor:pointer}.choice span{display:grid}.choice__dot{width:12px;height:12px;border-radius:50%;flex:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
