:root{--text:#1a1a1a;--background:#fff;--accent:#2563eb;--muted:#6b7280;--alert:#b91c1c;--card:#f9fafb;--border:#e5e7eb;--row-yellow:#eab308;--row-orange:#ea580c;--row-red:#dc2626;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#ededed;--background:#0a0a0b;--accent:#7dd3fc;--muted:#a1a1aa;--alert:#fca5a5;--card:#161618;--border:#2a2a2e}}*{box-sizing:border-box}body{color:var(--text);background:var(--background);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}h1{margin:0 0 var(--space-4);font-size:2rem}h2{margin:var(--space-5) 0 var(--space-3);font-size:1.25rem}p{margin:0 0 var(--space-3)}a{color:var(--accent)}button,.button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--accent);background:var(--accent);color:var(--background);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{background:var(--card);border-color:var(--border);color:var(--text)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;min-height:44px;margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border);background:var(--background);color:var(--text);font:inherit;border-radius:8px;display:block}textarea{resize:vertical;min-height:96px}label{font-weight:600;display:block}.muted{color:var(--muted)}.alert{color:var(--alert)}.app-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.app-header .app-name{font-weight:700}.app-main{max-width:720px;padding:var(--space-4) var(--space-4) calc(var(--space-6) * 3);margin:0 auto}.sign-in{max-width:420px;padding:var(--space-6) var(--space-4);margin:0 auto}.plain-form,.stop-card{padding:var(--space-4);border:1px solid var(--border);background:var(--card);border-radius:8px}.plain-form{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}.stop-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.stop-card{gap:var(--space-2);border-left-width:6px;display:grid}.stop-card.row-yellow{border-left-color:var(--row-yellow)}.stop-card.row-orange{border-left-color:var(--row-orange)}.stop-card.row-red{border-left-color:var(--row-red)}.stop-card .stop-title{gap:var(--space-2);font-weight:700;display:flex}.stop-card .stop-meta{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.stop-card .stop-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.weekday-picker{gap:var(--space-2);margin-bottom:var(--space-4);display:flex;overflow-x:auto}.weekday-picker button{padding:var(--space-2) var(--space-3);flex:none}.readings{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.readings .hint{font-size:.875rem;font-weight:400;display:block}.photo-preview{border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:320px;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tab-bar{gap:var(--space-2);padding:var(--space-2) var(--space-4);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));background:var(--background);border-top:1px solid var(--border);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-bar .tab{background:var(--card);border-color:var(--border);color:var(--text)}.tab-bar .tab[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--background)}.sync-badge{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-basis:100%;display:flex}.sync-badge:empty{display:none}.attention-list{padding-left:var(--space-5);flex-basis:100%;margin:0}.offline-banner{padding:var(--space-2) var(--space-3);border:1px solid var(--border);background:var(--card);border-radius:8px}.readings-list{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin:0;display:grid}.readings-list dt{color:var(--muted);font-size:.875rem}.readings-list dd{margin:0;font-weight:600}.hint{font-size:.875rem;font-weight:400;display:block}