*{box-sizing:border-box}html{scrollbar-gutter:stable;scrollbar-color:var(--color-scrollbar) var(--color-background);scrollbar-width:thin}*{scrollbar-color:var(--color-scrollbar) var(--color-background);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border:2px solid var(--color-background);border-radius:var(--radius-control)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}::-webkit-scrollbar-thumb:active{background:var(--color-primary)}body{margin:0;color:var(--color-ink);background:var(--color-background);font:15px/1.55 var(--font-body)}[hidden]{display:none!important}button,input{font:inherit}a,button,summary{cursor:pointer}a{color:var(--color-primary);text-underline-offset:3px}a:hover{text-decoration:underline}button{transition:background .15s,color .15s,border-color .15s}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}input{min-width:0;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);padding:11px 12px;min-height:44px}input[aria-invalid=true],.secret-field:has(input[aria-invalid=true]),.unit-input:has(input[aria-invalid=true]){border-color:var(--color-danger)}label{display:block;font-size:13px;font-weight:600;margin:0 0 7px}p{margin:0 0 18px}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.2}h1{font-size:40px;letter-spacing:-1.5px;font-weight:650;margin:10px 0 13px}h2{font-size:19px;letter-spacing:-.4px;font-weight:650}h3{font-size:15px}code{font:11px/1.5 var(--font-mono);overflow-wrap:anywhere}.topbar{max-width:var(--page-max);margin:0 auto;display:flex;align-items:center;gap:24px;height:106px;padding:0 12px;border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--color-ink);font:20px var(--font-display);letter-spacing:1px}.brand:hover{text-decoration:none;color:var(--color-primary)}.brand strong{font-weight:600}.brand-mark{display:grid;place-items:center;width:35px;height:35px;color:var(--color-surface);background:var(--color-primary);border-radius:10px;font-size:29px;line-height:1}.brand-slash{color:var(--color-scrollbar);font-weight:300}.top-note{color:var(--color-muted);font-size:13px}.topbar .button{margin-left:auto}main{max-width:var(--page-max);padding:40px 12px 28px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.page-heading p{color:var(--color-muted);margin:0}.eyebrow{font:10px/1.5 var(--font-mono);letter-spacing:1.4px;color:var(--color-muted)}.badge{flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:30px;padding:8px 14px;font-size:12px}.badge.connected{color:var(--color-success)}.badge.warning{color:var(--color-warning)}.badge::before{content:'●';margin-right:7px;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:28px}.main-column,.side-column{min-width:0}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-panel)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.feed-panel{position:relative;overflow:hidden;padding:var(--space-panel);border-radius:var(--radius-panel);background:var(--color-primary);color:var(--color-surface)}.feed-panel p{font-size:14px;max-width:470px;opacity:.85}.tag{font:11px var(--font-mono);border:1px solid currentColor;border-radius:5px;padding:4px 7px;opacity:.85}.feed-control{display:flex;gap:10px;margin:23px 0 14px}.feed-control input{color:var(--color-surface);background:transparent;border-color:color-mix(in srgb,var(--color-surface) 40%,transparent);font:12px var(--font-mono);min-height:46px}.feed-control input::placeholder{color:var(--color-surface);opacity:.8}.feed-control input:focus-visible,.feed-control button:focus-visible{outline-color:var(--color-surface)}.feed-bottom{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;min-height:24px}.subscribe{color:var(--color-surface);font-size:13px;white-space:nowrap}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:26px;border-top:1px solid color-mix(in srgb,var(--color-surface) 24%,transparent);padding-top:12px}.week-strip span{font:10px var(--font-mono);position:relative;padding:5px 0 13px;text-align:center;opacity:.65}.week-strip span::after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:3px;border-radius:3px;background:currentColor}.week-strip span.current{opacity:1}.sync-summary{display:grid;grid-template-columns:1fr 1fr 1fr;margin:22px 0 28px}.sync-summary div{padding:0 22px;border-right:1px solid var(--color-border)}.sync-summary div:first-child{padding-left:0}.sync-summary div:last-child{border:0;padding-right:0}dt{color:var(--color-muted);font-size:11px;margin-bottom:4px}dd{margin:0;font-size:14px;font-weight:550;font-variant-numeric:tabular-nums}.schedule .section-heading{align-items:center;margin-bottom:12px}.schedule h2{margin-top:7px;font-size:22px}.secondary{color:var(--color-muted);font-size:12px}.event-list{min-height:145px}.event{display:grid;grid-template-columns:52px 1fr;gap:17px;padding:22px 0;border-top:1px solid var(--color-border)}.event-date{text-align:center;border-radius:var(--radius-control);background:var(--color-background);align-self:start;padding:8px 2px}.event-date span{display:block;color:var(--color-muted);font:10px var(--font-mono);text-transform:uppercase}.event-date strong{display:block;font-size:23px;font-weight:500}.event-time{font:11px var(--font-mono);color:var(--color-primary);margin:0 0 8px}.event-title{font-size:14px;line-height:1.45;font-weight:600;margin-bottom:7px;overflow-wrap:anywhere}.event-location{font-size:12px;color:var(--color-muted);overflow-wrap:anywhere}.event a{font-size:12px;display:inline-block;margin-top:8px}.empty{padding:30px 10px;color:var(--color-muted);text-align:center;font-size:14px}.timezone-note{font-size:11px;color:var(--color-muted);margin:20px 0 0}.button{border:1px solid transparent;border-radius:var(--radius-control);padding:11px 16px;min-height:44px;white-space:nowrap;font-size:13px;font-weight:550;line-height:1.4;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:var(--color-primary);color:var(--color-surface)}.primary:hover:not(:disabled){background:var(--color-primary-hover)}.outline{border-color:var(--color-border);background:var(--color-surface);color:var(--color-ink)}.outline:hover:not(:disabled),.ghost:hover:not(:disabled){background:var(--color-background);border-color:var(--color-muted)}.ghost{background:transparent;color:var(--color-muted)}.light{background:var(--color-surface);color:var(--color-primary)}.light:hover:not(:disabled){background:var(--color-background)}.full{width:100%}.more{display:flex;margin:10px auto 0}.button[aria-busy=true]{color:transparent}.button[aria-busy=true]::after{content:'';width:16px;height:16px;position:absolute;border:2px solid var(--color-muted);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.button.primary[aria-busy=true]::after{border-color:var(--color-surface);border-top-color:transparent}.connection{margin-bottom:22px}.connection p,.settings .field-help{color:var(--color-muted);font-size:13px}.connection .section-heading{margin-bottom:12px}.status-dot{height:9px;width:9px;background:var(--color-scrollbar);border-radius:50%}.status-dot.connected{background:var(--color-success)}summary{font-size:13px;font-weight:600;color:var(--color-primary);padding:10px 0;border-top:1px solid var(--color-border)}summary:hover{color:var(--color-primary-hover)}.details-body{padding-top:8px}.instructions{padding-left:19px;color:var(--color-muted);font-size:12px;margin:0 0 21px}.instructions li{margin-bottom:10px}.secret-field{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-control)}.secret-field input{border:0;background:transparent}.reveal{border:0;background:transparent;color:var(--color-primary);min-width:49px;min-height:44px;font-size:11px;border-radius:var(--radius-control)}.reveal:hover{background:var(--color-background)}.field-help{font-size:11px!important;color:var(--color-muted);min-height:38px;margin:9px 0 16px}.field-help.error{color:var(--color-danger)}.settings h2{margin-bottom:22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.unit-input{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-control);padding-right:9px;gap:3px}.unit-input input{border:0;padding-right:0;font-variant-numeric:tabular-nums}.unit-input span{font-size:11px;color:var(--color-muted)}.subscription-note{display:flex;gap:15px;padding:25px 10px}.note-icon{font-size:27px;line-height:1;color:var(--color-muted)}.subscription-note h3{margin-bottom:9px}.subscription-note p{font-size:12px;color:var(--color-muted);margin:0}.notice{border:1px solid currentColor;border-radius:var(--radius-control);padding:16px 20px;font-size:13px;margin:0 0 24px}.danger{color:var(--color-danger);background:var(--color-surface)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--color-ink);color:var(--color-surface);border-radius:var(--radius-control);padding:12px 20px;max-width:min(90vw,500px);font-size:13px;z-index:3;opacity:0;pointer-events:none;transition:opacity .15s}.toast.visible{opacity:1}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:360px;color:var(--color-muted)}.spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{max-width:530px;margin:35px auto 70px;padding:42px}.login h1{font-size:30px}.login>p{color:var(--color-muted);font-size:14px}.login form{margin-top:32px}footer{max-width:var(--page-max);margin:15px auto 0;padding:24px 12px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--color-muted)}
@media(max-width:900px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.panel,.feed-panel{padding:22px}h1{font-size:33px}.topbar,main,footer{margin-left:22px;margin-right:22px}.page-heading{align-items:flex-start}.badge{margin-top:24px}.feed-control{flex-wrap:wrap}.feed-control input{flex-basis:100%}.feed-control button{width:100%}.sync-summary div{padding:0 10px}.sync-summary dd{font-size:12px}.top-note{display:none}}
@media(max-width:700px){.topbar{height:80px}.topbar,main,footer{margin-left:16px;margin-right:16px;padding-left:0;padding-right:0}main{padding-top:30px}.dashboard-grid{grid-template-columns:1fr;gap:25px}.page-heading{display:block;margin-bottom:24px}h1{font-size:31px;letter-spacing:-1px}.badge{display:inline-block;margin-top:18px}.feed-control{flex-wrap:nowrap}.feed-control input{flex-basis:auto}.feed-control button{width:auto}.sync-summary div{padding:0 12px}.sync-summary dd{font-size:12px}.schedule .section-heading{gap:10px}.schedule h2{font-size:20px}.schedule .eyebrow{font-size:8px}.schedule .button{padding:10px}.login{margin-top:0;padding:26px}.login h1{font-size:27px}footer{display:block}footer span{display:block;margin-bottom:6px}.topbar .button{font-size:11px;padding:9px}.subscription-note{padding-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){*{scrollbar-color:auto}input,button,.panel,.feed-panel,.badge{border:1px solid CanvasText}.badge::before,.status-dot{background:CanvasText}.feed-panel{background:Canvas;color:CanvasText}.feed-control input,.subscribe{color:CanvasText}.button[aria-busy=true]::after{border-color:CanvasText;border-top-color:transparent}}
/* Shared account, filter and transfer surfaces retain the dashboard's token system. */
.account-bar{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}.account-bar .button{margin:0}.languages{display:flex;gap:2px}.languages .button{padding:8px;min-width:44px}.languages [aria-pressed=true]{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-border)}#account-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:13px}.auth-modes{display:flex;gap:8px;margin-top:26px}.auth-modes [aria-pressed=true]{color:var(--color-primary);border-color:var(--color-primary)}.login form{margin-top:24px}.login form>label:not(:first-child){margin-top:18px}.login details{margin-top:22px}.migration{display:flex;align-items:center;gap:20px;justify-content:space-between;background:var(--color-surface)}.migration span{max-width:760px}.filter-panel{margin-bottom:24px}.filter-panel>summary{display:flex;align-items:center;justify-content:space-between;border:0;padding:0;min-height:44px;font-size:16px}.filter-panel>summary:before{content:'+';margin-right:10px}.filter-panel[open]>summary:before{content:'−'}.filter-panel>summary .tag{margin-left:auto}.search-field{display:flex;align-items:center;gap:6px}.search-field input::-webkit-search-cancel-button{appearance:none}.filter-groups{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px;margin-top:22px}.filter-groups fieldset{margin:0;border:0;padding:0;min-width:0}.filter-groups legend{font-size:12px;font-weight:600;margin-bottom:10px}.filter-options{max-height:280px;overflow:auto;scrollbar-gutter:stable}.filter-option{display:flex;gap:9px;align-items:flex-start;padding:10px 4px;min-height:44px;font-weight:400;font-size:12px;line-height:1.45;cursor:pointer;border-bottom:1px solid var(--color-border);margin:0}.filter-option:hover{background:var(--color-background)}.filter-option input{width:18px;height:18px;min-height:18px;padding:0;flex-shrink:0;margin:1px 0 0;accent-color:var(--color-primary);cursor:pointer}.filter-option span{overflow-wrap:anywhere}.filter-option small{display:block;color:var(--color-muted);font-size:10px}.form-actions{display:flex;flex-wrap:wrap;gap:8px}.filter-options .empty{padding:10px 0;text-align:left;font-size:12px}.advanced{margin-top:18px}.advanced form{margin-top:16px}.button[href]:hover{text-decoration:none}.destination-account{font-size:22px;font-weight:600;overflow-wrap:anywhere}dialog{max-width:min(480px,calc(100vw - 32px));border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-ink);padding:var(--space-panel)}dialog::backdrop{background:color-mix(in srgb,var(--color-ink) 45%,transparent)}dialog h2{margin-bottom:18px}dialog p{margin-bottom:24px}
@media(max-width:900px){.filter-groups{grid-template-columns:1fr}.filter-options{max-height:180px}.migration{align-items:flex-start;flex-direction:column}.form-actions .button{white-space:normal}}
@media(max-width:700px){.topbar{height:auto;min-height:80px;flex-wrap:wrap;gap:8px;padding-top:14px;padding-bottom:14px}.account-bar{gap:5px;flex-wrap:wrap}.account-bar #account-name{max-width:120px}.languages .button{min-width:40px}.feed-control{flex-wrap:wrap}.feed-control input{flex-basis:100%}.feed-control button{width:100%}.sync-summary{grid-template-columns:1fr 1fr;row-gap:16px}.sync-summary div:last-child{grid-column:1/-1;padding-left:0}.schedule .section-heading{align-items:flex-start}.schedule .eyebrow{letter-spacing:.7px}.schedule h2{font-size:18px}.schedule .button{font-size:12px}.login .auth-modes .button{white-space:normal}.filter-panel .form-actions{flex-direction:column}}
