@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#f4f1ea;--paper:#fffefab8;--text:#555750;--strong:#464842;--muted:#8d887e;--ink-soft:#696b62;--line:#ded8cd;--accent:#71805d;--accent-ink:#6d7d5a;--accent-ink-light:#7f8f69;--shadow:#2d2a2314;--font-title:"Geist", sans-serif;--font-label:"IBM Plex Mono", monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-title), system-ui, sans-serif;margin:0}html,body,#root{min-width:1440px;min-height:900px}.workspace{background:radial-gradient(circle at var(--mouse-x,18%) var(--mouse-y,8%), #fffffffa, transparent 30%), linear-gradient(135deg, #fbfaf7 0%, #eee9df 100%);background-size:120% 120%;width:100%;min-width:1440px;min-height:900px;padding:42px 52px 34px;animation:.52s ease-out both workspaceFadeIn,42s ease-in-out infinite ambientShift;position:relative;overflow:hidden}.workspace:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at var(--mouse-x,18%) var(--mouse-y,8%), #ffffffb8, #ffffff38 22%, transparent 48%);opacity:.82;transition:opacity .26s;position:fixed;inset:-20%}.workspace:after{content:"";z-index:0;pointer-events:none;transform:translate(calc((var(--mouse-x-raw,50) - 50) * .35px), calc((var(--mouse-y-raw,50) - 50) * .18px));opacity:.55;background:linear-gradient(115deg,#fff0 0%,#ffffff2e 42%,#fff0 68%);transition:transform .22s,opacity .22s;animation:26s ease-in-out infinite morningGlow;position:fixed;inset:0}.workspace>*{z-index:1;position:relative}.workspace-header{justify-content:space-between;align-items:flex-start;height:82px;margin-bottom:24px;display:flex}.brand{align-items:flex-start;gap:18px;animation:.52s ease-out both panelRise;display:flex}.asterisk{color:#6f716a;transform-origin:50%;margin-top:4px;font-size:34px;line-height:1;transition:color .42s,opacity .42s;display:inline-block}.brand:hover .asterisk{color:var(--accent)}.brand h1{letter-spacing:-.04em;color:var(--strong);margin:0;font-size:34px;font-weight:500}.brand p{color:var(--muted);margin:8px 0 0;font-size:14px}.availability-pill{-webkit-backdrop-filter:blur(18px)saturate(165%);background:linear-gradient(#ffffff9e,#ffffff5c);border:1px solid #ffffffb8;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;min-width:220px;padding:13px 18px;transition:transform .28s,box-shadow .28s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 10px 28px #2d2a2314}.availability-pill:before{content:"";pointer-events:none;border-radius:inherit;transform:translateX(calc((var(--mouse-x-raw,50) - 50) * .28px));opacity:.38;background:linear-gradient(105deg,#0000 0%,#ffffff6b 18%,#0000 34%);position:absolute;inset:1px}.availability-pill:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffd1,0 16px 36px #2d2a231a}.availability-pill>*{z-index:1;position:relative}.availability-status{align-items:center;gap:12px;display:flex}.availability-pill strong{color:var(--ink-soft);font-size:14px}.availability-pill p{color:var(--muted);margin:3px 0 0;font-size:12px}.dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:3.8s ease-in-out infinite onlineBreath}.availability-links{gap:10px;display:flex}.availability-links a{width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;text-decoration:none;transition:transform .22s,background .22s,color .22s;display:grid}.availability-links a:hover{color:var(--accent);background:#71805d1a;transform:translateY(-1px)}.availability-links svg,.break-icon svg{width:20px;height:20px;stroke:var(--accent);transition:all .25s}.workspace-grid{grid-template-rows:1fr .58fr;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:18px;height:718px;display:grid}.panel{color:var(--text);box-shadow:calc((var(--mouse-x-raw,50) - 50) * -.16px) calc((var(--mouse-y-raw,50) - 50) * -.12px) 54px #2d2a2314, 0 14px 34px #2d2a230d;transform:perspective(1200px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));background:linear-gradient(135deg,#ffffffc2,#fffefa94);border:1px solid #d2cabcd1;border-radius:28px;padding:24px;transition:transform .26s cubic-bezier(.22,.8,.24,1),box-shadow .34s cubic-bezier(.22,.8,.24,1),border-color .32s,background .5s;animation:.52s ease-out both panelRise;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;opacity:.075;mix-blend-mode:soft-light;background-image:linear-gradient(115deg,#ffffff6b,#0000 42%),radial-gradient(circle at 18% 22%,#71805d29 0 1px,#0000 1.8px),radial-gradient(circle at 62% 70%,#5a55461f 0 1px,#0000 1.7px),radial-gradient(circle at 38% 84%,#ffffffd9 0 1px,#0000 2px);background-size:100% 100%,120px 120px,170px 170px,140px 140px;position:absolute;inset:0}.panel:hover{box-shadow:calc((var(--mouse-x-raw,50) - 50) * -.22px) calc((var(--mouse-y-raw,50) - 50) * -.16px) 70px #2d2a231c, 0 20px 42px #2d2a230f;border-color:#71805d38}.panel:hover:before{opacity:.11}.panel>*{z-index:1;position:relative}.panel:first-child{animation-delay:40ms}.panel:nth-child(2){animation-delay:80ms}.panel:nth-child(3){animation-delay:.12s}.panel:nth-child(4){animation-delay:.16s}.panel:nth-child(5){animation-delay:.2s}.panel:nth-child(6){animation-delay:.24s}.focus-panel{background:linear-gradient(135deg,#ffffffd1,#fffefa9e);flex-direction:column;justify-content:flex-start;display:flex}.workspace-grid>.panel:nth-child(2){background:linear-gradient(135deg,#fffffdbd,#faf9f494)}.workspace-grid>.panel:nth-child(3){background:linear-gradient(135deg,#fcfbf7b8,#f6f4ee94)}.offdays-panel{background:linear-gradient(#fffcf6d1,#fff6eba3);grid-column:span 2;padding-top:22px}.completed-panel{background:linear-gradient(#fdfcf8c2,#f4f1e9a8);flex-direction:column;display:flex;position:relative;overflow:hidden}.pipeline-panel{background:linear-gradient(#fffffdc7,#fafaf69e);flex-direction:column;grid-column:span 2;height:100%;display:flex}.eyebrow{font-family:var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 22px;font-size:11px;font-weight:500}.focus-panel h2{max-width:11ch;color:var(--strong);letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(30px,2.8vw,44px);font-weight:300;line-height:1.04}.work-row span,.text-row,.complete-row span,.offday strong,.pipeline-row strong{color:var(--text)}.progress-block{margin:0 0 22px}.progress-block span{color:#71805df2;letter-spacing:-.05em;margin-bottom:18px;font-size:56px;font-weight:200;line-height:1;display:block}.focus-meta{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;padding-top:20px;display:grid}.focus-meta p{font-family:var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:10px}.focus-meta strong{color:var(--ink-soft);font-size:14px;font-weight:300}.progress-track{background:#e9e4db;border-radius:999px;width:100%;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-ink), var(--accent-ink-light));transform-origin:0;height:100%;animation:.76s ease-out both progressGrow;position:relative;overflow:hidden;box-shadow:0 0 10px #71805d1f}.progress-fill:after{content:"";opacity:.22;background:linear-gradient(#ffffff52,#0000);position:absolute;inset:0}.work-item{margin-bottom:22px}.work-row{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.work-row strong{color:var(--ink-soft);font-weight:400}.text-row,.complete-row{border-bottom:1px solid var(--line);padding:15px 0;font-size:14px;line-height:1.35}.complete-row{grid-template-columns:1fr 52px;align-items:start;gap:16px;display:grid}.complete-row small{color:var(--muted);opacity:.58;text-align:right;white-space:nowrap;font-size:12px;line-height:1.35}.completed-list{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;min-height:0;padding-bottom:110px;padding-right:12px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0% 68%,#0000008c 84%,#0000 100%);mask-image:linear-gradient(#000 0% 68%,#0000008c 84%,#0000 100%)}.completed-panel:hover .completed-list{scrollbar-color:#71805d61 transparent}.completed-list::-webkit-scrollbar{width:5px}.completed-list::-webkit-scrollbar-track{background:0 0}.completed-list::-webkit-scrollbar-thumb{background:0 0;border-radius:999px;transition:all .25s}.completed-panel:hover .completed-list::-webkit-scrollbar-thumb{background:#71805d61}.completed-list::-webkit-scrollbar-thumb:hover{background:#71805d8c}.completed-panel:after{content:"";z-index:3;pointer-events:none;opacity:.18;background:linear-gradient(90deg,#0000,#696b62b3,#0000);width:330px;height:1px;position:absolute;bottom:15px;left:24px;transform:rotate(-5deg)}.offday{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr auto;align-items:center;gap:18px;padding:14px 0;display:grid}.break-icon{width:48px;height:48px;color:var(--accent);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.break-copy strong{font-size:17px;font-weight:500}.break-copy p{color:var(--muted);margin:6px 0 0;font-size:14px}.pipeline-panel .eyebrow{margin-bottom:14px}.pipeline-list{flex:1;padding-right:18px;overflow-y:auto}.pipeline-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:12px 0;display:flex}.pipeline-row div{min-width:0}.pipeline-row strong{font-size:15px;font-weight:500}.pipeline-row p{color:var(--muted);margin:6px 0 0;font-size:12px}.pipeline-row span{min-width:82px;color:var(--ink-soft);text-align:center;white-space:nowrap;background:#71805d14;border-radius:999px;padding:6px 10px;font-size:12px}.pipeline-list::-webkit-scrollbar{width:6px}.pipeline-list::-webkit-scrollbar-track{background:#ded8cd73;border-radius:999px}.pipeline-list::-webkit-scrollbar-thumb{background:#71805d6b;border-radius:999px}.pipeline-list::-webkit-scrollbar-thumb:hover{background:#71805d8c}@keyframes workspaceFadeIn{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}@keyframes panelRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes progressGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes onlineBreath{0%,to{opacity:1;box-shadow:0 0 #71805d38}50%{opacity:.72;box-shadow:0 0 0 5px #71805d00}}@keyframes ambientShift{0%{background-position:0 0}50%{background-position:3% -2%}to{background-position:0 0}}@keyframes morningGlow{0%,to{opacity:.55}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.workspace,.workspace:after,.brand,.panel,.dot,.asterisk,.progress-fill{animation:none}.panel{transform:none}}.asterisk{transform:translate(calc((var(--mouse-x-raw,50) - 50) * .04px), calc((var(--mouse-y-raw,50) - 50) * .028px)) rotate(calc((var(--mouse-x-raw,50) - 50) * .055deg))}