/* App v0 shell: the home page, sign-in and the gate's messages. Pardon My Pitch's look (the Friday show's): pitch
   green, chalk white, volt yellow. The dashboards themselves keep their own styles. */
:root{--bg:#f2f5f1;--card:#fff;--ink:#0d1f14;--mute:#4b5a50;--line:#d7ddd7;--volt:#c8e62a;--pitch:#14572f;--deep:#062a17}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b1510;--card:#14201a;--ink:#e8efe9;--mute:#9fb0a4;--line:#26352c}}
:root[data-theme="dark"]{--bg:#0b1510;--card:#14201a;--ink:#e8efe9;--mute:#9fb0a4;--line:#26352c}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;
  padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
a{color:inherit}
.hero{background:repeating-linear-gradient(90deg,#14572f 0 60px,#104b28 60px 120px);color:#fff;padding:28px 16px 34px;text-align:center}
.hero h1{margin:0;font-size:34px;line-height:1.05;font-weight:900;font-style:italic;letter-spacing:-.01em}
.hero p{margin:8px 0 0;opacity:.9}
.hero .tag{display:inline-block;margin-top:10px;background:var(--volt);color:var(--deep);font-weight:800;padding:2px 12px;transform:skewX(-10deg)}
.list{max-width:560px;margin:-18px auto 0;padding:0 16px 32px;display:flex;flex-direction:column;gap:12px}
.item{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:16px;text-decoration:none;min-height:72px;box-shadow:0 4px 14px rgba(6,42,23,.08)}
.item b{display:block;font-size:18px}.item span{color:var(--mute);font-size:14px}
.item i{font-style:normal;flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--pitch);color:#fff;font-size:22px}
.item.own i{background:var(--deep);color:var(--volt)}
.foot{max-width:560px;margin:0 auto;padding:0 16px 40px;color:var(--mute);font-size:13px}
.box{max-width:480px;margin:40px auto;padding:0 16px}
.box h1{font-size:24px}
#app{max-width:480px;margin:24px auto;padding:0 16px;display:flex;justify-content:center}