:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101b2c;color:#f6f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse 75% 65% at 75% 8%,#1b3046 0%,transparent 70%),#101b2c}.board{width:min(100%,1100px);min-height:100vh;margin:auto;padding:30px clamp(18px,5vw,64px) 24px;display:flex;flex-direction:column}.header,.footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.header{padding-bottom:32px;border-bottom:1px solid #344354}.brand{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:750;letter-spacing:.16em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#f8c768;color:#132134;font-weight:900;font-size:21px;letter-spacing:-.1em;border-radius:5px;padding-right:3px}.brand-muted{color:#99a9b9}.clock{font-variant-numeric:tabular-nums;font-weight:600;font-size:20px;letter-spacing:.04em}.heading{margin:clamp(40px,8vh,96px) 0 43px}.eyebrow{display:flex;align-items:center;gap:11px;color:#f8c768;font-size:12px;font-weight:800;letter-spacing:.19em}.eyebrow-rule{width:25px;border-top:1px solid #f8c768}.heading h1{font-size:clamp(42px,6vw,76px);line-height:1.07;letter-spacing:-.05em;margin:17px 0 9px;font-weight:760}.stop-id{color:#9daebf;margin:0;font-size:15px}.departures{border-top:1px solid #445264}.column-head,.departure{display:grid;grid-template-columns:minmax(110px,18%) minmax(0,1fr) minmax(108px,22%);align-items:center;gap:12px}.column-head{padding:18px 16px;color:#93a5b8;font-size:12px;letter-spacing:.16em;font-weight:750}.column-head span:last-child{text-align:right}.departure{border-top:1px solid #344354;padding:20px 16px;min-height:108px}.line-group{display:flex;align-items:center;gap:12px}.mode{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#91aac0;min-width:36px}.mode.tram{color:#f8c768}.mode.bus{color:#a8d7e3}.mode.metro{color:#e1b3be}.line-badge{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:7px 10px;background:#31445c;border-radius:7px;font-variant-numeric:tabular-nums;font-size:25px;font-weight:800;line-height:1.1}.tram+.line-badge{background:#f8c768;color:#192334}.bus+.line-badge{background:#72b7cc;color:#152638}.metro+.line-badge{background:#d78796;color:#1e2434}.destination{font-size:clamp(18px,2.5vw,26px);font-weight:650;line-height:1.2;overflow-wrap:anywhere}.arrival{text-align:right;white-space:nowrap;font-size:clamp(27px,4vw,46px);font-weight:760;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#f8c768}.arrival small{font-size:16px;letter-spacing:0;font-weight:550;color:#f2dcae}.message{border-top:1px solid #344354;padding:30px 16px;color:#c6d2dd;font-size:18px;line-height:1.5}.footer{margin-top:auto;padding-top:26px;color:#aab9c9;font-size:13px}.update{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#8aa2b5;flex:none}.status-dot.ok{background:#7ac8a4}.status-dot.error{background:#ed9e87}.source{text-align:right}@media(max-width:600px){.board{padding-top:20px}.header{padding-bottom:22px}.brand{font-size:11px;gap:8px;letter-spacing:.09em}.brand-mark{width:30px;height:30px}.clock{font-size:17px}.heading{margin:51px 0 35px}.eyebrow{font-size:10px;letter-spacing:.12em}.column-head,.departure{grid-template-columns:79px minmax(0,1fr) 93px;gap:8px}.column-head{font-size:10px;padding-inline:2px}.departure{padding:18px 2px;min-height:88px}.line-group{gap:3px;flex-direction:column;align-items:flex-start}.line-badge{min-width:50px;font-size:22px}.mode{font-size:9px}.destination{font-size:17px}.arrival{font-size:27px}.arrival small{font-size:12px}.footer{align-items:flex-start;font-size:12px;gap:10px}.source{max-width:90px}}
.header{flex-wrap:wrap}.header-tools{display:flex;align-items:center;gap:20px}.language-switch{display:flex;border:1px solid #5d6c7e;border-radius:7px;padding:3px;gap:2px}.language-switch button{font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;color:#d0dce6;background:transparent;border:0;border-radius:4px;padding:7px 8px;cursor:pointer;min-width:38px}.language-switch button[aria-pressed="true"]{background:#f8c768;color:#172235}.language-switch button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:600px){.header-tools{margin-left:auto;gap:12px}.header{gap:12px}}
.settings-toggle{font:inherit;color:#f6f7f8;background:transparent;border:1px solid #5d6c7e;border-radius:7px;padding:9px 12px;cursor:pointer;font-size:13px;font-weight:700}.settings-toggle:hover,.settings-toggle[aria-expanded="true"]{border-color:#f8c768;color:#f8c768}.settings-toggle:focus-visible,.save-settings:focus-visible,.setup-fields input:focus-visible{outline:2px solid #f8c768;outline-offset:3px}.setup-panel[hidden],.setup-error[hidden]{display:none}.setup-panel{background:#1b2c40;border:1px solid #56677b;border-radius:12px;padding:clamp(20px,3vw,32px);margin:-10px 0 32px}.setup-panel h2{font-size:clamp(23px,3vw,30px);margin:0 0 8px}.setup-panel p{color:#c1cede;line-height:1.5;margin:0 0 20px}.setup-fields{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}.setup-fields label{display:flex;flex-direction:column;gap:9px;font-weight:700;font-size:14px}.setup-fields input{width:100%;background:#101b2c;color:#fff;border:1px solid #657789;border-radius:7px;padding:12px 13px;font:inherit;font-size:16px}.setup-fields input::placeholder{color:#8899aa}.setup-panel .setup-note{font-size:13px;margin:14px 0 16px}.setup-panel .setup-error{color:#ffbca9;margin:14px 0}.save-settings{border:0;background:#f8c768;color:#152134;border-radius:7px;padding:12px 17px;font:inherit;font-weight:800;cursor:pointer}@media(max-width:600px){.header-tools{flex-wrap:wrap;justify-content:flex-end}.settings-toggle{padding:7px 9px}.setup-fields{grid-template-columns:1fr}.setup-panel{margin-top:-8px}}
.setup-fields .field-help{font-size:13px;font-weight:400;line-height:1.4;color:#aebed0}.destination-cell{min-width:0}.row-stop{display:block;color:#9fb1c2;font-size:13px;font-weight:500;margin-top:6px;line-height:1.25}.stop-id{line-height:1.5;overflow-wrap:anywhere}@media(max-width:600px){.row-stop{font-size:12px}.stop-id{font-size:13px}}
.stop-name{font-size:clamp(24px,3vw,36px);font-weight:650;margin:0 0 8px;color:#e2e9f1}.heading h1{max-width:850px;font-size:clamp(36px,5.5vw,68px);letter-spacing:-.04em}.heading{margin-bottom:36px}@media(max-width:600px){.stop-name{font-size:23px}}
:root{--accent:#f8c768}:root[data-theme="teal"]{--accent:#74d4db}:root[data-theme="coral"]{--accent:#ffad95}.brand-mark,.language-switch button[aria-pressed="true"],.tram+.line-badge,.save-settings{background:var(--accent)}.eyebrow,.arrival,.mode.tram,.settings-toggle:hover,.settings-toggle[aria-expanded="true"]{color:var(--accent)}.eyebrow-rule{border-color:var(--accent)}.language-switch button:focus-visible,.settings-toggle:focus-visible,.save-settings:focus-visible,.setup-fields input:focus-visible{outline-color:var(--accent)}