*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0d0d0d;height:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#f0f4f8;-webkit-font-smoothing:antialiased;background:#111827;width:100%;min-height:100%;font-family:Figtree,system-ui,sans-serif}@media (orientation:landscape) and (width>=760px){html,body,#root{height:100%;overflow:hidden}}.app{-webkit-user-select:none;user-select:none;background:radial-gradient(at 0 0,#1a2540 0%,#111827 55%,#0d1520 100%);flex-direction:column;gap:16px;width:100%;min-height:100vh;padding:16px;display:flex;position:relative}@media (orientation:landscape) and (width>=760px){.app{gap:20px;height:100vh;padding:20px 24px 24px}}.clock-bar{border-bottom:1px solid #2d3a4e;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.clock-center{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.7rem;display:none}.refresh-label{color:#64748b;margin-right:2px}.refresh-item{letter-spacing:.02em;color:#cbd5e1}.refresh-sep{color:#475569}@media (orientation:landscape) and (width>=760px){.clock-center{display:flex}}.clock-right{align-items:center;gap:12px;display:flex}.refresh-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px 8px;line-height:1;transition:color .2s,background .2s;display:flex}.refresh-btn:hover{color:#94a3b8;background:#1e2a3a}.clock-date{color:#7a8fa8;letter-spacing:.01em;font-size:1rem}.clock-time{color:#f8fafc;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}@media (width>=600px){.clock-date{font-size:1.1rem}.clock-time{font-size:2.4rem}}@media (orientation:landscape) and (width>=760px){.clock-bar{padding-bottom:14px}.clock-date{font-size:1.25rem}.clock-time{font-size:2.8rem}}.cards{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=600px){.cards{grid-template-columns:1fr 1fr}}@media (orientation:landscape) and (width>=760px){.cards{flex:1;grid-template-columns:1fr 1fr 1fr 1fr;min-height:0}}.card{background:#1e2a3a;border:1px solid #2d3a4e;border-radius:18px;flex-direction:column;gap:10px;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000040}.cards>:first-child .card{box-shadow:0 2px 8px #00000040,inset 0 2px #fb923c}.cards>:nth-child(2) .card{box-shadow:0 2px 8px #00000040,inset 0 2px #38bdf8}.cards>:nth-child(3) .card{box-shadow:0 2px 8px #00000040,inset 0 2px #a78bfa}.cards>:nth-child(4) .card{box-shadow:0 2px 8px #00000040,inset 0 2px #34d399}.card-label{letter-spacing:.12em;color:#64748b;text-transform:uppercase;font-size:.65rem;font-weight:700}.weather-main{align-items:center;gap:14px;margin-top:6px;display:flex}.weather-icon{font-size:2.2rem;line-height:1}.weather-temp{color:#f8fafc;letter-spacing:-.03em;font-size:2.8rem;font-weight:700}@media (width>=600px){.weather-icon{font-size:2.8rem}.weather-temp{font-size:3.5rem}}.weather-desc{color:#94a3b8;font-size:1.1rem}.weather-feels{color:#7a8fa8;font-size:.9rem}.weather-range{color:#94a3b8;gap:16px;margin-top:4px;font-size:.95rem;display:flex}.weather-rain{color:#60a5fa;margin-top:auto;font-size:.9rem}.weather-rain.no-rain{color:#64748b}.weather-uv{align-items:center;gap:10px;margin-top:2px;display:flex}.weather-uv-value{color:#7a8fa8;font-size:.85rem}.uv-warn{color:#fbbf24;font-size:.85rem}.uv-ok{color:#64748b;font-size:.85rem}.weather-forecast{scrollbar-width:none;border-top:1px solid #243040;gap:8px;margin-top:4px;padding:8px 0 2px;display:flex;overflow-x:auto}.weather-forecast::-webkit-scrollbar{display:none}.weather-forecast-hour{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:42px;display:flex}.forecast-time{color:#7a8fa8;font-variant-numeric:tabular-nums;font-size:.68rem}.forecast-icon{font-size:1.1rem;line-height:1}.forecast-temp{color:#cbd5e1;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.status-badge{border-radius:99px;align-items:center;gap:8px;width:fit-content;margin-top:6px;padding:8px 14px;font-size:1rem;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-green{color:#34d399;background:#0d2a1a}.status-green .status-dot{background:#34d399}.status-amber{color:#fbbf24;background:#2a1f04}.status-amber .status-dot{background:#fbbf24}.status-red{color:#f87171;background:#2a0f0f}.status-red .status-dot{background:#f87171}.transport-reason{color:#7a8fa8;font-size:.8rem;line-height:1.4}.transport-reason-toggle{color:#64748b;font-weight:600}.route-list{flex-direction:column;gap:12px;margin-top:4px;list-style:none;display:flex}.route-item{border-bottom:1px solid #243040;flex-direction:column;gap:2px;padding-bottom:12px;display:flex}.route-item:last-child{border-bottom:none;padding-bottom:0}.route-header{justify-content:space-between;align-items:center;display:flex}.route-left{align-items:center;gap:8px;display:flex}.route-right{align-items:center;gap:6px;display:flex}.route-status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.route-bus-icon{font-size:.85rem}.route-label{color:#e2e8f0;font-size:.95rem;font-weight:600}.route-time{color:#64748b;font-variant-numeric:tabular-nums;font-size:.8rem}.line-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.route-legs{flex-direction:column;gap:2px;margin-top:2px;padding-left:17px;list-style:none;display:flex}.route-leg{color:#7a8fa8;font-size:.75rem;line-height:1.4}.route-leg-walking{color:#64748b;font-style:italic}.transport-route{color:#94a3b8;align-items:center;gap:10px;margin-top:8px;font-size:1rem;display:flex}.route-arrow{color:#334155}.route-station{color:#e2e8f0;font-weight:500}.transport-journey{color:#475569;font-size:.85rem}.transport-trains{margin-top:auto}.transport-trains-label{letter-spacing:.08em;color:#475569;text-transform:uppercase;margin-bottom:6px;font-size:.7rem}.transport-trains-times{gap:10px;display:flex}.train-time{color:#e2e8f0;background:#243040;border:1px solid #364a60;border-radius:8px;padding:6px 14px;font-size:1rem;font-weight:600}.transport-no-trains{color:#3d4f63;margin-top:auto;font-size:.85rem}.events-list{flex-direction:column;gap:10px;margin-top:4px;list-style:none;display:flex}.event-item{grid-template-columns:60px 1fr;align-items:baseline;gap:12px;font-size:.95rem;display:grid}.event-time{color:#64748b;font-variant-numeric:tabular-nums;padding-top:1px;font-size:.82rem}.event-title{color:#dde6f0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.no-events{color:#64748b;font-size:.9rem}.day-heading{letter-spacing:.08em;text-transform:uppercase;color:#475569;margin-top:4px;font-size:.72rem;font-weight:700}.tomorrow-heading{border-top:1px solid #243040;margin-top:14px;padding-top:14px}.prayer-next{background:#0d2318;border:1px solid #1a3d2a;border-radius:12px;justify-content:space-between;align-items:center;margin-top:4px;padding:10px 14px;display:flex}.prayer-next-name{color:#34d399;font-size:1rem;font-weight:600}.prayer-next-times{flex-direction:column;align-items:flex-end;display:flex}.prayer-next-time{color:#34d399;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1}.prayer-next-label{color:#2d7a54;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:.65rem}.prayer-col-headers{color:#475569;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #2d3a4e;grid-template-columns:1fr auto auto;gap:10px;margin-top:8px;padding-bottom:4px;font-size:.65rem;display:grid}.prayer-col-headers span:nth-child(2),.prayer-col-headers span:nth-child(3){text-align:right;min-width:38px}.prayer-done{color:#64748b;margin-top:4px;font-size:.85rem}.prayer-list{flex-direction:column;gap:6px;margin-top:8px;list-style:none;display:flex}.prayer-item{grid-template-columns:1fr auto auto;align-items:baseline;gap:10px;font-size:.85rem;display:grid}.prayer-name{color:#94a3b8}.prayer-begins{color:#7a8fa8;font-variant-numeric:tabular-nums;font-size:.78rem}.prayer-iqama{color:#cbd5e1;font-variant-numeric:tabular-nums;text-align:right;min-width:38px;font-weight:600}.prayer-past .prayer-name,.prayer-past .prayer-begins,.prayer-past .prayer-iqama{color:#2d3a4e}.signin-btn{color:#60a5fa;cursor:pointer;text-align:left;background:#1e2a3a;border:1px solid #2d3a4e;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:background .2s}.signin-btn:hover{background:#243347}.loading{color:#64748b;font-size:.85rem}.error{color:#ef4444;font-size:.85rem}@media (orientation:landscape) and (width>=760px){.next-week-section{display:none}.app{gap:10px;padding:10px 14px 14px}.cards{gap:10px}.card{gap:5px;padding:10px 12px}.clock-bar{padding-bottom:10px}.clock-date{font-size:1rem}.clock-time{font-size:2.2rem}.weather-main{gap:10px;margin-top:2px}.weather-icon{font-size:2rem}.weather-temp{font-size:2.4rem}.weather-desc{font-size:.9rem}.weather-feels{font-size:.8rem}.weather-range{margin-top:2px;font-size:.82rem}.weather-rain{font-size:.8rem}.weather-uv{margin-top:0}.weather-uv-value,.uv-warn,.uv-ok{font-size:.78rem}.weather-forecast{gap:5px;margin-top:2px;padding:5px 0 0}.weather-forecast-hour{gap:2px;min-width:34px}.forecast-time{font-size:.58rem}.forecast-icon{font-size:.88rem}.forecast-temp{font-size:.7rem}.route-list{gap:6px;margin-top:2px}.route-item{gap:1px;padding-bottom:6px}.route-label{font-size:.85rem}.route-time{font-size:.72rem}.route-legs{gap:1px;margin-top:1px}.route-leg{font-size:.68rem}.transport-reason{font-size:.72rem}.train-time{padding:4px 10px;font-size:.82rem}.status-badge{margin-top:2px;padding:5px 10px;font-size:.82rem}.events-list{gap:5px;margin-top:2px}.event-item{font-size:.82rem}.event-time{font-size:.72rem}.no-events{font-size:.78rem}.tomorrow-heading{margin-top:8px;padding-top:8px}.prayer-next{margin-top:2px;padding:6px 10px}.prayer-next-name{font-size:.88rem}.prayer-next-time{font-size:1.05rem}.prayer-col-headers{margin-top:4px;padding-bottom:2px;font-size:.58rem}.prayer-list{gap:3px;margin-top:4px}.prayer-item{font-size:.78rem}.prayer-begins{font-size:.7rem}.prayer-iqama{font-size:.78rem}}