:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#303348;background:#f7f8fb;font-synthesis:none;font-weight:400;font-size:13px;line-height:1.6;--purple:#7064d9;--border:#e9eaf1;--muted:#9295a6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;color:inherit;white-space:nowrap}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #b7aef5;outline-offset:3px}input,select,textarea{color:inherit;border:1px solid #dddfea;border-radius:8px;background:#fff;padding:10px 11px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #d8d2fa;border-color:#a49be3}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500}h1,h2,h3,h4,p{margin:0}h3{font-size:14px;font-weight:600}button{transition:background .16s,box-shadow .16s,transform .16s}.app{display:flex;min-height:100vh}.sidebar{width:224px;background:#fff;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 18px 20px;z-index:12}.brand{display:flex;align-items:center;text-decoration:none;font-size:26px;font-weight:700;color:#303249;letter-spacing:-1.3px;padding:0 12px;gap:9px}.brand-dot{color:var(--purple);margin-left:-9px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;border-radius:10px;width:34px;height:36px;box-shadow:0 4px 9px #7165da1b}.workspace-label{font-size:9px;letter-spacing:1.7px;color:#a2a5b5;padding:37px 13px 14px;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{justify-content:flex-start;gap:12px;text-align:left;padding:12px 13px;border-radius:8px;color:#777c90;font-size:12px}.sidebar nav button:hover{background:#f6f5fd}.sidebar nav button.active{background:#efedfb;color:#7263cc;font-weight:600}.side-title{font-size:10px;color:#a4a7b5;padding:27px 13px 9px}.tiny-grid{font-size:23px;line-height:18px}.side-categories>div:not(.side-title){display:flex;align-items:center;gap:11px;padding:7px 15px;font-size:11px;color:#777d8d}.dot{display:inline-block;width:9px;height:9px;border-radius:3px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:25px}.local-note{background:#f8f8fc;border:1px solid #efeff6;border-radius:10px;padding:14px 12px;color:#7c8094}.local-note strong{display:block;font-size:10px;font-weight:500;margin:5px 0}.local-note p{font-size:9px;overflow-wrap:anywhere}.small-cloud{color:#9389d6}.settings-link{font-size:11px;color:#7f8394;padding:17px 12px;justify-content:flex-start}.version{font-size:7px;letter-spacing:1.3px;color:#b5b8c5;padding:8px 12px}.main-shell{margin-left:224px;width:calc(100% - 224px)}.topbar{height:76px;border-bottom:1px solid var(--border);background:#ffffffd9;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;color:#a0a3b2}.breadcrumb b{color:#696e83;font-weight:500}.top-actions{display:flex;align-items:center;gap:21px;font-size:10px}.save-label{display:flex;align-items:center;gap:6px;color:#9296a7}.status-dot{width:5px;height:5px;border-radius:50%;background:#85b6a2}.sync-button{font-size:10px;color:#77798c;border:1px solid var(--border);border-radius:7px;padding:8px 11px;background:#fff}.sync-button:hover{border-color:#c8c2ee;color:var(--purple)}.avatar{width:29px;height:29px;display:grid;place-items:center;background:#eeebfb;color:#8b7fba;border-radius:50%;font-size:11px;font-weight:600}main{padding:39px 40px 20px;max-width:1750px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}.eyebrow{font-size:8px;color:#9c97b0;letter-spacing:2px;font-weight:600;margin-bottom:9px}h1{font-size:27px;font-weight:600;letter-spacing:1px;line-height:1.5}.page-heading p{font-size:11px;color:#969aad;margin-top:7px}.primary{background:var(--purple);color:#fff;padding:11px 17px;border-radius:8px;box-shadow:0 4px 9px #7468d81a;font-size:12px;font-weight:500}.primary:hover{background:#6254c9;box-shadow:0 5px 15px #7468d833}.add-record{align-self:center;margin-top:15px}.icon{width:31px;height:31px;min-width:31px;border-radius:6px;flex-shrink:0}.icon:hover{background:#f0eefb}.week-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.week-switch{display:flex;align-items:center;gap:4px}.week-switch .icon{background:#fff;border:1px solid var(--border);width:29px;height:29px;min-width:29px}.week-switch h2{font-size:14px;font-weight:600;margin:0 10px 0 12px;letter-spacing:.1px}.week-switch h2 span{color:#b6b8c6;margin:0 8px}.week-pill{font-size:8px;letter-spacing:1px;background:#ecebf7;color:#8c83b1;padding:4px 7px;border-radius:4px}.today-button{margin-left:8px;font-size:10px;border:1px solid #e2e3ec;border-radius:5px;padding:5px 10px;color:#83879a;background:#fff}.view-controls{display:flex;background:#eeeff5;border-radius:7px;padding:3px}.view-controls button{padding:6px 10px;font-size:10px;color:#9296a8;border-radius:5px}.view-controls button.selected{background:#fff;box-shadow:0 1px 4px #22223b0c;color:#6e64b7}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.metric{border:1px solid var(--border);border-radius:10px;background:#fff;padding:18px 19px 16px}.metric-label{font-size:10px;color:#7b8093;display:flex;align-items:center;gap:7px}.metric-dot{width:6px;height:6px;border-radius:50%;background:#9c8fe3}.metric.green .metric-dot{background:#83b5a6}.metric.orange .metric-dot{background:#d9af7e}.metric.blue .metric-dot{background:#90adc8}.metric strong{font-size:25px;letter-spacing:-.5px;font-weight:500;margin:6px 0 5px;display:block;line-height:1.5;font-variant-numeric:tabular-nums}.metric small{font-size:9px;color:#a2a6b5}.timeline-card,.summary-card{border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:0 2px 6px #1e204702;overflow:hidden}.card-toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 23px 18px;border-bottom:1px solid var(--border)}.card-toolbar>div{display:flex;align-items:center;gap:16px}.card-toolbar h3{font-size:12px}.subtle{color:#a0a4b4;font-size:10px}.zoom-label{flex-direction:row;align-items:center;gap:8px;font-size:9px;color:#9498a9}.zoom-label select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 21px 5px 8px;border:1px solid #e8e9f0;font-size:10px;background:#fff;color:#7c8090;cursor:pointer}.zoom-label svg{margin-left:-26px;pointer-events:none;margin-right:8px}.timeline-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#dad7ec #fafafd}.timeline-grid{min-width:calc(var(--timeline-width) + 120px);width:100%}.timeline-ruler{height:42px;display:flex;background:#fdfdff;border-bottom:1px solid #ededf4;position:relative}.day-label{width:89px;min-width:89px;position:sticky;left:0;background:#fff;z-index:4;border-right:1px solid #efeff5;display:flex;align-items:center;justify-content:center;flex-direction:column}.ruler-label{font-size:8px;color:#adb0bf;background:#fdfdff}.hour-ruler{flex:1;margin:0 25px 0 32px;position:relative}.hour-ruler span{position:absolute;top:14px;transform:translate(-50%);font-size:8px;letter-spacing:.1px;color:#a2a7b8;font-variant-numeric:tabular-nums}.hour-ruler span:nth-child(2n){color:#c3c5d0;font-size:7px}.day-row{display:flex;min-height:86px;border-bottom:1px solid #efeff6}.day-row:last-child{border-bottom:none}.day-label b{font-size:19px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px;color:#6d7289}.day-label small{font-size:10px;font-weight:400;color:#9b9faf}.day-label .weekend,.day-label .weekend small{color:#a89ac2}.today-tag{font-size:7px;color:#7b6cd2;background:#f0ecfd;border-radius:3px;padding:1px 6px;margin-top:6px}.is-today>.day-label{background:#faf9ff}.is-today .day-label b{color:#7565cc}.day-tracks{flex:1;min-width:0;padding:9px 25px 9px 0;display:flex;flex-direction:column;gap:5px;background:linear-gradient(90deg,#fbfbfe00,#fbfbfe80)}.is-today .day-tracks{background:#fcfbff}.track{display:flex;height:30px;min-height:30px;position:relative}.track-label{width:32px;min-width:32px;display:flex;align-items:center;justify-content:center;font-size:7px;color:#b2b4c2;-webkit-user-select:none;user-select:none}.track-canvas{flex:1;position:relative;touch-action:pan-x pan-y;background-image:linear-gradient(to right,#e9eaf180 1px,transparent 1px);background-size:calc(100% / 24) 100%;cursor:crosshair}.track.actual .track-canvas{background-image:linear-gradient(to right,#e9eaf180 1px,transparent 1px)}.time-segment{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;padding-right:2px;pointer-events:none}.time-block{padding:0 7px;min-height:0;flex-basis:0;border-radius:4px;position:relative;display:flex;justify-content:flex-start;align-items:center;text-align:left;pointer-events:auto;line-height:1;color:#fff;font-size:8px;border:1px solid #ffffff0d;min-width:0;overflow:visible;transition:transform .16s,box-shadow .16s}.time-block>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%;pointer-events:none}.time-block.plan{border:1px dashed color-mix(in srgb,var(--block-color) 60%,white);color:color-mix(in srgb,var(--block-color) 85%,#333);background:color-mix(in srgb,var(--block-color) 12%,white);opacity:.85}.time-block:hover,.time-block:focus-visible{transform:translateY(-2px) scaleY(1.06);box-shadow:0 4px 9px #30334820;z-index:8}.block-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#3c3a52;color:#fff;padding:9px 12px;min-width:140px;line-height:1.5;border-radius:6px;font-size:10px;box-shadow:0 4px 16px #0002;pointer-events:none;z-index:20;white-space:nowrap}.block-tooltip small{display:block;font-size:9px;color:#d8d5ee;margin-top:3px}.time-block:hover .block-tooltip,.time-block:focus-visible .block-tooltip{display:block}.selection{position:absolute;top:0;bottom:0;background:#8376dc30;border:1px solid #9d90e4;border-radius:3px;pointer-events:none;z-index:8}.now-line{position:absolute;top:-2px;bottom:-2px;background:#c19ade;width:1px;pointer-events:none;opacity:.65}.timeline-footer{padding:13px 22px;display:flex;align-items:center;gap:16px;border-top:1px solid var(--border);font-size:8px;color:#a4a8b8}.timeline-footer>span{display:flex;align-items:center;gap:6px}.legend-dashed{width:14px;height:8px;border:1px dashed #b7afdc;background:#f4f1fc;border-radius:2px}.legend-filled{width:14px;height:8px;background:#a396d6;border-radius:2px}.footer-hint{margin-left:auto}.summary-card{margin-top:24px}.summary-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 25px 18px;gap:14px}.section-eyebrow{font-size:7px;letter-spacing:1.6px;color:#a19ab7;margin-bottom:4px}.summary-heading h3{font-size:16px}.summary-heading p{color:#a3a6b5;font-size:10px;margin-top:3px}.aggregation-toggle{display:flex;padding:3px;background:#f3f3f8;border:1px solid #eeeef5;border-radius:7px}.aggregation-toggle button{padding:6px 11px;font-size:10px;border-radius:5px;color:#9c9eaf}.aggregation-toggle button.selected{background:#fff;color:#8373ca;box-shadow:0 1px 5px #29204409}.breakdown{padding:0 26px 21px;display:grid;gap:14px}.breakdown-row{display:flex;align-items:center;gap:18px;font-size:11px}.category-name{display:flex;gap:10px;align-items:center;width:85px;flex-shrink:0}.bar-stack{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.bar-plan,.bar-actual{height:6px;border-radius:3px;min-width:0}.bar-plan{opacity:.25}.bar-actual{height:8px}.breakdown-row>b{width:96px;text-align:right;font-weight:500;font-size:12px}.breakdown-row>small{width:100px;color:#a7a9b8;font-size:9px;text-align:right}.empty-state{padding:19px 20px 27px;text-align:center}.empty-icon{display:inline-flex;background:#f4f2fc;border:1px solid #ebe7fa;padding:12px;border-radius:12px;color:#b0a6db;margin-bottom:10px}.empty-state h4{font-size:12px;font-weight:500;color:#7c7b92}.empty-state p{font-size:10px;color:#a4a6b7;margin:7px 0 14px}.text-button{color:#8d7fc5;font-size:10px;gap:5px;padding:4px}.text-button:hover{color:#6653b6}.secondary-text{color:#a3a3b2;margin-left:12px}.summary-footer{padding:13px 25px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a9acba;font-size:8px}.summary-footer .text-button{font-size:9px}.page-footer{display:flex;justify-content:space-between;color:#b2b5c1;font-size:8px;padding:24px 0 0}.stats-period{padding:22px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:12px;background:#fff;flex-wrap:wrap}.stats-period h3{margin-right:auto}.stats-period input,.stats-period select{padding:7px;font-size:11px}.conflict-banner{width:100%;justify-content:space-between;padding:13px 16px;border:1px solid #f3d8ab;border-radius:8px;background:#fffbf2;color:#9e7636;font-size:11px;margin-bottom:20px;white-space:normal;text-align:left}.loading{height:280px;display:flex;align-items:center;justify-content:center;gap:15px;color:#a29cb8}.error-panel{padding:30px;background:#fff0f0;border-radius:10px}.error-panel button{margin-left:15px;text-decoration:underline}.toast{position:fixed;bottom:25px;left:calc(50% + 80px);transform:translate(-50%);max-width:calc(100vw - 30px);background:#39354f;color:#fff;box-shadow:0 8px 35px #2a245533;border-radius:10px;padding:12px 15px;display:flex;align-items:center;gap:10px;z-index:100;font-size:11px}.toast>svg{color:#c1b7ed;flex-shrink:0}.toast .icon:hover{background:#fff2}.modal{border:1px solid #e6e2f1;border-radius:15px;padding:25px;width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 40px);color:#424158;background:#fff;box-shadow:0 24px 100px #25213a24;overflow:auto}.modal.wide{width:min(740px,calc(100vw - 28px))}.modal::backdrop{background:#29213e55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px;gap:15px}.modal h2{font-size:19px;font-weight:600;letter-spacing:.4px}.modal-head p{font-size:11px;color:#a09bae;margin-top:5px}.modal form{display:flex;flex-direction:column;gap:18px}.modal-actions{display:flex;gap:9px;align-items:center;border-top:1px solid var(--border);padding-top:19px;margin-top:8px}.outline{border:1px solid #e0ddec;border-radius:7px;padding:9px 12px;background:#fff;font-size:11px;color:#878095}.outline:hover{background:#f8f7fc}.plain-button{font-size:11px;color:#898297;padding:5px 8px}.plain-button:hover{background:#f7f5fc}.danger{color:#bc7a86}.spacer{flex:1}.entry-kind{display:flex;background:#f2f0f8;border-radius:8px;padding:4px;width:180px}.entry-kind button{flex:1;padding:7px;border-radius:5px;color:#a6a0b3;font-size:11px}.entry-kind .selected{background:#fff;color:#8370c7;box-shadow:0 2px 6px #37295808}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.activity-fields{display:flex;flex-direction:column;gap:12px}.activity-fields>.text-button{align-self:flex-start}.activity-row{display:flex;align-items:flex-end;gap:10px}.activity-row>label:first-child{flex:1.5;min-width:0}.activity-row>label:nth-child(2){flex:1;min-width:0}.weight-field{width:90px}.weight-field>div{display:flex;position:relative}.weight-field input{width:100%;padding-right:20px}.weight-field span{position:absolute;right:10px;top:10px;color:#a59db5}.activity-row>.icon{margin-bottom:5px}.weight-hint{font-size:10px;color:#a499b4;background:#f8f6fc;border-radius:6px;padding:8px 11px}.template-picker{background:#faf9fd;padding:12px;border-radius:8px}.template-save{display:flex;gap:8px;margin-top:0}.template-save input{flex:1;font-size:11px}.form-error{font-size:11px;color:#b7717c;white-space:normal}.library-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.library-row b{font-size:12px;font-weight:500}.library-row small{font-size:9px;color:#a9a0b4}.library-row p{font-size:10px;color:#a79bb7;margin-top:4px}.inline-editor{margin-top:20px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px!important;align-items:flex-end;background:#faf9fd;padding:12px;border-radius:8px}.inline-editor label:first-child{flex:1}.inline-editor input[type=color]{padding:3px;width:48px;height:41px;cursor:pointer}.template-editor{background:#fcfbfe;border:1px solid #f0ecf8;padding:16px;margin-top:15px;border-radius:10px}.settings-section{padding:0 0 23px;border-bottom:1px solid var(--border);margin-bottom:23px}.settings-section.last{border:0;padding-bottom:0;margin-bottom:0}.settings-section h3{display:flex;align-items:center;gap:8px;margin-bottom:9px}.settings-section p{font-size:11px;color:#9690a3;margin-bottom:12px}.settings-section small{display:block;font-size:10px;color:#aaa1b6;margin-top:14px}.settings-section .plain-button{display:block;margin-top:9px;text-align:left;white-space:normal}.setup-note{font-size:11px;background:#f7f5fc;border-radius:8px;padding:13px;color:#8f83a6;overflow-wrap:anywhere}.setup-note code{font-size:10px}.sync-state{font-size:10px;color:#9c8eb2;margin-bottom:10px}.button-row{display:flex;gap:7px;flex-wrap:wrap}.file-picker{font-size:11px;color:#8d7fc5;margin-top:15px;cursor:pointer;border:1px dashed #dcd5ef;border-radius:7px;padding:11px;align-items:center}.file-picker input{font-size:10px;width:100%}.restore-count{font-size:14px;font-weight:500;margin-bottom:15px}.modal>p{font-size:12px;color:#9590a2}.conflict-group{border:1px solid var(--border);padding:15px;border-radius:9px;margin-bottom:15px}.conflict-option{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid var(--border)}.conflict-option p{font-size:12px;margin:4px 0}.conflict-option small{font-size:9px;color:#9d91ad}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{overflow-y:auto;scrollbar-width:thin}.side-categories{min-height:70px;overflow-y:auto;flex:1;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}.brand,.workspace-label,.sidebar nav,.sidebar>.side-title{flex-shrink:0}@media(min-width:1600px){.timeline-grid{min-width:calc(var(--timeline-width) + 120px)}.day-row{min-height:96px}.track{height:34px}.sidebar{width:240px}.main-shell{margin-left:240px;width:calc(100% - 240px)}main{padding-left:50px;padding-right:50px}}@media(max-width:1150px){.sidebar{width:195px;padding-left:13px;padding-right:13px}.main-shell{margin-left:195px;width:calc(100% - 195px)}main{padding:28px 25px 20px}.topbar{padding:0 25px}.top-actions{gap:12px}.save-label{display:none}.metrics{gap:10px}.metric{padding:16px 13px}.metric strong{font-size:21px}.week-pill{display:none}.week-switch h2{font-size:12px;margin-left:7px;margin-right:5px}.card-toolbar>div{gap:8px}.card-toolbar .subtle{font-size:9px}.metric small{font-size:8px}}@media(max-width:820px){.sidebar{width:70px;padding:25px 9px 17px;align-items:center}.brand{font-size:0;padding:0;gap:0}.brand-mark{width:36px;font-size:initial}.brand-dot,.workspace-label,.side-title,.side-categories,.local-note,.version{display:none}.sidebar nav{width:100%;margin-top:30px}.sidebar nav button{font-size:0;padding:15px 0;justify-content:center;gap:0}.sidebar nav+nav{margin-top:10px}.settings-link{font-size:0;padding:15px 0}.sidebar-bottom{padding:0}.sidebar nav button svg{width:20px;height:20px}.tiny-grid{font-size:23px}.main-shell{margin-left:70px;width:calc(100% - 70px)}.topbar{height:62px;padding:0 22px}.breadcrumb{font-size:9px;gap:6px}.top-actions{gap:10px}.metrics{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:24px}.metric small{font-size:9px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:25px}.week-toolbar{flex-wrap:wrap}.week-switch h2{font-size:13px}.week-pill{display:inline}.card-toolbar{padding:16px}.card-toolbar>div{flex-direction:column;align-items:flex-start;gap:3px}.summary-heading{padding:20px}.summary-footer{padding:12px 18px}.summary-footer>span{max-width:55%}.toast{left:50%}}@media(max-width:560px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:61px;padding:0 9px;flex-direction:row;border-top:1px solid var(--border);border-right:0;justify-content:space-around;box-shadow:0 -3px 15px #302a5505}.brand{display:none}.sidebar nav{flex-direction:row;margin:0!important;justify-content:space-around;width:auto;flex:1;gap:3px}.sidebar nav button{font-size:8px;flex-direction:column;gap:3px;padding:6px 5px;flex:1;border-radius:7px;height:48px}.sidebar nav button svg{width:17px;height:17px}.sidebar nav:nth-of-type(2){flex:.8}.sidebar nav:nth-of-type(2) button{font-size:8px}.tiny-grid{font-size:20px;height:18px}.sidebar-bottom{margin:0}.settings-link{padding:13px 9px}.sidebar nav button.active{background:#f1eefb}.main-shell{margin:0;width:100%;padding-bottom:61px}.topbar{height:55px;padding:0 17px}.breadcrumb{font-size:0;gap:0}.breadcrumb svg{display:none}.breadcrumb b{font-size:10px}.top-actions{gap:9px}.sync-button{font-size:9px;padding:6px 8px}.avatar{width:25px;height:25px}.eyebrow{font-size:7px;letter-spacing:1.5px}main{padding:25px 15px 15px}.page-heading h1{font-size:23px}.page-heading p{font-size:9px}.add-record{padding:9px 10px;font-size:10px;gap:3px}.add-record svg{width:14px}.week-switch{gap:3px}.week-switch h2{font-size:11px;margin:0 4px}.week-switch h2 span{margin:0 3px}.week-pill{display:none}.today-button{font-size:9px;padding:5px 7px;margin-left:3px}.week-toolbar{gap:10px;margin-bottom:15px}.view-controls{margin-left:auto}.view-controls button{font-size:9px;padding:5px 8px}.metrics{gap:9px;margin-bottom:17px}.metric{padding:13px}.metric strong{font-size:22px;margin-top:5px}.metric-label{font-size:9px}.metric small{font-size:8px}.metric-dot{width:5px;height:5px}.timeline-card{border-radius:9px}.card-toolbar{padding:13px 12px}.card-toolbar h3{font-size:11px}.card-toolbar .subtle{font-size:8px}.zoom-label{font-size:8px;gap:5px}.zoom-label select{font-size:9px}.day-label{width:59px;min-width:59px}.timeline-grid{min-width:calc(var(--timeline-width) + 90px)}.day-label b{font-size:18px;gap:5px}.day-label small{font-size:9px}.ruler-label{font-size:7px}.day-row{min-height:79px}.day-tracks{padding-top:7px;padding-bottom:7px;gap:4px}.track{height:29px;min-height:29px}.timeline-footer{padding:11px 12px;gap:12px;font-size:8px}.footer-hint{font-size:7px}.summary-card{margin-top:18px}.summary-heading{padding:17px 14px;flex-wrap:wrap}.summary-heading h3{font-size:14px}.summary-heading p{font-size:9px}.section-eyebrow{font-size:6px}.aggregation-toggle{margin-left:auto}.aggregation-toggle button{font-size:9px;padding:5px 7px}.breakdown{padding:0 14px 18px;gap:15px}.breakdown-row{gap:9px;font-size:10px}.category-name{width:52px;gap:6px;font-size:9px}.breakdown-row>b{width:68px;font-size:10px}.breakdown-row>small{width:75px;font-size:8px}.summary-footer{padding:11px 13px;gap:7px;font-size:7px}.summary-footer .text-button{font-size:8px}.empty-state{padding:10px 10px 22px}.empty-state h4{font-size:11px}.empty-state p,.empty-state .text-button{font-size:9px}.page-footer{font-size:7px;padding-top:18px;gap:8px}.toast{bottom:77px;font-size:10px;width:max-content;white-space:normal}.modal{padding:19px;border-radius:12px}.modal h2{font-size:18px}.modal-head p{font-size:10px}.two-fields{grid-template-columns:1fr;gap:10px}.activity-row{flex-wrap:wrap;gap:8px;padding-bottom:10px;border-bottom:1px solid #efedf6}.activity-row>label:first-child{flex-basis:100%}.activity-row>label:nth-child(2){flex:1}.activity-row input,.activity-row select{padding:9px;font-size:11px}.weight-field{width:85px}.activity-row .icon{margin-bottom:4px}.modal-actions{flex-wrap:wrap;gap:7px}.modal-actions .spacer{display:none}.modal-actions .primary{margin-left:auto;font-size:10px;padding:10px 12px}.modal-actions .outline{font-size:10px;padding:9px}.template-save input{font-size:10px}.settings-section .primary{font-size:10px;white-space:normal}.conflict-option{flex-direction:column;align-items:flex-start}.stats-period{padding:15px;gap:8px}.stats-period h3{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.time-block:hover,.time-block:focus-visible{transform:none}}.week-template-preview{max-height:260px;overflow:auto;margin-top:12px;border:1px solid var(--border);border-radius:8px;padding:0 12px}.week-template-preview .library-row{align-items:flex-start;flex-wrap:wrap;font-size:11px;gap:8px 20px}.week-template-preview .library-row>span:first-child{min-width:135px;color:#9084aa}@media(max-width:560px){.template-save{flex-wrap:wrap}.template-save .primary{font-size:10px}.view-controls{flex-wrap:wrap}}.timer-panel{border:1px solid #e3dff2;background:#fff;border-radius:11px;padding:20px 23px;margin-bottom:22px}.timer-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.timer-heading>div:first-child{flex:1;min-width:200px}.timer-heading p{font-size:10px;color:#9590a4;margin-top:5px}.timer-elapsed{font-variant-numeric:tabular-nums;font-size:25px;color:#7563c9;letter-spacing:1px}.timer-form{margin-top:18px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--border);padding-top:18px}.timer-form>.primary{align-self:flex-end}.timer-save-help{display:flex;align-items:flex-start;gap:6px;font-size:9px;color:#9e96af;margin-top:14px}.timer-save-help svg{flex-shrink:0;margin-top:2px}@media(max-width:560px){.timer-panel{padding:16px}.timer-heading{gap:12px}.timer-heading .primary{font-size:10px}.timer-elapsed{font-size:23px}.timer-save-help{font-size:8px}}.modern-trial-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin-bottom:22px;background:#eeebfa;border:1px solid #d7d0ef;border-radius:8px;font-size:12px;color:#534574}.modern-trial-banner a{color:#5140a0;text-decoration:underline}.page-heading p,.subtle,.card-toolbar .subtle,.summary-heading p,.metric small,.summary-footer,.timer-heading p,.timer-save-help,.weight-hint,.settings-section small{font-size:12px;color:#626779}.metric-label,.breadcrumb,.side-categories>div:not(.side-title){font-size:12px;color:#626779}.sidebar nav button,.settings-link{font-size:13px;color:#626779}.primary,.outline,.plain-button,.text-button{font-size:13px;min-height:36px}.icon{width:36px;height:36px;min-width:36px}.summary-footer>span{line-height:1.7}.hour-ruler span{font-size:10px;color:#646a80}.hour-ruler span:nth-child(2n){font-size:9px;color:#73798c}.track-label{font-size:10px;color:#646a80}.day-label small,.metric small{color:#646a80}.time-block{font-size:10px}.time-block.actual{color:#20253d;text-shadow:none}.time-block.plan{opacity:1}.form-error{font-size:13px;color:#a02c44}.modal-head p,.settings-section p{font-size:13px;color:#646779}.discard-notice{border:1px solid #e0b37b;background:#fff8ee;padding:14px;border-radius:8px;margin-bottom:18px;font-size:13px;color:#69451b}.discard-notice p{margin:5px 0 12px}.modal{max-height:calc(100dvh - 40px)}.side-title,.workspace-label{color:#6b7083}.view-controls button,.aggregation-toggle button{min-height:34px;font-size:12px;color:#646779}.breakdown-row>small{font-size:11px;color:#646779}.breakdown-row>b{font-size:13px}.save-label{color:#646779}.zoom-label{font-size:11px;color:#646779}@media(pointer:coarse){.icon,.primary,.outline,.plain-button,.text-button,.view-controls button,.aggregation-toggle button{min-height:44px}.icon{min-width:44px;width:44px}.sidebar nav button{min-height:48px}}@media(max-width:820px)and (min-width:561px){.sidebar nav button,.settings-link{font-size:0}}@media(max-width:560px){.modern-trial-banner{font-size:11px;flex-wrap:wrap}.sidebar nav button{font-size:9px}.settings-link{font-size:0}.page-heading p{font-size:11px}.card-toolbar .subtle{font-size:10px}.metric small{font-size:11px}.metric-label{font-size:12px}.summary-heading p,.timer-save-help{font-size:11px}.timer-heading p{font-size:12px}.summary-footer{align-items:flex-start;flex-direction:column}.summary-footer>span{max-width:none}.breakdown-row{flex-wrap:wrap}.breakdown-row>small{width:100%;text-align:left;padding-left:61px}.activity-row input,.activity-row select,.two-fields input,.modal textarea{font-size:16px}.sidebar{padding-bottom:env(safe-area-inset-bottom);height:calc(61px + env(safe-area-inset-bottom))}.main-shell{padding-bottom:calc(61px + env(safe-area-inset-bottom))}}.daily-card{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}.daily-toolbar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.daily-toolbar h2{font-size:17px}.daily-toolbar p,.daily-help{font-size:12px;color:#626779}.daily-toolbar input{padding:8px}.daily-scroll{max-height:65dvh;min-height:350px;overflow:auto;scrollbar-gutter:stable;border-top:1px solid var(--border)}.daily-column-head{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:64px 1fr 1fr;background:#f5f3fc;border-bottom:1px solid var(--border);min-height:44px;align-items:center;text-align:center;font-size:13px}.daily-body{display:grid;grid-template-columns:64px 1fr 1fr;position:relative}.daily-hours,.daily-lane{position:relative}.daily-hours span{position:absolute;left:9px;font-size:12px;color:#626779;padding-top:10px;font-variant-numeric:tabular-nums}.daily-lane{border-left:1px solid var(--border)}.daily-slot{position:absolute;width:100%;height:44px;justify-content:flex-start;gap:9px;padding:0 13px;border-bottom:1px solid #e9eaf1;font-size:12px;color:#747188;text-align:left}.daily-slot:nth-child(2n){background:#fafafd}.daily-slot:hover,.daily-slot:focus-visible{background:#eeebfa;color:#5140a0}.daily-record{position:absolute;z-index:2;border:2px solid #fff;border-radius:7px;color:#20253d;white-space:normal;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:3px;padding:8px 10px;text-align:left;min-height:0}.daily-record.plan{opacity:.8;border-style:dashed}.daily-record small{font-size:11px}.daily-help{padding:12px 20px}.view-controls,.week-toolbar{flex-wrap:wrap}@media(max-width:560px){.daily-toolbar{padding:15px}.daily-toolbar .button-row{gap:4px}.daily-toolbar input{max-width:150px}.daily-slot{padding:0 8px;font-size:11px}.daily-slot span{white-space:normal}.daily-record{font-size:11px;padding:5px}.daily-record small{font-size:10px}.daily-column-head,.daily-body{grid-template-columns:50px 1fr 1fr}.daily-hours span{left:3px;font-size:11px}}.display-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.timeline-switch{display:flex;position:relative;background:#e9e7f2;padding:4px;border:1px solid #d9d4e8;border-radius:24px;width:180px;height:44px;isolation:isolate}.timeline-switch button{width:50%;position:relative;z-index:1;font-size:13px;color:#625d76;border-radius:20px}.timeline-switch button[aria-pressed=true]{color:#5c45a3;font-weight:600}.switch-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:20px;background:#fff;box-shadow:0 2px 6px #30234818;transition:transform .22s ease;z-index:0}.timeline-switch[data-mode=week] .switch-thumb{transform:translate(100%)}.template-standalone{margin-left:6px}.stats-active{background:#eee9fb;color:#5c45a3;border-color:#c2b5e3}.period-controls,.trend-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:20px;margin-bottom:22px}.period-top,.period-navigation{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.period-top{justify-content:space-between;margin-bottom:15px}.period-top h2{font-size:17px}.period-buttons{display:flex;gap:4px;background:#f2eff8;padding:4px;border-radius:9px;flex-wrap:wrap}.period-buttons button{min-height:38px;padding:6px 15px;font-size:13px;border-radius:6px;color:#676179}.period-buttons button.selected{background:#7664ce;color:#fff}.period-range{font-size:12px;color:#626779}.period-navigation input{font-size:14px}.year-input{flex-direction:row;align-items:center}.year-input input{width:110px}.trend-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.trend-heading>span{font-size:11px;color:#626779;display:flex;align-items:center;gap:5px}.trend-key{display:inline-block;width:10px;height:10px;background:#8070c8;border-radius:2px}.trend-key.plan{opacity:.3}.trend-scroll{overflow:auto}.trend-chart{height:200px;display:flex;gap:5px}.trend-column{flex:1;min-width:26px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.trend-column small{font-size:10px;white-space:nowrap;color:#626779}.trend-pair{height:170px;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:3px;border-bottom:1px solid #e6e3ef;background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#f1eff6 41px,#f1eff6 42px)}.trend-bar{width:12px;max-width:40%;background:#8070c8;border-radius:3px 3px 0 0;min-height:0}.trend-bar.plan{opacity:.3}.trend-table{margin-top:16px;font-size:12px;color:#626779}.trend-table summary{cursor:pointer;padding:8px}.trend-table>div{max-height:300px;overflow:auto}.trend-table table{width:100%;border-collapse:collapse}.trend-table th,.trend-table td{padding:8px;border-bottom:1px solid var(--border);text-align:left}.trend-table caption{text-align:left;padding:10px}@media(max-width:560px){.display-tools{gap:7px;width:100%;justify-content:space-between}.timeline-switch{width:154px;flex-shrink:0}.display-tools>.outline{font-size:11px;padding:7px 9px}.template-standalone{margin-left:0}.period-controls,.trend-card{padding:15px}.period-buttons{width:100%;justify-content:space-between}.period-buttons button{font-size:12px;padding:5px 9px}.period-navigation{gap:7px}.period-navigation input{max-width:170px}.period-range{width:100%;font-size:11px}.trend-heading h3{font-size:14px}}@media(prefers-reduced-motion:reduce){.switch-thumb{transition:none}}
