:root{color-scheme:dark;--bg:#0b111b;--panel:#121c2b;--panel2:#182537;--text:#e5edf7;--muted:#91a0b5;--line:#26364b;--accent:#5eead4;--blue:#60a5fa;--danger:#fb7185;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#13243b 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:var(--panel);padding:.7rem;z-index:20}.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,3.5rem);border-bottom:1px solid var(--line);background:#0b111be8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand span,.eyebrow{color:var(--accent)}nav{display:flex;align-items:center;gap:.35rem}nav a,.link-button{padding:.6rem .8rem;border-radius:.55rem;text-decoration:none;color:var(--muted);font:inherit;background:none;border:0;cursor:pointer}nav a:hover,.link-button:hover,nav a[aria-current=page]{color:var(--text);background:var(--panel2)}main{width:min(1440px,100%);margin:auto;padding:2rem clamp(1rem,4vw,3.5rem) 5rem}.page-heading{display:flex;gap:2rem;justify-content:space-between;align-items:end;margin-bottom:1.5rem}.page-heading h1,.login-card h1{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em;margin:.1rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;margin:0}.muted{color:var(--muted)}.filters,.rule-form{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}label{display:grid;gap:.4rem;color:var(--muted);font-size:.82rem;font-weight:650}input,select,button{font:inherit}input,select{background:#0c1522;color:var(--text);border:1px solid var(--line);border-radius:.55rem;padding:.68rem .75rem;min-height:42px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{background:var(--accent);color:#06201c;border:0;border-radius:.55rem;padding:.7rem 1rem;font-weight:800;cursor:pointer;min-height:42px}button:hover{filter:brightness(1.08)}button.secondary,.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}button.danger{background:#441d2a;color:#fecdd3}button.small{padding:.4rem .6rem;min-height:32px;margin:.1rem}.icon-button{background:transparent;color:var(--muted);padding:.2rem;min-height:28px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.8rem;margin:1rem 0 1.5rem}.metric-card,.panel{background:linear-gradient(145deg,#152235,#101925);border:1px solid var(--line);border-radius:.85rem;box-shadow:0 18px 50px #0002}.metric-card{padding:1rem;display:grid;gap:.3rem}.metric-card span,.metric-card small{color:var(--muted);font-size:.76rem}.metric-card strong{font-size:1.55rem;letter-spacing:-.035em}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{padding:1.15rem;margin-bottom:1rem;min-width:0}.panel.wide{grid-column:1/-1}.panel h2{font-size:1rem;margin:0 0 1rem}.chart-wrap{height:260px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.rank-list{list-style-position:inside;padding:0;margin:0}.rank-list li{display:flex;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pill,.badge{font-size:.72rem;border:1px solid var(--line);padding:.25rem .5rem;border-radius:2rem;color:var(--muted)}.badge.productive{color:#6ee7b7;border-color:#166534}.badge.distracting{color:#fda4af;border-color:#9f1239}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}th,td{padding:.75rem;border-bottom:1px solid var(--line);vertical-align:middle}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:150px minmax(120px,1fr) 2fr auto;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}.timeline-item time{font-size:.78rem;color:var(--muted)}.timeline-item h3,.timeline-item p{margin:0;font-size:.88rem}.break{overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);padding:1rem}.rule-form .grow{flex:1;min-width:240px}.toast{position:fixed;right:1rem;bottom:1rem;background:#2b1b25;border:1px solid var(--danger);border-radius:.6rem;padding:.8rem 1rem;z-index:30}.login-body{display:grid;place-items:center;padding:1rem}.login-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 25px 80px #0008}.login-card form{display:grid;gap:1rem;margin-top:1.5rem}.alert{background:#431b28;color:#fecdd3;border-radius:.5rem;padding:.75rem;font-size:.9rem}
@media(max-width:850px){.page-heading{align-items:start;flex-direction:column}.chart-grid,.split-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr auto}.timeline-item p{grid-column:1/-1}.site-header{padding:0 1rem}.brand span{display:none}main{padding-top:1.25rem}}@media(max-width:520px){nav a,.link-button{padding:.5rem}.filters>*{flex:1 1 130px}.filters button{flex-basis:100%}.metric-card strong{font-size:1.3rem}.panel{padding:.85rem}}