:root{--bg:#0e1014;--card:#1a1e27;--card-2:#232834;--text:#f2f4f8;--muted:#8a91a0;--accent:#4da3ff;--warn-bg:#3a2a16;--warn-fg:#ffcf8b;--warn-border:#6b4a1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);overscroll-behavior-x:none}.login{min-height:100vh;padding:calc(env(safe-area-inset-top,0px) + 24px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);justify-content:center;align-items:center;display:flex}.login-card{flex-direction:column;gap:24px;width:100%;max-width:340px;display:flex}.login-title{text-align:center;letter-spacing:-.02em;font-size:30px;font-weight:800}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{background:var(--card);color:var(--text);border:none;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:16px}.login-input:focus{outline:2px solid var(--accent)}.login-err{color:var(--warn-fg);text-align:center;font-size:14px}.login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:4px;padding:14px;font-family:inherit;font-size:16px;font-weight:700}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:14px;text-decoration:underline}.app{max-width:460px;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 32px);flex-direction:column;gap:12px;margin:0 auto;display:flex;position:relative}.header{justify-content:space-between;align-items:center;padding:6px 4px 0;display:flex}.app-name{letter-spacing:-.02em;font-size:19px;font-weight:700}.menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:22px;line-height:1}.menu-backdrop{z-index:40;position:fixed;inset:0}.menu{top:calc(env(safe-area-inset-top,0px) + 46px);z-index:45;background:var(--card-2);border-radius:14px;flex-direction:column;min-width:168px;padding:6px;display:flex;position:absolute;right:16px;box-shadow:0 10px 28px #00000073}.menu-item{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.menu-item:active{background:var(--card)}.menu-logout{border-top:1px solid var(--card);color:#ff6b6b;border-radius:0 0 9px 9px;margin-top:4px}.menu-dot{font-size:10px}.menu-dot.on{color:#6dd36d}.menu-dot.off{color:var(--muted)}.context-banner{background:var(--card-2);border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.context-emoji{font-size:18px}.tile-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px;grid-auto-flow:dense;gap:10px;display:grid}.tile{color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;flex-direction:column;padding:15px;font-family:inherit;animation:.35s both tileIn;display:flex;overflow:hidden}.tile:active{filter:brightness(.88)}.tile-small{grid-column:span 1}.tile-wide{grid-column:span 2}.tile-large{grid-area:span 2/span 2}.tile-highlight{outline-offset:-3px;outline:3px solid #fff}.tile-dark{color:#1c1c1c}.tile-dark.tile-highlight{outline-color:#1c1c1c}@keyframes tileIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tile-body{flex-direction:column;flex:1;justify-content:center;gap:6px;min-height:0;display:flex}.tile-label{opacity:.8;font-size:13px;font-weight:700}.tile-main{letter-spacing:-.02em;font-size:30px;font-weight:300;line-height:1.15}.tile-sub{opacity:.9;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.tile-note{margin-top:2px;font-size:13px;font-weight:600}.tile-emoji{font-size:28px}.tile-route{font-size:26px;font-weight:800}.tile-rows{flex-direction:column;gap:8px;width:100%;display:flex}.tile-row{align-items:baseline;gap:9px;font-size:15px;display:flex}.tile-row-name{flex-shrink:0;font-weight:700}.tile-row-val{opacity:.92;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tile-groups{flex-direction:column;gap:10px;width:100%;display:flex}.tile-group{flex-direction:column;gap:2px;display:flex}.tile-group-title{opacity:.8;font-size:13px;font-weight:700}.tile-group-text{font-size:15px;font-weight:600}.overlay{z-index:50;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay-head{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 14px;background:var(--bg);align-items:center;gap:10px;width:100%;max-width:460px;margin:0 auto;display:flex;position:sticky;top:0}.overlay-back{background:var(--card);width:38px;height:38px;color:var(--text);cursor:pointer;border:none;border-radius:10px;font-size:19px}.overlay-title{font-size:18px;font-weight:700}.overlay-body{width:100%;max-width:460px;padding:2px 16px calc(env(safe-area-inset-bottom,0px) + 32px);flex-direction:column;gap:12px;margin:0 auto;display:flex}.card{background:var(--card);border-radius:20px;padding:20px}.card.muted{color:var(--muted);text-align:center;font-size:15px}.weather{flex-direction:column;gap:12px;display:flex}.advisory{border-radius:16px;align-items:center;gap:10px;padding:14px 18px;font-size:15px;font-weight:600;display:flex}.advisory.warn{background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-border)}.advisory.info{background:var(--card-2)}.advisory-emoji{font-size:20px}.weather-now{text-align:center;padding:28px 20px 24px}.weather-emoji{font-size:60px;line-height:1}.weather-temp{letter-spacing:-.04em;margin-top:6px;font-size:76px;font-weight:200}.weather-label{margin-top:2px;font-size:20px;font-weight:600}.weather-sub{color:var(--muted);margin-top:6px;font-size:14px}.hourly{gap:2px;padding:16px 10px;display:flex;overflow-x:auto}.hour{flex-direction:column;flex:1 0 auto;align-items:center;gap:7px;min-width:52px;display:flex}.hour-time{color:var(--muted);font-size:13px}.hour-emoji{font-size:22px}.hour-temp{font-size:16px;font-weight:600}.hour-precip{color:var(--accent);min-height:13px;font-size:11px}.transit-card{flex-direction:column;gap:12px;display:flex}.transit-head{justify-content:space-between;align-items:center;display:flex}.transit-station{font-size:17px;font-weight:700}.transit-line{color:var(--accent);background:#4da3ff21;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:600}.transit-dir{flex-direction:column;gap:4px;display:flex}.transit-dir-name{color:var(--muted);font-size:13px}.transit-arrival{font-size:15px;font-weight:600}.transit-empty{color:var(--muted);font-size:14px}.bus-row{align-items:center;gap:12px;display:flex}.bus-route{color:#6dd36d;text-align:center;background:#6dd36d21;border-radius:8px;min-width:48px;padding:3px 10px;font-size:15px;font-weight:700}.bus-time{font-size:16px;font-weight:700}.bus-prev{color:var(--muted);margin-left:auto;font-size:13px}.todo-add{align-items:stretch;gap:8px;display:flex}.todo-filter{gap:8px;margin-bottom:10px;display:flex}.todo-list-select{background:var(--card);min-width:0;color:var(--text);appearance:none;border:none;border-radius:12px;flex:1;padding:12px 14px;font-family:inherit;font-size:16px}.todo-group{margin-top:14px}.todo-group:first-of-type{margin-top:4px}.todo-group-title{opacity:.6;padding:0 4px 6px;font-size:13px;font-weight:700}.route-place{text-align:left;background:var(--card);width:100%;color:var(--text);cursor:pointer;border:none;border-radius:12px;margin-bottom:8px;padding:12px 14px;font-family:inherit;display:block}.route-place-name{font-size:15px;font-weight:700}.route-place-addr{opacity:.6;margin-top:2px;font-size:12px}.route-dest{margin:4px 0 10px;font-size:14px}.route-dest-arrow{opacity:.5;margin-right:6px}.route-dest-name{font-weight:700}.route-path{background:var(--card);width:100%;color:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:12px;margin-bottom:10px;padding:12px 14px;font-family:inherit;display:block}.route-path.active{border-color:var(--accent)}.route-summary{opacity:.85;margin-bottom:8px;font-size:14px;font-weight:700}.route-step{gap:8px;padding:4px 0;font-size:14px;display:flex}.route-step-icon{flex:0 0 24px}.route-step-text{flex:1;min-width:0}.route-map{background:var(--card);border-radius:14px;width:100%;height:280px;margin-bottom:12px;overflow:hidden}.route-map-view{z-index:60;background:var(--bg);position:fixed;inset:0}.route-map-full{position:absolute;inset:0}.route-map-full .route-map{border-radius:0;width:100%;height:100%;margin:0}.route-map-back{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:62;background:var(--card);width:40px;height:40px;color:var(--text);cursor:pointer;border:none;border-radius:50%;font-size:20px;position:absolute;left:12px;box-shadow:0 2px 10px #00000059}.route-sheet{z-index:61;background:var(--card-2);will-change:transform;max-height:80vh;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% - 116px));box-shadow:0 -4px 22px #00000073}.route-sheet-handle{cursor:grab;touch-action:none;flex:none;padding:10px 18px 12px}.route-sheet-bar{background:var(--muted);border-radius:3px;width:40px;height:5px;margin:0 auto 10px;display:block}.route-sheet-body{flex:1;min-height:0;padding:4px 18px 0;overflow-y:auto}.map-pin{color:#fff;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block;transform:translate(-50%,-100%);box-shadow:0 2px 6px #0006}.map-me{background:#2563eb;border:3px solid #fff;border-radius:50%;width:16px;height:16px;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #2563eb40}.map-transfer{color:#1c1c1c;white-space:nowrap;background:#fff;border:2px solid #555;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block;transform:translate(-50%,-50%);box-shadow:0 1px 5px #00000059}.map-pin-start{background:#2563eb}.map-pin-end{background:#dc2626}.todo-input{background:var(--card);min-width:0;color:var(--text);border:none;border-radius:12px;flex:1;padding:12px 14px;font-family:inherit;font-size:16px}.todo-input:focus{outline:2px solid #0891b2}.todo-add-btn{color:#fff;cursor:pointer;background:#0891b2;border:none;border-radius:12px;flex:none;padding:0 18px;font-family:inherit;font-size:15px;font-weight:700}.todo-add-btn:disabled{opacity:.5;cursor:not-allowed}.todo-list{flex-direction:column;gap:8px;display:flex}.todo-item{background:var(--card);border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.todo-item.done .todo-text{opacity:.5;text-decoration:line-through}.todo-check{color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:22px;line-height:1}.todo-text{word-break:break-word;flex:1;min-width:0;font-size:15px}.todo-del{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 6px;font-size:22px;line-height:1}.alerts-card{flex-direction:column;gap:12px;display:flex}.alert-row{align-items:baseline;gap:9px;display:flex}.alert-badge{border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.alert-badge.important{color:var(--warn-fg);background:var(--warn-bg)}.alert-badge.schedule{color:var(--accent);background:#4da3ff21}.alert-text{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.alert-time{color:var(--muted);flex-shrink:0;font-size:12px}