:root{font-family:'DM Sans',sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{--bg:#e8e9f3;--paper:#f8f8fc;--panel:#fff;--alt:#f1f2fa;--rail:#eef0fa;--line:#dfe1ec;--ink:#1b2135;--muted:#7c8396;--accent:#5855db;--accent-ink:#fff;--soft:#e5e5ff;--team:#dfe9ff;--team-ink:#425a9f;--strategy:#eee5ff;--strategy-ink:#7050b1;--customer:#dff4ee;--customer-ink:#2d8370;--shadow:0 24px 80px #292b5a21;color:var(--ink);background:var(--bg);transition:background .3s,color .3s}body[data-theme=volt]{--bg:#eceee6;--paper:#f7f9f4;--panel:#fff;--alt:#f0f3e9;--rail:#f1f4eb;--line:#dfe4d6;--ink:#17231e;--muted:#748178;--accent:#1f9666;--accent-ink:#fff;--soft:#d8f3e5;--team:#e5e9ff;--team-ink:#525e9b;--strategy:#e2f2e8;--strategy-ink:#247d57;--customer:#fff0d6;--customer-ink:#9d6c24;--shadow:0 24px 80px #1b351d1c}body[data-theme=ember]{--bg:#eee8e3;--paper:#faf7f4;--panel:#fffdfb;--alt:#f6eee9;--rail:#f7f1eb;--line:#e8dcd4;--ink:#2e2624;--muted:#94847f;--accent:#d75b3b;--accent-ink:#fff;--soft:#ffe4d7;--team:#e5edf8;--team-ink:#4d6996;--strategy:#f9e5d9;--strategy-ink:#ac6245;--customer:#e7f1df;--customer-ink:#5c804c;--shadow:0 24px 80px #46291a20}body[data-theme=carbon]{--bg:#090d12;--paper:#10161d;--panel:#151c24;--alt:#1b252d;--rail:#10161d;--line:#29323a;--ink:#eaf2f1;--muted:#829397;--accent:#a8e662;--accent-ink:#142216;--soft:#304329;--team:#21354b;--team-ink:#92bcff;--strategy:#334125;--strategy-ink:#c0ef82;--customer:#3c3029;--customer-ink:#efb88c;--shadow:0 24px 80px #0006}kbd{font:500 9px 'DM Mono',monospace;color:var(--muted)}.lab{height:58px;background:#141a21;color:#f6f7f4;display:flex;align-items:center;padding:0 24px;gap:30px;border-bottom:1px solid #303842}.lab-brand{font:800 17px Manrope,sans-serif;letter-spacing:-.07em;white-space:nowrap}.lab-brand>span{color:#9fea63}.lab-brand small{font:500 9px 'DM Mono',monospace;letter-spacing:.16em;color:#8c999b;margin-left:16px}.lab-tabs{display:flex;gap:4px}.lab-tabs button{border:0;background:transparent;color:#9ba6a7;padding:9px 13px;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;transition:.2s}.lab-tabs button:hover,.lab-tabs button.active{color:white;background:#2c3541}.lab-tabs button:hover{transform:translateY(-1px)}.lab-tabs button span{font:10px 'DM Mono',monospace;opacity:.6}.lab-tabs i,.swatch{display:inline-block;width:11px;height:11px;border-radius:50%;background:#6b69d9;box-shadow:0 0 0 2px #ffffff22}.lab-tabs [data-theme=volt] i,.swatch.volt{background:#a8e662}.lab-tabs [data-theme=ember] i,.swatch.ember{background:#e66d4c}.lab-tabs [data-theme=carbon] i,.swatch.carbon{background:#82d1f5}.lab-back{margin-left:auto;color:#a6b1b1;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}.stage{height:calc(100vh - 58px);padding:14px}.app-shell{height:100%;max-width:1800px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:flex;overflow:hidden;animation:none}@keyframes appear{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rail{width:205px;flex:none;background:var(--rail);border-right:1px solid var(--line);padding:25px 13px 13px;display:flex;flex-direction:column}.rail-brand{display:flex;align-items:center;gap:10px;padding:0 9px 35px;font:700 21px Manrope,sans-serif;letter-spacing:-.07em}.rail-brand strong>span{color:var(--accent)}.brand-symbol{width:30px;height:30px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:20px;transition:transform .4s}.brand-symbol:hover{transform:rotate(45deg)}.rail-group-label{font:500 9px 'DM Mono',monospace;letter-spacing:.16em;color:var(--muted);padding:0 12px;margin:0 0 11px}.rail-link{height:40px;border:0;background:transparent;color:var(--muted);border-radius:10px;display:flex;align-items:center;gap:11px;padding:0 12px;text-align:left;font-size:12px;font-weight:700;transition:.2s}.rail-link:hover{color:var(--ink);background:var(--alt);transform:translateX(2px)}.rail-link.selected{color:var(--accent);background:var(--soft)}.rail-icon{font-size:17px;width:20px;text-align:center}.projects-label{margin-top:31px}.rail-project{height:31px;padding:0 13px;color:var(--muted);font-size:11px;font-weight:600;display:flex;align-items:center;gap:10px}.rail-project i{width:6px;height:6px;border:1.5px solid var(--accent);border-radius:2px}.rail-spacer{flex:1}.rail-hint{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 13px;margin-bottom:12px}.rail-hint>span{font:500 8px 'DM Mono',monospace;letter-spacing:.15em;color:var(--accent)}.rail-hint strong{display:block;font-size:16px;line-height:1.2;letter-spacing:-.045em;margin:10px 0 16px}.mini-swatches{display:flex;gap:9px}.mini-swatches button{border:0;padding:0;width:14px;height:14px;transition:transform .2s}.mini-swatches button:hover{transform:scale(1.3)}.rail-bottom{height:37px;width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--muted);font-size:10px;font-weight:700}.rail-bottom>span{font-size:17px}.rail-bottom kbd{margin-left:auto}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.workspace-top{height:54px;flex:none;border-bottom:1px solid var(--line);padding:0 26px;display:flex;align-items:center;justify-content:space-between;font:500 9px 'DM Mono',monospace;letter-spacing:.14em;color:var(--muted)}.workspace-top b{color:var(--ink)}.workspace-top>div{display:flex;align-items:center;gap:14px}.workspace-top button{border:1px solid var(--line);background:var(--panel);border-radius:8px;color:var(--muted);height:29px;min-width:177px;display:flex;justify-content:space-between;align-items:center;padding:0 9px;font:500 10px 'DM Sans',sans-serif;letter-spacing:0}.avatar{width:24px;height:24px;background:var(--ink);color:var(--panel);border-radius:50%;display:grid;place-items:center;font:700 10px 'DM Sans',sans-serif}.workspace-body{display:flex;flex-direction:column;min-height:0;height:100%;padding:18px 22px 0}.range-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex:none;min-height:102px}.eyebrow{font:600 9px 'DM Mono',monospace;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}.range-heading h1{font:700 clamp(24px,2.1vw,35px) Manrope,sans-serif;letter-spacing:-.065em;line-height:1.07;margin:8px 0 5px;white-space:nowrap}.range-heading h1 span{color:var(--accent)}.range-heading p{margin:0;color:var(--muted);font-size:11px}.range-controls{display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding-bottom:3px}.segment{display:flex;gap:3px;background:var(--alt);border:1px solid var(--line);border-radius:10px;padding:3px}.segment button{height:29px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;display:flex;align-items:center;gap:11px;transition:.2s}.segment button:hover{color:var(--ink);transform:translateY(-1px)}.segment button.active{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 8px #0002}.segment button.active kbd{color:var(--accent-ink)}.period-nav{display:flex;align-items:center;gap:9px}.period-nav button{border:1px solid var(--line);background:var(--panel);width:23px;height:23px;border-radius:6px;color:var(--ink);display:grid;place-items:center;line-height:1}.period-nav button:hover{color:var(--accent);border-color:var(--accent)}.period-nav strong{font-size:10px;min-width:150px;text-align:center;white-space:nowrap}.period-nav .reset{width:auto;padding:0 7px;color:var(--accent);font-size:9px;font-weight:700}.period-summary{height:37px;flex:none;display:flex;align-items:center;gap:19px;font-size:10px;font-weight:700;color:var(--muted)}.period-summary>span{display:flex;align-items:center;gap:7px}.summary-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.task-dot{background:var(--accent)}.meeting-dot{background:var(--customer-ink)}.period-summary .summary-right{margin-left:auto;font:500 9px 'DM Mono',monospace}.summary-right span{color:var(--accent);font-size:13px}.content-grid{display:grid;grid-template-columns:minmax(350px,.94fr) minmax(480px,1.06fr);gap:12px;flex:1;min-height:0}.pane{background:var(--panel);border:1px solid var(--line);border-radius:13px;min-height:0;display:flex;flex-direction:column;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .2s}.pane:hover{box-shadow:0 7px 24px #0000000a}.pane-head{height:75px;flex:none;padding:16px 18px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.pane-head h2{margin:5px 0 0;font:700 20px Manrope,sans-serif;letter-spacing:-.055em}.pane-head h2 small{font:600 10px 'DM Mono',monospace;color:var(--muted);vertical-align:middle;margin-left:5px}.icon-button{height:27px;border:1px solid var(--line);background:var(--alt);border-radius:7px;padding:0 9px;color:var(--muted);font:500 10px 'DM Mono',monospace}.capture{height:46px;margin:14px 16px 0;background:var(--alt);border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 7px 0 12px;transition:.2s}.capture:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}.capture>span{font-size:21px;color:var(--accent)}.capture input{background:transparent;border:0;outline:0;flex:1;min-width:0;font-size:11px;font-weight:600;color:var(--ink)}.capture input::placeholder{color:var(--muted);font-weight:500}.capture input:focus-visible{outline:0}.capture button{border:0;background:var(--accent);color:var(--accent-ink);width:28px;height:28px;border-radius:6px;font-size:17px;transition:transform .2s}.capture button:hover{transform:translateY(-2px)}.capture-preview{height:31px;padding:7px 18px 5px;display:flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:9px;border-bottom:1px solid var(--line)}.capture-preview>strong{color:var(--ink);font-size:10px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-preview>span:nth-child(2){display:flex;gap:3px;overflow:hidden}.capture-preview em{font-style:normal;color:var(--accent);background:var(--soft);border-radius:4px;padding:3px 5px;white-space:nowrap}.capture-preview kbd{margin-left:auto}.task-list{overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.task-group{font:600 9px 'DM Mono',monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;padding:15px 17px 7px;border-bottom:1px solid var(--line)}.task-row{min-height:60px;display:flex;align-items:center;gap:11px;padding:7px 16px;border-bottom:1px solid var(--line);position:relative;transition:.2s}.task-row:hover{background:var(--alt)}.task-row.active{background:var(--soft)}.task-row.active:before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--accent)}.task-check{flex:none;width:17px;height:17px;border:1.5px solid var(--muted);border-radius:5px;color:transparent;background:transparent;font-size:10px;display:grid;place-items:center;line-height:1;transition:.2s}.task-check:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);transform:scale(1.12)}.task-title{flex:1;min-width:0;text-align:left;background:transparent;border:0;color:var(--ink);padding:0}.task-title strong{font-size:11px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-title>span{font-size:9px;color:var(--muted);display:block;margin-top:3px}.task-title em{font-style:normal;color:var(--accent)}.task-due{font-size:9px;color:var(--muted);white-space:nowrap}.task-priority{border:0;border-radius:5px;padding:5px 6px;min-width:27px;text-align:center;font:700 9px 'DM Mono',monospace;background:var(--alt);color:var(--muted)}.task-priority.pP1{background:#fce3db;color:#c45137}.task-priority.pP2{background:#fff0d7;color:#a76f16}.task-priority.pP3{background:var(--soft);color:var(--accent)}.pane-foot{height:35px;flex:none;border-top:1px solid var(--line);padding:0 16px;display:flex;align-items:center;gap:15px;color:var(--muted);font-size:9px;white-space:nowrap}.pane-foot>span{display:flex;align-items:center;gap:3px}.pane-foot kbd{border:1px solid var(--line);border-radius:3px;padding:2px 3px;margin-right:2px}.empty{height:100%;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-glyph{font-size:31px;color:var(--accent);margin-bottom:12px}.empty strong{font:700 16px Manrope,sans-serif;color:var(--ink)}.empty p{font-size:10px;margin:6px 0}.sample-badge{font:600 8px 'DM Mono',monospace;letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);padding:5px 6px;border-radius:5px}.calendar-pane.keyboard-active{box-shadow:inset 0 0 0 2px var(--accent)}.calendar-content{flex:1;min-height:0;overflow:hidden}.week-calendar,.day-calendar,.month-calendar{height:100%;display:flex;flex-direction:column}.week-head{height:56px;flex:none;display:grid;grid-template-columns:35px repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line)}.week-head button{border:0;border-left:1px solid var(--line);background:var(--panel);color:var(--muted);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.week-head button:hover{background:var(--alt)}.week-head button.today{color:var(--accent);background:var(--soft)}.week-head small{font:600 8px 'DM Mono',monospace}.week-head strong{font:700 14px Manrope,sans-serif}.week-body{flex:1;min-height:0;display:grid;grid-template-columns:35px repeat(7,minmax(0,1fr));position:relative}.week-hours,.time-axis{position:relative;color:var(--muted);font:500 8px 'DM Mono',monospace}.week-hours span,.time-axis span{position:absolute;right:4px;transform:translateY(-50%)}.week-hours span:first-child,.time-axis span:first-child{transform:none}.week-day{position:relative;border-left:1px solid var(--line);background:var(--panel)}.week-day.today{background:color-mix(in srgb,var(--soft) 32%,var(--panel))}.week-day>i,.day-slots>i{position:absolute;left:0;right:0;border-top:1px solid var(--line);pointer-events:none}.week-meeting{position:absolute;left:2px;right:2px;min-height:25px;border:0;border-left:2px solid var(--team-ink);border-radius:4px;background:var(--team);color:var(--team-ink);text-align:left;padding:3px 4px;overflow:hidden;display:flex;flex-direction:column;gap:1px;z-index:1;transition:.2s}.week-meeting:hover,.timed-meeting:hover{transform:scale(1.03);box-shadow:0 4px 12px #0002;z-index:2}.week-meeting.strategy,.timed-meeting.strategy{background:var(--strategy);color:var(--strategy-ink);border-color:var(--strategy-ink)}.week-meeting.customer,.timed-meeting.customer{background:var(--customer);color:var(--customer-ink);border-color:var(--customer-ink)}.week-meeting small{font:600 7px 'DM Mono',monospace;white-space:nowrap}.week-meeting strong{font-size:8px;line-height:1.13;letter-spacing:-.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.day-calendar{padding:0 15px 0 6px}.calendar-intro{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 41px;border-bottom:1px solid var(--line)}.calendar-intro strong{font-size:11px}.calendar-intro span{font:500 9px 'DM Mono',monospace;color:var(--muted)}.day-timeline{display:grid;grid-template-columns:35px 1fr;flex:1;min-height:0}.day-slots{position:relative;border-left:1px solid var(--line)}.timed-meeting{position:absolute;left:10px;right:10px;min-height:34px;display:flex;align-items:center;gap:11px;text-align:left;border:0;border-left:3px solid var(--team-ink);border-radius:5px;background:var(--team);color:var(--team-ink);padding:5px 10px;z-index:1;transition:.2s}.timed-meeting>span{font:600 9px 'DM Mono',monospace;white-space:nowrap}.timed-meeting strong{font-size:11px}.timed-meeting small{font-size:9px;margin-left:auto;white-space:nowrap}.calendar-empty{position:absolute;top:40%;width:100%;text-align:center;color:var(--muted);font-size:11px}.month-head{height:28px;flex:none;display:grid;grid-template-columns:repeat(7,1fr)}.month-head span{display:grid;place-items:center;font:600 8px 'DM Mono',monospace;text-transform:uppercase;color:var(--muted)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,minmax(0,1fr));flex:1;min-height:0}.month-day{border:0;border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--panel);color:var(--ink);min-width:0;text-align:left;padding:5px;overflow:hidden;display:flex;flex-direction:column;gap:3px;transition:background .2s}.month-day:nth-child(7n){border-right:0}.month-day:hover{background:var(--alt)}.month-day.outside{opacity:.38}.month-day.today{background:var(--soft)}.month-num{font:700 10px Manrope,sans-serif;align-self:flex-end}.month-day.today .month-num{color:var(--accent)}.month-event{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:3px;padding:3px;font-size:7px;font-weight:700;background:var(--team);color:var(--team-ink)}.month-event.strategy{background:var(--strategy);color:var(--strategy-ink)}.month-event.customer{background:var(--customer);color:var(--customer-ink)}.more-events{font-size:7px;color:var(--muted)}.workspace-foot{height:27px;flex:none;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:500 8px 'DM Mono',monospace;letter-spacing:.1em}.workspace-foot button{border:0;background:transparent;color:var(--accent);font:700 9px 'DM Sans',sans-serif}#overlay:empty,#toast:empty{display:none}.scrim{position:fixed;inset:0;background:#0d1428a8;backdrop-filter:blur(4px);z-index:8}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;width:min(430px,calc(100vw - 40px));max-height:80vh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 90px #0005;padding:22px;animation:dialogin .2s ease-out}@keyframes dialogin{from{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dialog-kicker{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font:600 9px 'DM Mono',monospace;letter-spacing:.12em}.dialog-kicker button{border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1}.dialog h2{font:700 23px Manrope,sans-serif;letter-spacing:-.05em;margin:14px 0 21px}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--line);font-size:11px}.detail-row span{color:var(--muted)}.detail-row strong{text-align:right}.shortcuts>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:11px}.shortcuts kbd{color:var(--accent);font-size:10px}.palette-input{width:100%;margin:14px 0 8px;background:var(--alt);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px}.palette-actions{max-height:320px;overflow:auto}.palette-actions button{width:100%;border:0;border-radius:6px;background:transparent;color:var(--ink);padding:10px;text-align:left;display:flex;justify-content:space-between;font-size:11px}.palette-actions button:hover{background:var(--soft)}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:10;background:var(--ink);color:var(--panel);border-radius:7px;padding:9px 13px;font-size:11px;font-weight:700;box-shadow:0 8px 30px #0003}@media(max-width:1100px){.stage{padding:8px}.rail{width:165px}.rail-hint{display:none}.content-grid{grid-template-columns:minmax(280px,.95fr) minmax(390px,1.05fr)}.workspace-body{padding:14px 14px 0}.range-heading h1{font-size:25px}.period-summary .summary-right{display:none}}@media(max-width:850px){html,body{overflow:auto;height:auto}.lab{padding:0 12px;gap:12px}.lab-brand small{display:none}.lab-tabs button{padding:8px;font-size:10px}.lab-tabs button span{display:none}.stage{height:auto;min-height:calc(100vh - 58px)}.app-shell{min-height:850px}.rail{display:none}.content-grid{grid-template-columns:1fr;grid-template-rows:minmax(420px,1fr) minmax(430px,1fr)}.range-bar{align-items:flex-start;flex-direction:column;gap:13px}.range-controls{align-items:flex-start}.range-heading h1{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.task-list,.calendar-content{animation:content-in .22s ease-out}@keyframes content-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
