:root{--background:#09171b;--background-soft:#12252b;--surface:#113039;--surface-soft:#1a3d47;--text:#e6f1f4;--muted:#9ec0c8;--accent:#f6b73c;--danger:#ff7b7b;--success:#78d99e;--border:#ecf9ff24}*{box-sizing:border-box}html,body{max-width:100vw;min-height:100vh}body{background:radial-gradient(circle at top,#153742,var(--background)50%);color:var(--text);margin:0;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul{margin:0}label{gap:.35rem;display:grid}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--border);color:var(--text);background:#051115b3;border-radius:.6rem;padding:.6rem .75rem}textarea{resize:vertical;min-height:7rem}button,.button-link{background:var(--accent);color:#1c1400;cursor:pointer;border:0;border-radius:.7rem;padding:.65rem .95rem;font-weight:650}.button-link{align-items:center;display:inline-flex}.button-link.button-small,.button-small{padding:.48rem .75rem;font-size:.9rem}button:disabled{opacity:.7;cursor:not-allowed}.button-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.center-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.page-wrap{width:min(100%,1080px);margin:0 auto;padding:1.5rem}.dashboard-shell{gap:.9rem;width:min(100%,1200px);margin:0 auto;padding:1.25rem;display:grid}.dashboard-main{gap:1rem;display:grid}.dashboard-content{gap:1rem;min-width:0;padding-bottom:7rem;display:grid}.stack{gap:1rem;display:grid}.stack-small{gap:.6rem;display:grid}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.card{background:linear-gradient(160deg,var(--surface),var(--surface-soft));border:1px solid var(--border);border-radius:1rem;padding:1rem}.card.card-wide{width:min(100%,720px)}.card.card-narrow{width:min(100%,440px)}.section-header,.dashboard-header,.dashboard-header-shell{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.section-title-row{justify-content:space-between;align-items:center;gap:.55rem;width:100%;display:flex}.icon-action-button{background:var(--accent);color:#1c1400;border:0;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;font-weight:700;line-height:1;display:inline-flex}.icon-action-button:hover{background:#ffd077}.dashboard-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.dashboard-nav{border:1px solid var(--border);background:#08161b73;border-radius:.8rem;gap:.45rem;padding:.45rem;display:grid}.dashboard-nav-link{color:var(--muted);text-align:center;border:1px solid #0000;border-radius:.58rem;justify-content:center;align-items:center;padding:.6rem .7rem;display:inline-flex}.dashboard-nav-link-inner{align-items:center;gap:.45rem;display:inline-flex}.dashboard-nav-icon{flex:none;width:1.1rem;height:1.1rem;display:inline-flex}.dashboard-nav-icon svg{width:100%;height:100%}.dashboard-nav-link:hover{color:var(--text);border-color:var(--border)}.dashboard-nav-link.active{color:var(--text);border-color:var(--border);background:#ffffff14}.dashboard-nav-cta{justify-content:center;width:100%}.dashboard-nav-desktop{display:none}.dashboard-nav-mobile{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem .35rem max(.85rem,env(safe-area-inset-bottom));background:#08161bf5;border-bottom:0;border-left:0;border-right:0;border-radius:.9rem .9rem 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;position:fixed;bottom:0;left:0;right:0}.dashboard-nav-mobile .dashboard-nav-link{min-height:4.6rem;padding:.55rem .2rem;font-size:.76rem}.dashboard-nav-mobile .dashboard-nav-link-inner{justify-items:center;gap:.28rem;display:grid}.dashboard-nav-mobile .dashboard-nav-icon{width:1.45rem;height:1.45rem}.timer-panel{background:linear-gradient(160deg,var(--surface),var(--surface-soft));border:1px solid var(--border);border-radius:1rem;width:100%;max-width:none;padding:1rem}.integration-tile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;display:grid}.integration-tile{border:1px solid var(--border);background:#05141773;border-radius:.8rem;align-content:start;gap:.45rem;padding:.7rem;display:grid}.integration-tile:hover{background:#081c219e;border-color:#f6b73c80}.avatar-menu{position:relative}.avatar-trigger{cursor:pointer;list-style:none}.avatar-trigger::-webkit-details-marker{display:none}.avatar-badge{border:1px solid var(--border);letter-spacing:.03em;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.84rem;font-weight:700;display:inline-flex}.avatar-dropdown{border:1px solid var(--border);background:#08161bfa;border-radius:.75rem;gap:.6rem;width:min(88vw,260px);padding:.7rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 26px #0000004d}.avatar-name{font-weight:650}.avatar-email{overflow-wrap:anywhere;font-size:.9rem}.avatar-actions{gap:.4rem;display:grid}.qr-scanner-frame{border:1px solid var(--border);background:#0410148c;border-radius:.75rem;overflow:hidden}.qr-scanner-video{object-fit:cover;width:100%;max-height:min(60vh,420px);display:block}.qr-scanner-canvas{display:none}.status-chip{border:1px solid var(--border);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.8rem;display:inline-flex}.status-chip.ok{color:#b9ffd0;background:#78d99e29;border-color:#78d99e99}.status-chip.warn{color:#ffd2d2;background:#ff7b7b1f;border-color:#ff7b7b99}.simple-list,.timer-list{gap:.45rem;padding:0;list-style:none;display:grid}.notice{border-radius:.6rem;padding:.65rem .75rem}.notice.success{background:#78d99e24;border:1px solid #78d99e66}.notice.error{background:#ff7b7b26;border:1px solid #ff7b7b73}.muted{color:var(--muted)}.mirror-card{border:1px solid var(--border);border-radius:.8rem;gap:.75rem;padding:.8rem;display:grid}.mirror-overview-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;display:grid}.mirror-overview-tile{border:1px solid var(--border);background:#05141773;border-radius:.85rem;align-content:start;gap:.7rem;padding:.85rem;display:grid}.mirror-overview-icon{border:1px solid var(--border);background:#ffffff0d;border-radius:.7rem;place-items:center;width:2.6rem;height:2.6rem;font-size:1.3rem;display:grid}.mirror-card-header{align-items:flex-start}.mirror-card-primary-actions{justify-content:flex-end}.details-panel{background:#04101473;border:1px solid #ffffff1a;border-radius:.7rem}.details-summary{cursor:pointer;padding:.55rem .7rem;font-weight:600}.details-body{padding:.1rem .7rem .7rem}.inline-copy-wrap{gap:.3rem;display:grid}.inline-copy-status{font-size:.85rem}.module-config-list{gap:.75rem;display:grid}.module-config-card{border:1px solid var(--border);background:#05141773;border-radius:.8rem;gap:.75rem;padding:.75rem;display:grid}.module-config-disclosure{gap:.65rem;display:grid}.module-config-disclosure>summary{list-style:none}.module-config-disclosure>summary::-webkit-details-marker{display:none}.module-config-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.7rem;padding:.1rem 0;display:flex}.module-config-summary:after{content:"▾";color:var(--muted);font-size:.9rem}.module-config-disclosure[open] .module-config-summary:after{transform:rotate(180deg)}.module-config-summary-title{font-weight:700}.module-config-disclosure-body{gap:.65rem;display:grid}.module-config-grid{gap:.55rem;display:grid}.inline-checkbox{align-items:center;gap:.5rem;display:inline-flex}.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.module-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.attention-edit-list{gap:.65rem;display:grid}.attention-edit-row{border:1px solid #ffffff14;border-radius:.6rem;gap:.5rem;padding:.55rem;display:grid}.preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}.preset-button{padding:.45rem .25rem}.qr-image{border:1px solid var(--border);border-radius:.6rem;width:280px;max-width:100%}.pairing-panel{width:100%}.pairing-qr-wrap{justify-items:center;display:grid}.pair-link-disclosure{border:1px solid var(--border);background:#05141773;border-radius:.65rem;width:100%;padding:.55rem .65rem}.pair-link-disclosure summary{cursor:pointer;color:var(--text);font-weight:600}.integration-diagnostics-card{background:#030e118c}.integration-diagnostics-list{gap:.45rem;margin:0;display:grid}.integration-diagnostics-list>div{border-bottom:1px solid #ffffff12;justify-content:space-between;gap:.75rem;padding-bottom:.32rem;display:flex}.integration-diagnostics-list>div:last-child{border-bottom:none;padding-bottom:0}.integration-diagnostics-list dt{color:var(--muted)}.integration-diagnostics-list dd{text-align:right;margin:0;font-weight:600}.pair-link-text{word-break:break-all;margin-top:.45rem;font-family:SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.35}.pair-code{letter-spacing:.2em;text-align:center;border:1px dashed var(--border);background:#0514178c;border-radius:.6rem;padding:.45rem .2rem;font-family:SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,7vw,2.8rem);font-weight:700}.mirror-screen{background:radial-gradient(circle at 20% 0,#204451,#0c1f24 60%);grid-template-rows:auto 1fr;align-content:start;gap:1rem;height:100vh;min-height:100vh;padding:1.6rem;display:grid;overflow:hidden}.mirror-screen.mirror-screen-focus{align-content:center;justify-items:center;padding:0}.mirror-screen.mirror-screen-monochrome{filter:none;color:#fff;background:#000}.mirror-screen.mirror-screen-monochrome .mirror-widget,.mirror-screen.mirror-screen-monochrome .calendar-row,.mirror-screen.mirror-screen-monochrome .todoist-row,.mirror-screen.mirror-screen-monochrome .attention-row,.mirror-screen.mirror-screen-monochrome .forecast-item,.mirror-screen.mirror-screen-monochrome .timer-focus-row{box-shadow:none;background:#000;border-color:#0000}.mirror-screen.mirror-screen-monochrome .timer-row{background:#000;border-bottom-color:#0000}.mirror-screen.mirror-screen-monochrome .timer-focus-screen{background:#000}.mirror-header h1{letter-spacing:.06em;text-transform:uppercase;font-size:clamp(1.2rem,1.5vw,1.55rem)}.mirror-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(var(--mirror-grid-rows,12),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:start;gap:1rem;height:100%;min-height:0;display:grid;position:relative}.mirror-grid-overlay{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(var(--mirror-grid-rows,12),minmax(0,1fr));pointer-events:none;z-index:4;border:1px solid #add3e238;gap:1rem;display:grid;position:absolute;inset:0}.mirror-grid-line{position:relative}.mirror-grid-line-v{border-left:1px solid #add3e247;grid-row:1/-1}.mirror-grid-line-h{border-top:1px solid #add3e247;grid-column:1/-1}.mirror-grid-label{color:#cee4ecb3;text-shadow:0 1px 2px #00000080;font-size:.62rem;font-weight:600;line-height:1}.mirror-grid-label-col{place-self:start center;margin-top:.15rem}.mirror-grid-label-row{place-self:center start;margin-left:.15rem}.mirror-screen-show-grid.mirror-screen-monochrome .mirror-grid-line-v,.mirror-screen-show-grid.mirror-screen-monochrome .mirror-grid-line-h{border-color:#ffffff47}.mirror-screen-show-grid.mirror-screen-monochrome .mirror-grid-overlay{border-color:#ffffff38}.mirror-screen-show-grid.mirror-screen-monochrome .mirror-grid-label{color:#ffffffb8}.mirror-grid>.mirror-widget{z-index:1;position:relative}.mirror-widget{background:#08161bb8;border:1px solid #e6f1f433;border-radius:1rem;align-content:start;gap:.55rem;min-height:0;padding:1rem;display:grid;overflow:hidden}.module-custom-title{letter-spacing:.02em;font-size:1.02rem;font-weight:700}.mirror-widget.widget-clock{text-align:center;align-content:center;justify-items:center;gap:.25rem;overflow:hidden;container-type:size}.mirror-widget.widget-weather{container-type:size}.mirror-widget.widget-wide{grid-column:1/-1}.clock-time{letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(2.8rem,10vw,8rem);font-weight:700;line-height:1}.clock-date{text-transform:capitalize;letter-spacing:.02em;margin-bottom:0;font-size:clamp(.85rem,min(3.4cqi,5cqb),2rem);font-weight:600;line-height:1.1;transform:translateY(-.62em)}.mirror-widget.widget-clock .clock-time{font-size:clamp(3rem,min(48cqi,72cqb),14rem);line-height:.92}.mirror-widget.widget-clock .clock-time.clock-large{font-size:clamp(4rem,min(56cqi,82cqb),18rem)}.mirror-widget.widget-clock .clock-time.clock-with-date{font-size:clamp(2.4rem,min(42cqi,62cqb),11.5rem)}.mirror-widget.widget-clock .clock-time.clock-large.clock-with-date{font-size:clamp(3rem,min(48cqi,70cqb),14rem)}.mirror-widget.widget-clock .clock-time.clock-with-seconds{letter-spacing:.02em;font-size:clamp(2.4rem,min(40cqi,58cqb),11rem)}.mirror-widget.widget-clock .clock-time.clock-large.clock-with-seconds{font-size:clamp(2.8rem,min(46cqi,64cqb),13.5rem)}.weather-temp{white-space:nowrap;align-items:flex-start;gap:.06em;font-weight:700;line-height:.95;display:inline-flex}.weather-temp-value{font-size:clamp(2.4rem,5.2vw,3.6rem);line-height:.88}.weather-temp-unit{margin-top:.3em;font-size:clamp(1rem,1.5vw,1.45rem);line-height:1}.mirror-widget.widget-weather .weather-temp-value{font-size:clamp(3.2rem,min(30cqi,44cqb),9.8rem)}.mirror-widget.widget-weather .weather-temp.weather-temp-has-decimals .weather-temp-value{font-size:clamp(2.8rem,min(26cqi,38cqb),8.2rem)}.mirror-widget.widget-weather .weather-temp-unit{font-size:clamp(1rem,min(8.2cqi,12cqb),1.9rem)}.weather-current{align-content:center;justify-items:center;gap:.5rem;display:grid}.weather-current-main{justify-content:center;align-items:center;gap:.34rem;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.weather-current-icon{font-size:clamp(2.5rem,min(22cqi,34cqb),7.2rem);line-height:1}.forecast-row{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:.45rem;margin-top:.2rem;padding:0;list-style:none;display:grid}.forecast-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:.6rem;justify-items:center;gap:.15rem;padding:.35rem;display:grid}.forecast-icon{font-size:1.3rem}.timer-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem 0;display:flex}.timer-row-actions{justify-items:end;gap:.35rem;display:grid}.timer-focus-screen{background:radial-gradient(circle at 40% 40%,#1a3f4a,#09171b 65%);align-content:center;justify-items:center;gap:clamp(.8rem,2.1vh,1.5rem);width:100vw;min-height:100vh;padding:clamp(1.2rem,3vw,2.8rem) 1rem 1rem;display:grid;position:relative}.timer-focus-screen-clock{letter-spacing:.03em;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.96;margin-bottom:clamp(.5rem,1.6vh,1.1rem);font-size:clamp(3.2rem,12vw,9.5rem);font-weight:700;line-height:.95;position:static}.timer-focus-screen-label{letter-spacing:.04em;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:600}.timer-focus-screen-time{letter-spacing:.04em;font-size:clamp(4rem,22vw,16rem);font-weight:700;line-height:1}.timer-focus-list{gap:.45rem;width:min(90vw,760px);margin:.4rem 0 0;padding:0;list-style:none;display:grid}.timer-focus-row{background:#ffffff0d;border:1px solid #ffffff24;border-radius:.7rem;justify-content:space-between;align-items:center;padding:.5rem .7rem;display:flex}.calendar-list,.todoist-list,.attention-list,.timer-list{align-content:start;gap:.45rem;min-height:0;margin-top:.35rem;padding:0;list-style:none;display:grid;overflow:auto}.calendar-row,.todoist-row,.attention-row{background:#ffffff05;border:1px solid #ffffff14;border-radius:.55rem;padding:.45rem .55rem}.mirror-widget.widget-calendar{gap:.4rem;padding:.75rem}.mirror-widget.widget-calendar .calendar-list{gap:.35rem;margin-top:.2rem}.mirror-widget.widget-calendar .calendar-row{padding:.35rem .45rem}.calendar-list,.todoist-list{gap:.28rem}.calendar-row,.todoist-row{border-radius:.48rem;padding:.28rem .42rem}.attention-row{text-align:center;grid-template-rows:auto auto auto;align-content:center;place-items:center;gap:.15rem;min-height:0;display:grid}.attention-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.attention-title{font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:600;line-height:1.15}.attention-count{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:750;line-height:1}.attention-subtitle{color:var(--muted);text-transform:lowercase;font-size:clamp(.78rem,.95vw,.95rem)}.mirror-screen.mirror-screen-monochrome .attention-title,.mirror-screen.mirror-screen-monochrome .attention-subtitle{color:#fff}.calendar-title{font-size:.95rem;font-weight:600;line-height:1.14}.calendar-meta{font-size:.84rem;line-height:1.08}.calendar-source{font-size:.88rem}.todoist-content{font-size:.93rem;font-weight:600;line-height:1.12}@media (max-width:740px){.dashboard-header,.dashboard-header-shell{align-items:flex-start}.layout-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mirror-card-primary-actions{justify-content:flex-start}}@media (min-width:960px){.dashboard-main{grid-template-columns:220px minmax(0,1fr);align-items:start}.dashboard-content{padding-bottom:0}.dashboard-nav-desktop{display:grid;position:sticky;top:1rem}.dashboard-nav-mobile{display:none}.dashboard-nav-link{text-align:left;justify-content:flex-start}.dashboard-nav-mobile .dashboard-nav-link-inner{justify-items:initial;gap:.45rem;display:inline-flex}}
