:root{--font-display: "Fraunces", Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 40px rgba(0, 0, 0, .22);--ink: #f7f5f0;--ink-muted: rgba(247, 245, 240, .72);--ink-faint: rgba(247, 245, 240, .5);--rule: rgba(247, 245, 240, .15);--cal-1: #e8b4a0;--cal-2: #a8c4b8;--cal-3: #c4b5d6;--tdo-1: #e8b4a0;--tdo-2: #a8c4b8;--tdo-3: #d4a574;--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px}body.night{--glass-bg: rgba(10, 10, 10, .12);--glass-border: rgba(255, 255, 255, .05);--ink: #f0ebe0;--ink-muted: rgba(240, 235, 224, .65);--ink-faint: rgba(240, 235, 224, .4);--rule: rgba(240, 235, 224, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column}.bg-layer{position:fixed;inset:0;z-index:0;background-size:cover;background-position:center;background-color:#1a1814;transition:opacity 2s ease}.bg-layer.ken-burns{animation:kenBurns 60s ease-in-out infinite alternate}@keyframes kenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.12) translate(-2%,-1.5%)}}.bg-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00000059,#0000 30%,#00000073),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.3) 100%)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 16px rgba(0,0,0,.4)}.topbar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 44px 12px;text-shadow:0 2px 12px rgba(0,0,0,.35)}.topbar-left,.topbar-right{display:flex;flex-direction:column}.topbar-right{align-items:flex-end}.date-weekday{font-family:var(--font-display);font-weight:300;font-size:48px;letter-spacing:-.02em;line-height:1;text-transform:uppercase;font-feature-settings:"ss01"}.date-rest{font-family:var(--font-ui);font-weight:300;font-size:17px;color:var(--ink-muted);margin-top:6px;letter-spacing:.04em}.clock{font-family:var(--font-display);font-weight:200;font-size:64px;letter-spacing:-.04em;line-height:.9;font-variant-numeric:tabular-nums}.weather{font-family:var(--font-ui);font-weight:300;font-size:17px;color:var(--ink-muted);margin-top:6px;letter-spacing:.04em;display:flex;align-items:center;gap:8px}.wx-icon{width:22px;height:22px;flex-shrink:0;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}.wx-text{line-height:1}.board{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:minmax(340px,.95fr) 1fr minmax(270px,.75fr);align-items:start;gap:24px;padding:12px 44px 36px;min-height:0}.agenda{grid-column:1}.sidebar{grid-column:3;align-self:stretch;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:24px;min-height:0}.agenda{padding:24px 28px;overflow:hidden;display:flex;flex-direction:column}.section-label{font-family:var(--font-ui);font-weight:500;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}.agenda-group{margin-bottom:22px}.agenda-group:last-child{margin-bottom:0}.agenda-day{font-family:var(--font-display);font-weight:300;font-size:22px;letter-spacing:-.01em;margin-bottom:10px;color:var(--ink)}.agenda-day .agenda-day-sub{font-family:var(--font-ui);font-size:12px;font-weight:400;color:var(--ink-faint);margin-left:10px;letter-spacing:.04em}.event{display:grid;grid-template-columns:64px 3px 1fr;gap:14px;align-items:baseline;padding:8px 0;border-top:1px solid var(--rule)}.agenda-group .event:first-of-type{border-top:none}.event-time{font-family:var(--font-ui);font-weight:400;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink-muted);letter-spacing:.02em}.event-stripe{align-self:stretch;border-radius:2px;margin:4px 0}.event-stripe.cal-1{background:var(--cal-1)}.event-stripe.cal-2{background:var(--cal-2)}.event-stripe.cal-3{background:var(--cal-3)}.event-body{display:flex;flex-direction:column;gap:2px;min-width:0}.event-title{font-family:var(--font-ui);font-weight:500;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-cal{font-weight:400;font-size:12px;color:var(--ink-faint);letter-spacing:.02em;margin-left:5px}.event-location{font-family:var(--font-ui);font-weight:400;font-size:12px;color:var(--ink-faint);letter-spacing:.02em}.buienradar{padding:18px 22px 14px}.rain-summary{font-family:var(--font-display);font-weight:400;font-size:18px;letter-spacing:-.005em;color:var(--ink);margin-bottom:10px}.rain-chart{display:flex;gap:2px;align-items:flex-end;height:44px;padding-bottom:2px;border-bottom:1px solid var(--rule)}.rain-bar{flex:1;min-height:2px;border-radius:2px 2px 0 0;transition:height .4s ease}.rain-axis{display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:8px;font-variant-numeric:tabular-nums}.sonos{padding:20px 22px;display:flex;align-items:center;gap:16px;min-height:100px}.sonos-art{width:72px;height:72px;border-radius:var(--radius-md);background:#ffffff14;flex-shrink:0;background-size:cover;background-position:center;box-shadow:0 6px 18px #00000059}.sonos-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.sonos-room{font-family:var(--font-ui);font-weight:500;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:6px}.sonos-room:before{content:"";width:6px;height:6px;border-radius:50%;background:#a8c4b8;box-shadow:0 0 8px #a8c4b8;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sonos-track{font-family:var(--font-display);font-weight:400;font-size:18px;letter-spacing:-.005em;line-height:1.2;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sonos-artist{font-family:var(--font-ui);font-weight:400;font-size:13px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sonos.empty{opacity:.4}.todoist{padding:22px 24px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.task-list{display:flex;flex-direction:column;gap:2px;margin-top:2px;overflow:hidden;min-height:0}.task{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--rule)}.task:first-of-type{border-top:none}.task-check{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink-faint);position:relative}.task.done .task-check{background:var(--ink-faint)}.task.done .task-check:after{content:"";position:absolute;inset:4px 5px;border-left:1.5px solid #0a0a0a;border-bottom:1.5px solid #0a0a0a;transform:rotate(-45deg)}.task-title{font-family:var(--font-ui);font-weight:400;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task.done .task-title{text-decoration:line-through;color:var(--ink-faint)}.task.overdue .task-title{color:#e8b4a0}.task-project{display:flex;align-items:center;gap:5px;font-family:var(--font-ui);font-weight:400;font-size:11px;color:var(--ink-faint);letter-spacing:.04em}.task-project:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--proj-color, var(--ink-faint))}.task-empty{font-family:var(--font-ui);font-size:13px;color:var(--ink-faint);padding:10px 0}.settings-hit{position:fixed;top:0;right:0;width:100px;height:100px;z-index:5;background:transparent}.settings-panel{position:fixed;inset:0;z-index:100;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:40px;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.settings-card{width:min(820px,100%);max-height:90vh;overflow-y:auto;padding:32px 36px}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-close{background:transparent;border:1px solid var(--rule);color:var(--ink-muted);width:36px;height:36px;border-radius:50%;font-size:14px;cursor:pointer;font-family:var(--font-ui)}.settings-section{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--rule)}.settings-section:last-of-type{border-bottom:none}.settings-section-title{font-family:var(--font-ui);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.settings-row{display:grid;grid-template-columns:1fr 2fr 60px;gap:10px;margin-bottom:8px}.settings-row-3{grid-template-columns:1fr 1fr 2fr}.settings-card input{background:#ffffff0f;border:1px solid var(--rule);border-radius:var(--radius-sm);padding:10px 14px;color:var(--ink);font-family:var(--font-ui);font-size:14px;outline:none;min-width:0}.settings-card input.full{width:100%}.settings-card input[type=color]{padding:4px;height:40px;cursor:pointer}.settings-card input:focus{border-color:#fff6}.settings-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.settings-hint{font-size:12px;color:var(--ink-faint)}.settings-save{background:var(--ink);color:#0a0a0a;border:none;border-radius:var(--radius-sm);padding:12px 24px;font-family:var(--font-ui);font-weight:500;font-size:14px;cursor:pointer}.stale-badge{position:fixed;bottom:16px;right:16px;z-index:4;font-family:var(--font-ui);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:99px;opacity:0;transition:opacity .4s ease}.stale-badge.show{opacity:1}@media (max-width: 900px){.topbar{padding:32px 28px 16px}.board{padding:16px 28px 32px;gap:18px}.date-weekday{font-size:44px}.clock{font-size:60px}}