:root{--bg: #f8fafc;--surface: #ffffff;--surface-strong: #eef6ff;--text: #111827;--muted: #64748b;--line: #dbe4ef;--blue: #2563eb;--red: #dc2626;--green: #0f766e;--amber: #f59e0b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.page{width:min(720px,100%);min-height:100svh;margin:0 auto;padding:14px 16px 28px}.home-page{display:flex;flex-direction:column;gap:18px;justify-content:center}.app-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:8px;margin:-14px -16px 16px;padding:12px 16px;background:#f8fafcf5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header h1{margin:0;font-size:20px;text-align:center}.icon-button,.home-link,.secondary-action,.primary-action,.install-button,.settings-section button,.calendar-toolbar button,.segmented button{min-height:48px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer}.icon-button,.home-link{min-height:42px;padding:0 10px}.header-spacer{width:64px}.hero-panel{padding:26px 22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.hero-panel p,.hero-panel h1{margin:0 0 8px}.hero-panel h1{font-size:32px;line-height:1.15}.hero-panel strong{display:block;margin-top:10px;font-size:24px}.hero-panel time{display:block;margin-top:18px;font-size:36px;font-weight:800}.button-grid,.stack{display:grid;gap:12px}.big-button{display:grid;grid-template-columns:56px 1fr;align-items:center;min-height:84px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-decoration:none}.big-button-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--surface-strong);color:var(--blue);font-weight:800}.big-button strong,.big-button small{display:block}.big-button strong{font-size:22px}.big-button small{margin-top:4px;color:var(--muted);font-size:15px}.install-button,.primary-action,.secondary-action{display:grid;width:100%;place-items:center;padding:0 16px;font-weight:700}.install-button,.primary-action{border-color:var(--blue);background:var(--blue);color:#fff}.status-strip,.sticky-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.sticky-summary{position:sticky;top:65px;z-index:9}.sticky-summary p{margin:0 0 4px;color:var(--muted)}.sticky-summary strong{font-size:22px}.work-card{display:grid;gap:10px;padding:22px;border:2px solid var(--amber);border-radius:8px;background:#fffbeb}.work-card p,.work-card h2{margin:0}.work-card h2{font-size:34px}.work-card strong{font-size:36px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips.large{margin:14px 0}.time-chip{display:inline-flex;align-items:center;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700}.time-chip.is-past{display:none}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0;padding:4px;border:1px solid var(--line);border-radius:8px;background:#e2e8f0}.segmented button{border:0;background:transparent}.segmented .is-active{background:#fff;color:var(--blue);font-weight:800}.switch-row{display:flex;align-items:center;gap:8px;min-height:48px;color:var(--muted)}.switch-row input{width:22px;height:22px}.notice{padding:12px;border-radius:8px;background:#fff7ed;color:#9a3412}.timetable-list{display:grid;gap:12px;margin-top:14px}.vehicle-card{scroll-margin-top:150px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.vehicle-card.is-current{border:2px solid var(--current-color);background:#fffbeb}.vehicle-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vehicle-number{font-size:26px;font-weight:800}.current-badge{padding:6px 10px;border-radius:8px;background:var(--current-color);color:#fff;font-weight:800}.time-groups{display:grid;gap:12px}.group-label{display:block;margin-bottom:8px;color:var(--muted);font-weight:700}.group-divider{height:1px;background:var(--line)}.table-wrap{overflow-x:auto;margin-top:14px;border:1px solid var(--line);border-radius:8px;background:#fff}table{width:100%;min-width:620px;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center}.is-current-row{background:#fffbeb}.calendar-toolbar{display:grid;grid-template-columns:74px 1fr 74px;align-items:center;gap:8px;margin-bottom:10px}.calendar-toolbar h2{margin:0;text-align:center;font-size:22px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:12px}.calendar-weekday{padding:8px 0;color:var(--muted);text-align:center;font-weight:700}.calendar-cell{display:grid;align-content:start;gap:3px;min-height:76px;padding:8px 4px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left}.calendar-cell strong{font-size:18px}.calendar-cell span,.calendar-cell small{font-size:12px;font-weight:700}.calendar-cell.is-muted{opacity:.4}.calendar-cell.is-today{border-width:2px}.settings-page{display:grid;gap:14px}.settings-section{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.settings-section h2{margin:0;font-size:20px}.settings-section label{display:grid;gap:6px;font-weight:700}.settings-section input,.settings-section textarea{min-height:48px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.settings-section textarea{min-height:88px;resize:vertical}.settings-section button{padding:0 14px;font-weight:800}.settings-section .danger{border-color:var(--red);color:var(--red)}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview{margin:0;padding:12px;border-radius:8px;background:var(--surface-strong);font-weight:800}@media(min-width:620px){.button-grid{grid-template-columns:1fr 1fr}.time-groups{grid-template-columns:1fr auto 1fr;align-items:start}.group-divider{width:1px;height:100%}}
