*{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:#e8e8e8;-webkit-font-smoothing:antialiased;background:#0d0d0d;width:100%;min-height:100%;font-family:Inter,system-ui,sans-serif}@media (width>=1024px){html,body,#root{height:100%;overflow:hidden}}.app{-webkit-user-select:none;user-select:none;flex-direction:column;gap:16px;width:100%;min-height:100vh;padding:16px;display:flex;position:relative}@media (width>=1024px){.app{gap:20px;height:100vh;padding:20px 24px 24px}}.clock-bar{border-bottom:1px solid #222;justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.clock-date{color:#888;letter-spacing:.02em;font-size:1rem}.clock-time{color:#fff;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 (width>=1024px){.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 (width>=1024px){.cards{flex:1;grid-template-columns:1fr 1fr 1fr 1fr;min-height:0}}.card{background:#141414;border:1px solid #222;border-radius:16px;flex-direction:column;gap:10px;padding:22px 24px;display:flex}.card-label{letter-spacing:.12em;color:#555;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:#fff;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:#aaa;font-size:1.1rem}.weather-feels{color:#666;font-size:.9rem}.weather-range{color:#888;gap:16px;margin-top:4px;font-size:.95rem;display:flex}.weather-rain{color:#7eb8f7;margin-top:auto;font-size:.9rem}.weather-rain.no-rain{color:#555}.weather-uv{align-items:center;gap:10px;margin-top:2px;display:flex}.weather-uv-value{color:#666;font-size:.85rem}.uv-warn{color:#fbbf24;font-size:.85rem}.uv-ok{color:#555;font-size:.85rem}.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:#4ade80;background:#0a2a1a}.status-green .status-dot{background:#4ade80}.status-amber{color:#fbbf24;background:#2a1f00}.status-amber .status-dot{background:#fbbf24}.status-red{color:#f87171;background:#2a0a0a}.status-red .status-dot{background:#f87171}.transport-reason{color:#888;font-size:.8rem;line-height:1.4}.transport-reason-toggle{color:#555;font-weight:600}.route-list{flex-direction:column;gap:12px;margin-top:4px;list-style:none;display:flex}.route-item{border-bottom:1px solid #1e1e1e;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:#ddd;font-size:.95rem;font-weight:600}.route-time{color:#555;font-variant-numeric:tabular-nums;font-size:.8rem}.line-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.route-note{color:#444;padding-left:17px;font-size:.75rem}.transport-route{color:#bbb;align-items:center;gap:10px;margin-top:8px;font-size:1rem;display:flex}.route-arrow{color:#444}.route-station{color:#ddd;font-weight:500}.transport-journey{color:#555;font-size:.85rem}.transport-trains{margin-top:auto}.transport-trains-label{letter-spacing:.08em;color:#555;text-transform:uppercase;margin-bottom:6px;font-size:.7rem}.transport-trains-times{gap:10px;display:flex}.train-time{color:#eee;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:6px 14px;font-size:1rem;font-weight:600}.transport-no-trains{color:#444;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:#555;font-variant-numeric:tabular-nums;padding-top:1px;font-size:.82rem}.event-title{color:#ddd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.no-events{color:#444;font-size:.9rem}.day-heading{letter-spacing:.08em;text-transform:uppercase;color:#444;margin-top:4px;font-size:.72rem;font-weight:700}.tomorrow-heading{border-top:1px solid #1e1e1e;margin-top:14px;padding-top:14px}.prayer-next{background:#0e1f12;border:1px solid #1a3a20;border-radius:10px;justify-content:space-between;align-items:center;margin-top:4px;padding:10px 14px;display:flex}.prayer-next-name{color:#4ade80;font-size:1rem;font-weight:600}.prayer-next-times{flex-direction:column;align-items:flex-end;display:flex}.prayer-next-time{color:#4ade80;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1}.prayer-next-label{color:#2d6e45;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:.65rem}.prayer-col-headers{color:#3a3a3a;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #1e1e1e;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:#444;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:#aaa}.prayer-begins{color:#444;font-variant-numeric:tabular-nums;font-size:.78rem}.prayer-iqama{color:#ccc;font-variant-numeric:tabular-nums;text-align:right;min-width:38px;font-weight:600}.prayer-past .prayer-name,.prayer-past .prayer-iqama{color:#333}.signin-btn{color:#7eb8f7;cursor:pointer;text-align:left;background:#1a1a2e;border:1px solid #333;border-radius:10px;width:100%;padding:12px 16px;font-size:.9rem;transition:background .2s}.signin-btn:hover{background:#202040}.loading{color:#444;font-size:.85rem}.error{color:#7a2020;font-size:.85rem}@media (width>=1024px){.next-week-section{display:none}}.dim-overlay{opacity:.92;z-index:100;cursor:pointer;background:#000;transition:opacity .5s;position:fixed;inset:0}