:root{--bg:#f0f2f5;--card-bg:#fff;--border:#dde1e6;--red-day-bg:#fff0f0;--red-day-border:#e8a0a0;--today-bg:#e8f0fe;--today-border:#1a73e8;--text:#202124;--text-muted:#5f6368;--header-bg:#1a3c5e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:auto}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{flex-direction:column;gap:8px;width:100%;padding:8px;display:flex}.header{background:var(--header-bg);color:#fff;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.header h1{font-size:1.2rem}.week-nav{align-items:center;gap:10px;display:flex}.week-nav button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;padding:6px 14px;font-size:.95rem}.week-nav button:disabled{opacity:.3;cursor:default}.week-nav button:hover:not(:disabled){background:#ffffff4d}.today-btn{font-weight:600}.week-label{text-align:center;min-width:140px;font-size:1.05rem;font-weight:600}.week-grid{grid-template-rows:auto auto auto;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-column{grid-row:1/4;grid-template-rows:subgrid;background:var(--border);border-radius:8px;gap:1px;display:grid;overflow:hidden}.day-column.holiday{background:var(--red-day-border)}.day-column.today{outline:2px solid var(--today-border);outline-offset:-1px}.day-header{text-align:center;background:#e8ecf1;flex-shrink:0;padding:8px 10px}.holiday .day-header{background:#f8d7da}.today .day-header{background:#c5daf8}.day-name{font-size:.85rem;font-weight:700;display:block}.holiday-label{color:#c0392b;font-size:.7rem;font-weight:600;display:block}.section{background:var(--card-bg);flex-direction:column;gap:6px;padding:8px;display:flex;overflow-y:auto}.holiday .section{background:var(--red-day-bg)}.section-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:4px;font-size:.7rem;font-weight:700}.no-ships{color:var(--text-muted);font-size:.8rem;font-style:italic}.ship-card{background:#f0f4fa;border-radius:5px;padding:6px 8px}.holiday .ship-card{background:#fce8e8}.ship-name{align-items:center;gap:5px;font-size:.8rem;font-weight:700;display:flex}.flag-icon{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:14px}.event-card{border-radius:5px;padding:6px 8px}.aafk-card{background:#fff4e0;border-left:3px solid #f57c00}.holiday .aafk-card{background:#fce8d4}.event-logo{object-fit:contain;flex-shrink:0;width:18px;height:18px}.event-finished{color:var(--text-muted);font-style:italic}.ship-line{color:var(--text-muted);font-size:.72rem}.ship-details{flex-direction:column;gap:1px;margin-top:2px;font-size:.72rem;display:flex}.weather-combined{text-align:center}.weather-pair{gap:6px;display:flex}.weather-source{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.weather-source-label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:600}.weather-icon{font-size:1.6rem}.weather-temp{font-size:.9rem;font-weight:700}.weather-desc{color:var(--text-muted);font-size:.78rem}.weather-wind{color:var(--text-muted);font-size:.72rem}.weather-rain{color:#2980b9;font-size:.72rem}@media (width<=768px){.week-grid{grid-template-rows:auto;grid-template-columns:1fr}.day-column{flex-direction:column;grid-row:auto;grid-template-rows:none;display:flex}.section{overflow-y:visible}}