:root{--ink:#f4f7f3;--muted:#a6b1ac;--subtle:#73807a;--line:#ffffff17;--panel:#101a18;--panel-raised:#15211e;--green:#73e0ae;--spotify:#1ed760;--amber:#f6b86a;--blue:#77b9ff;--display-drift:0px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#07110f;margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.display-shell{height:100vh;isolation:isolate;background:#07110f;height:100dvh;min-height:700px;position:relative;overflow:hidden}.ambient{pointer-events:none;z-index:-1;opacity:.55;border-radius:999px;position:absolute}.ambient-one{background:radial-gradient(circle,#3c846440,#0000 70%);width:65vw;height:65vw;top:-22vw;right:-30vw}.ambient-two{background:radial-gradient(circle,#a96a3321,#0000 70%);width:85vw;height:85vw;bottom:-42vw;left:-55vw}.display-content{width:100%;height:100%;transform:translateX(var(--display-drift));grid-template-rows:110px 365px 304px minmax(0,1fr) 24px;gap:18px;padding:34px 38px 24px;transition:transform 2s;display:grid}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;min-width:0;display:grid}.brand-lockup,.setup-heading{align-items:center;gap:15px;min-width:0;display:flex}.brand-mark{border:1px solid var(--line);background:#13201d;border-radius:15px;flex:none;justify-content:center;align-items:flex-end;gap:4px;width:46px;height:46px;padding:11px;display:flex}.brand-mark span{background:var(--green);border-radius:4px;width:5px;display:block}.brand-mark span:first-child{opacity:.55;height:12px}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){opacity:.75;height:16px}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.2em;margin:0 0 4px;font-size:12px;font-weight:800;line-height:1}.home-label{color:#dae1dd;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.clock-block{text-align:center}.clock{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:53px;font-weight:300;line-height:.96}.clock-block p{color:var(--muted);margin:7px 0 0;font-size:14px}.status-chip{border:1px solid var(--line);color:var(--muted);background:#101b18;border-radius:999px;justify-self:end;align-items:center;gap:9px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.status-dot{background:var(--green);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #73e0ae17}.status-dot.is-offline{background:#e98b71;box-shadow:0 0 0 4px #e98b7117}.panel{border:1px solid var(--line);background:var(--panel);border-radius:28px;position:relative;overflow:hidden}.weather-card{grid-template-rows:auto auto 1fr;padding:27px 30px 24px;display:grid}.weather-main{align-items:center;gap:21px;min-width:0;display:flex}.weather-icon-large{flex:none;width:94px;height:94px;padding:4px}.weather-icon-large svg{width:100%;height:100%}.temperature-block{align-items:center;gap:26px;min-width:0;display:flex}.temperature{letter-spacing:-.08em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:87px;font-weight:260;line-height:1}.temperature sup{vertical-align:top;margin-left:2px;font-size:.43em;position:relative;top:.08em}.temperature-block h1{letter-spacing:-.035em;margin:0 0 7px;font-size:28px;line-height:1.08}.temperature-block p{color:var(--muted);margin:0;font-size:14px}.weather-facts{grid-template-columns:repeat(3,1fr);gap:12px;margin:21px 0 19px;display:grid}.weather-fact{background:#ffffff09;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;display:flex}.weather-fact span{color:var(--subtle);font-size:12px}.weather-fact strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.hourly-strip{border-top:1px solid var(--line);grid-template-columns:repeat(6,1fr);align-items:end;min-height:0;padding-top:17px;display:grid}.hour-item{text-align:center;color:var(--muted);justify-items:center;gap:6px;min-width:0;font-size:11px;display:grid}.hour-item svg{width:28px;height:28px}.hour-item strong{color:var(--ink);font-size:16px;font-weight:700}.weather-cloud{fill:#b9c6c1}.weather-sun{fill:var(--amber)}.weather-rays,.weather-rain{stroke:var(--amber);stroke-width:4px;stroke-linecap:round;fill:none}.weather-rain{stroke:var(--blue)}.spotify-card{background:#101a18;grid-template-columns:224px minmax(0,1fr) 62px;align-items:center;gap:27px;padding:28px 30px;display:grid}.spotify-accent{background:var(--spotify);opacity:.7;width:5px;position:absolute;inset:0 auto 0 0}.album-art{background:linear-gradient(145deg,#23332e,#14201d);border-radius:19px;place-items:center;width:224px;height:224px;display:grid;overflow:hidden;box-shadow:0 14px 35px #00000038}.album-art img{object-fit:cover;width:100%;height:100%}.music-note{fill:#71837c;width:72px;height:72px}.track-copy{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;display:flex}.spotify-label{color:var(--spotify);text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:7px;margin-bottom:13px;font-size:11px;font-weight:800;display:flex}.spotify-label svg{fill:currentColor;width:19px;height:19px}.track-copy h2{letter-spacing:-.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:32px;line-height:1.09;display:-webkit-box;overflow:hidden}.track-artist{color:#d2dad6;white-space:nowrap;text-overflow:ellipsis;margin:8px 0 0;font-size:19px;line-height:1.25;overflow:hidden}.track-album{color:var(--subtle);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:13px;overflow:hidden}.progress-wrap{margin-top:auto;padding-top:19px}.progress-track{background:#ffffff1a;border-radius:6px;height:4px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--spotify);height:100%;transition:width 1s linear;display:block}.progress-times{color:var(--subtle);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:10px;display:flex}.play-state{width:56px;height:56px;color:var(--muted);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;display:flex}.play-state span{margin-left:3px;font-size:18px}.play-state.is-playing{color:var(--spotify);align-items:flex-end;gap:4px;padding:16px}.play-state i{background:currentColor;border-radius:4px;width:4px;animation:1.15s ease-in-out infinite alternate equalizer;display:block}.play-state i:first-child{height:12px}.play-state i:nth-child(2){height:24px;animation-delay:-.6s}.play-state i:nth-child(3){height:17px;animation-delay:-.3s}@keyframes equalizer{to{height:7px}}.lower-grid{grid-template-rows:minmax(0,1fr) minmax(0,1.12fr) minmax(0,.88fr);gap:18px;min-height:0;display:grid}.news-card,.todo-card{min-height:0;padding:24px 29px}.tram-card{--tram-amber:#ffbf3f;--tram-amber-dim:#9d772c;min-height:0;color:var(--tram-amber);background:linear-gradient(#050806eb,#050806f5),radial-gradient(circle,#ffbf3f33 0 1px,#0000 1.2px) 0 0/5px 5px;border-color:#ffbf3f33;border-radius:19px;padding:18px 22px 13px;font-family:Courier New,ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:inset 0 0 34px #ffa50009,0 14px 30px #0000002e}.tram-card:after{content:"";pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,#0000 0 3px,#000000b3 4px);position:absolute;inset:0}.tram-heading{z-index:1;border-bottom:1px solid #ffbf3f33;justify-content:space-between;align-items:center;gap:16px;padding-bottom:9px;display:flex;position:relative}.tram-stop-lockup{align-items:center;gap:12px;min-width:0;display:flex}.tram-symbol{background:var(--tram-amber);color:#121005;border-radius:7px;flex:none;place-items:center;width:33px;height:33px;display:grid;box-shadow:0 0 18px #ffbf3f29}.tram-symbol svg{fill:currentColor;width:21px;height:21px}.tram-kicker{color:var(--tram-amber-dim);text-transform:uppercase;letter-spacing:.19em;margin:0 0 2px;font-size:9px;font-weight:800;line-height:1}.tram-heading h2{color:var(--tram-amber);letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 9px #ffbf3f1f;margin:0;font-size:19px;line-height:1.08;overflow:hidden}.tram-live{color:#735e2d;text-transform:uppercase;letter-spacing:.12em;flex:none;align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex}.tram-live span{background:currentColor;border-radius:50%;width:6px;height:6px}.tram-live.is-live{color:var(--tram-amber)}.tram-live.is-live span{animation:2s ease-in-out infinite tram-pulse;box-shadow:0 0 9px #ffbf3fbf}.tram-table-head{z-index:1;color:#755d24;text-transform:uppercase;letter-spacing:.13em;grid-template-columns:52px minmax(0,1fr) 80px;gap:10px;padding:7px 0 5px;font-size:8px;display:grid;position:relative}.tram-table-head span:last-child{text-align:right}.tram-departures{z-index:1;grid-template-rows:repeat(4,minmax(0,1fr));height:calc(100% - 89px);min-height:0;display:grid;position:relative}.tram-row{border-top:1px solid #ffbf3f1c;grid-template-columns:52px minmax(0,1fr) 80px;align-items:center;gap:10px;min-height:0;display:grid}.tram-line{letter-spacing:-.09em;font-variant-numeric:tabular-nums;text-shadow:0 0 9px #ffbf3f29;font-size:24px;line-height:1}.tram-destination{gap:2px;min-width:0;display:grid}.tram-destination strong{color:#ffd271;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.08;overflow:hidden}.tram-destination span{color:#7f6427;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.07em;font-size:8px;overflow:hidden}.tram-time{font-variant-numeric:tabular-nums;justify-items:end;gap:1px;min-width:0;display:grid}.tram-time strong{white-space:nowrap;font-size:15px;line-height:1}.tram-time span{color:#745b24;font-size:8px}.tram-row.is-cancelled{color:#ef765f}.tram-row.is-cancelled .tram-destination strong,.tram-row.is-cancelled .tram-time strong{color:#ef765f;text-decoration:line-through}.tram-empty{color:var(--tram-amber-dim);text-align:center;grid-row:1/-1;justify-content:center;align-items:center;gap:11px;font-size:11px;display:flex}.tram-empty svg{fill:currentColor;opacity:.75;width:22px;height:22px}.tram-board-footer{z-index:1;color:#5d4c25;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:7px;left:22px;right:22px}@keyframes tram-pulse{50%{opacity:.35}}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:39px;padding-bottom:14px;display:flex}.heading-title{align-items:center;gap:10px;min-width:0;display:flex}.heading-title svg{width:20px;height:20px;fill:var(--green);flex:none}.heading-title h2{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;overflow:hidden}.card-heading>span{color:var(--subtle);white-space:nowrap;font-size:11px}.news-list,.todo-list{height:calc(100% - 39px);min-height:0}.news-list{grid-template-rows:repeat(4,1fr);display:grid}.news-row{border-bottom:1px solid #ffffff0e;grid-template-columns:39px 1fr;align-items:center;gap:10px;min-height:0;display:grid}.news-row:last-child{border-bottom:0}.news-number{color:var(--green);letter-spacing:.1em;font-size:11px;font-weight:800}.news-row p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:16px;font-weight:650;line-height:1.24;display:-webkit-box;overflow:hidden}.news-row div>span{color:var(--subtle);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.todo-list{flex-direction:column;padding-top:7px;display:flex}.todo-row{border-bottom:1px solid #ffffff0e;flex:1;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:0;display:grid}.todo-row:last-child{border-bottom:0}.todo-check{border:2px solid #52615b;border-radius:7px;width:21px;height:21px}.todo-check.is-important{border-color:var(--amber)}.todo-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:620;overflow:hidden}.important-mark{color:var(--amber);text-align:center;font-size:15px;font-weight:900}.empty-state{height:100%;color:var(--subtle);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.empty-state.is-link{color:var(--green)}.all-done{text-align:center;color:var(--muted);margin:auto}.all-done>span{width:45px;height:45px;color:var(--green);background:#73e0ae1a;border-radius:999px;place-items:center;margin:0 auto 10px;font-size:21px;display:grid}.all-done strong{color:var(--ink);font-size:17px;display:block}.all-done p{margin:5px 0 0;font-size:12px}.display-footer{color:#55625d;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 7px;font-size:10px;display:flex}.setup-shell{background:radial-gradient(circle at 15% 5%,#173027,#07110f 45%);place-items:center;min-height:100vh;padding:45px 24px;display:grid}.setup-card{border:1px solid var(--line);background:#101a18;border-radius:28px;width:min(820px,100%);padding:42px}.setup-heading h1{letter-spacing:-.04em;margin:0;font-size:31px}.setup-lead{color:var(--muted);max-width:680px;margin:25px 0 31px;line-height:1.65}.integration-list{gap:14px;display:grid}.integration-row{--integration-accent:var(--green);border:1px solid var(--line);background:#ffffff06;border-radius:18px;grid-template-columns:16px 1fr auto;align-items:center;gap:18px;padding:21px;display:grid}.integration-icon{background:var(--integration-accent);opacity:.85;border-radius:8px;width:12px;height:52px}.integration-copy{min-width:0}.integration-title{align-items:center;gap:11px;display:flex}.integration-title h2{margin:0;font-size:18px}.integration-title span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0f;border-radius:7px;padding:5px 8px;font-size:10px}.integration-copy p{color:var(--muted);margin:7px 0 0;font-size:13px}.connect-button,.disconnect-button,.secondary-button{font:inherit;cursor:pointer;border:0;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:750}.connect-button{background:var(--integration-accent);color:#06100d}.connect-button.is-disabled{opacity:.35;pointer-events:none}.disconnect-button{border:1px solid var(--line);color:var(--muted);background:0 0}.setup-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:29px;padding-top:24px;display:flex}.secondary-button{color:var(--ink);background:#21302c}.setup-footer span{color:var(--subtle);font-size:12px}@media (orientation:landscape) and (min-width:900px){.display-content{grid-template-rows:100px 1fr 1fr 24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.topbar{grid-column:1/-1}.weather-card{grid-area:2/1}.spotify-card{grid-area:3/1;grid-template-columns:170px minmax(0,1fr) 48px}.album-art{width:170px;height:170px}.lower-grid{grid-area:2/2/4}.display-footer{grid-column:1/-1}}@media (max-width:720px){.display-content{padding-left:20px;padding-right:20px}.home-label{display:none}.status-chip{padding:9px;font-size:0}.spotify-card{grid-template-columns:150px minmax(0,1fr)}.album-art{width:150px;height:150px}.play-state{display:none}.temperature{font-size:68px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}