:root{color:#1d1c24;font-synthesis:none;--ink:#16151c;--muted:#737987;--line:#e2e7ee;--panel:#fff;--canvas:#f3f6fa;--accent:#e5454f;--accent-dark:#c93440;background:#edf0f5;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#edf0f5}body{min-width:320px;min-height:100vh;margin:0;font-size:16px}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #655bd83d}.site-shell{background:var(--canvas);grid-template-columns:220px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.side-rail{background:#fff;border-right:1px solid #e2e5ea;flex-direction:column;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.brand{color:#fff;cursor:pointer;background:#212028;border:0;border-radius:17px;place-items:center;width:52px;height:52px;padding:0;display:grid;box-shadow:0 10px 24px #1c1b232e}.brand span{letter-spacing:-.08em;font-size:20px;font-weight:900;transform:translate(-1px)}.side-rail nav{flex-direction:column;gap:8px;margin-top:46px;display:flex}.nav-button{color:#858a91;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;min-height:48px;padding:0 13px;font-size:14px;font-weight:750;transition:all .2s;display:flex;position:relative}.nav-button svg{stroke-width:1.9px;width:21px;height:21px}.nav-button:hover{color:#323139;background:#f1f4f8}.nav-button.active:before{background:var(--accent);content:"";border-radius:0 4px 4px 0;width:3px;height:24px;position:absolute;left:-18px}.nav-button i{color:#fff;text-align:center;background:#26252d;border-radius:12px;min-width:22px;margin-left:auto;padding:3px 6px;font-size:11px;font-style:normal}.rail-bottom{border-top:1px solid #e7eaee;margin-top:auto;padding-top:20px}.profile{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.profile>span,.avatar{color:#3e3a75;background:#e9e7ff;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:850;display:grid}.profile div{flex-direction:column;gap:2px;display:flex}.profile strong{font-size:14px}.profile small{color:#9399a0;font-size:12px}.workspace{min-width:0}.page{width:min(100%,1440px);min-height:100vh;margin:0 auto;padding:42px clamp(30px,4vw,70px) 64px}.mobile-head,.mobile-nav{display:none}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-title>div{min-width:0}.page-title p,.timeline-head p{color:#72787f;letter-spacing:.14em;margin:0 0 8px;font-size:12px;font-weight:900}.page-title h1{letter-spacing:-.055em;margin:0;font-size:clamp(29px,3vw,42px);line-height:1.14}.page-title>div>span{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.5;display:block}.primary-action,.secondary-action{color:#fff;cursor:pointer;background:#222029;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;height:45px;padding:0 18px;font-size:14px;font-weight:800;display:flex;box-shadow:0 9px 22px #1f1e2624}.primary-action svg,.secondary-action svg{width:18px}.secondary-action{color:#45434c;border:1px solid var(--line);box-shadow:none;background:#fff}.week-strip-wrap{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;padding:12px 16px;display:grid}.week-arrow,.more-icon{color:#848a91;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.week-arrow:hover,.more-icon:hover{background:#edf0f4}.week-arrow svg,.more-icon svg{width:19px}.week-strip{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.week-strip button{cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:58px;display:flex;position:relative}.week-strip span{color:#9a9fa6;font-size:11px;font-weight:750}.week-strip button.selected{color:#fff;background:#26252d;box-shadow:0 8px 16px #22202929}.week-strip button.selected span{color:#c2c8cf}.week-strip button.today:not(.selected) i{background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px}.toolbar-row{justify-content:space-between;align-items:center;gap:18px;min-height:52px;margin:18px 0;display:flex}.area-filters{scrollbar-width:none;align-items:center;gap:7px;display:flex;overflow-x:auto}.area-filters::-webkit-scrollbar{display:none}.area-filters button{color:#6e747b;cursor:pointer;background:#fff;border:1px solid #dde0e4;border-radius:11px;flex:none;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:12px;font-weight:750;display:flex}.area-filters button.active{color:#fff;background:#28272f;border-color:#28272f}.area-filters i{border-radius:50%;width:7px;height:7px}.today-grid{grid-template-columns:minmax(310px,.8fr) minmax(480px,1.2fr);align-items:start;gap:20px;display:grid}.day-overview{flex-direction:column;gap:16px;display:flex}.flow-card{color:#fff;background:linear-gradient(135deg,#302f37 0%,#1c1b23 100%);border-radius:22px;align-self:start;padding:22px;box-shadow:0 18px 40px #1a182124}.flow-top{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.flow-top>span{color:#c4cad1;align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.flow-top svg{color:#f0767e;width:14px}.flow-top strong{letter-spacing:-.04em;font-size:24px}.progress-track{background:#46444d;border-radius:10px;height:6px;margin-top:22px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#ea434e,#ef737b);height:100%;display:block}.flow-meta{color:#989da4;justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.protect-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:20px}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-head>div{flex-direction:column;gap:3px;display:flex}.section-head span{color:#93989f;letter-spacing:.04em;font-size:11px;font-weight:850}.section-head strong{letter-spacing:-.025em;font-size:16px}.section-head button{color:#71777e;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.section-head svg{width:14px}.protect-list{flex-direction:column;gap:8px;display:flex}.task-strip{background:#f3f6fa;border-radius:14px;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 11px;display:grid;position:relative}.task-strip>i{border-radius:5px;width:4px;height:38px}.task-strip>div{flex-direction:column;gap:2px;min-width:0;display:flex}.task-strip small,.task-strip span{color:#848990;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.task-strip strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.task-strip button{color:#52555a;cursor:pointer;background:#fff;border:0;border-radius:9px;align-items:center;gap:5px;padding:7px 8px;font-size:10px;font-weight:800;display:flex}.task-strip button svg{width:13px}.small-empty{color:#777d84;background:#f1f4f9;border-radius:14px;align-items:center;gap:9px;padding:16px;font-size:13px;display:flex}.small-empty svg{color:#168b69;width:18px}.balance-note{color:#4d4a38;background:#fff4d9;border-radius:18px;gap:13px;padding:17px 18px;display:flex}.balance-note>svg{color:#b57514;flex:none;width:19px}.balance-note div{flex-direction:column;gap:4px;display:flex}.balance-note strong{font-size:13px}.balance-note span{color:#7a725c;font-size:12px;line-height:1.5}.timeline-card{border:1px solid var(--line);background:#fff;border-radius:22px;min-width:0;overflow:hidden}.timeline-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:74px;padding:0 22px;display:flex}.timeline-head p{margin-bottom:4px;font-size:10px}.timeline-head h2{letter-spacing:-.03em;margin:0;font-size:17px}.timeline-head>span{color:#777d84;background:#edf0f4;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:800}.timeline-scroll{overscroll-behavior:contain;height:610px;overflow-y:auto}.timeline{margin:0 18px 0 64px;position:relative}.hour-mark{z-index:1;pointer-events:none;grid-template-columns:43px 1fr;align-items:center;gap:9px;display:grid;position:absolute;left:-52px;right:0}.hour-mark span{color:#9499a0;font-variant-numeric:tabular-nums;font-size:10px}.hour-mark i{background:#dde0e4;height:1px}.slot{z-index:0;cursor:crosshair;background:0 0;border:0;border-top:1px solid #eef1f5;width:100%;height:12px;padding:0;position:absolute;left:0;right:0}.slot:hover{background:#655bd80b}.now{z-index:6;pointer-events:none;align-items:center;gap:7px;display:flex;position:absolute;left:-7px;right:0}.now span{color:#fff;background:var(--accent);border-radius:5px;padding:2px 5px;font-size:8px;font-weight:900}.now i{background:var(--accent);flex:1;height:1px}.timebox{z-index:4;border:1px solid color-mix(in srgb, var(--area) 27%, white);border-left:4px solid var(--area);background:var(--area-soft);border-radius:10px;grid-template-columns:20px minmax(0,1fr) 24px;align-items:start;gap:8px;min-height:34px;padding:8px 8px 8px 10px;display:grid;position:absolute;left:6px;right:5px;overflow:hidden;box-shadow:0 4px 12px #26252d0f}.timebox-check{border:1.5px solid var(--area);color:#fff;cursor:pointer;background:#fff;border-radius:6px;place-items:center;width:18px;height:18px;margin-top:1px;padding:0;display:grid}.timebox-check svg{stroke-width:3px;width:12px}.timebox.done .timebox-check{background:var(--area)}.timebox>div{flex-direction:column;gap:1px;min-width:0;display:flex}.timebox small{color:color-mix(in srgb, var(--area) 75%, #333);font-size:9px;font-weight:800}.timebox strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.timebox span{color:#767b82;font-size:9px}.timebox.done>div{opacity:.58}.timebox.done strong{text-decoration:line-through}.timebox-more{color:#858a91;opacity:0;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.timebox:hover .timebox-more,.timebox:focus-within .timebox-more{opacity:1}.timebox-more:hover{background:#ffffffb3}.timebox-more svg{width:13px}.timeline-empty{color:#969ba2;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:130px;left:50%;transform:translate(-50%)}.timeline-empty svg{width:24px}.timeline-empty strong{color:#61676e;font-size:13px}.timeline-empty span{font-size:11px}.quick-capture{background:#fff;border:1px solid #d7dadf;border-radius:18px;grid-template-columns:24px minmax(0,1fr) auto 36px;align-items:center;gap:11px;height:58px;padding:0 10px 0 18px;display:grid;box-shadow:0 8px 26px #2220290d}.quick-capture>svg{color:#71777e;width:20px}.quick-capture input{background:0 0;border:0;outline:0;min-width:0;font-size:14px;font-weight:650}.quick-capture input::placeholder{color:#9aa0a7}.quick-capture>span{color:#9399a0;border:1px solid #dbdee3;border-radius:6px;padding:4px 7px;font-size:9px}.quick-capture>button{color:#fff;cursor:pointer;background:#25242c;border:0;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;display:grid}.quick-capture>button svg{width:16px}.drag-hint{color:#8c9198;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.drag-hint svg{width:15px}.matrix-page{position:relative}.matrix-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid;position:relative}.matrix-axis{color:#9499a0;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:850;display:flex;position:absolute}.matrix-axis svg{width:14px}.matrix-axis.urgent{top:272px;left:50%;transform:translate(-50%)}.matrix-axis.important{flex-direction:column;top:52%;left:10px;transform:translate(-100%,-50%)}.quadrant{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:310px;padding:18px;transition:border-color .2s,background .2s}.quadrant:hover{border-color:#c8cdd4}.quadrant header{justify-content:space-between;align-items:center;gap:12px;display:flex}.quadrant header>div{align-items:center;gap:9px;display:flex}.quadrant header span{border-radius:9px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:900;display:grid}.quadrant h2{letter-spacing:-.025em;margin:0;font-size:14px}.quadrant header>strong{border-radius:8px;padding:6px 8px;font-size:10px}.quadrant>p{color:#8c9198;margin:8px 0 14px 38px;font-size:11px}.quadrant.coral header span,.quadrant.coral header>strong{color:#cf2732;background:#fdeced}.quadrant.violet header span,.quadrant.violet header>strong{color:#5b51c7;background:#efedff}.quadrant.amber header span,.quadrant.amber header>strong{color:#9a6311;background:#fff4dc}.quadrant.slate header span,.quadrant.slate header>strong{color:#646a71;background:#eceff4}.quadrant-list{flex-direction:column;gap:8px;display:flex}.matrix-task{cursor:grab;background:#f7faff;border:1px solid #e0e3e8;border-radius:14px;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:9px;padding:12px;transition:transform .15s,box-shadow .15s;display:grid}.matrix-task:hover{transform:translateY(-1px);box-shadow:0 9px 22px #25242c14}.matrix-task:active{cursor:grabbing}.task-check{color:#0000;cursor:pointer;background:#fff;border:1.5px solid #c7cdd4;border-radius:7px;place-items:center;width:21px;height:21px;padding:0;display:grid}.task-check:hover{color:#168b69;border-color:#168b69}.task-check svg{stroke-width:3px;width:12px}.matrix-task-main{min-width:0}.matrix-task-main>div{color:#7a7f86;align-items:center;gap:6px;margin-bottom:5px;font-size:9px;display:flex}.matrix-task-main>div i{border-radius:50%;width:6px;height:6px}.matrix-task-main>div span{font-weight:850}.matrix-task-main>div small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.matrix-task-main>strong{font-size:13px;line-height:1.35;display:block}.matrix-task footer{gap:10px;margin-top:7px;display:flex}.matrix-task footer span{color:#8c9198;align-items:center;gap:4px;font-size:9px;display:flex}.matrix-task footer svg{width:11px}.task-actions{opacity:0;gap:3px;display:flex}.matrix-task:hover .task-actions,.matrix-task:focus-within .task-actions{opacity:1}.task-actions button{color:#71777e;cursor:pointer;background:#fff;border:0;border-radius:7px;place-items:center;width:25px;height:25px;padding:0;display:grid}.task-actions svg{width:13px}.quadrant-empty{color:#9399a0;cursor:pointer;background:0 0;border:1px dashed #d2d7de;border-radius:13px;justify-content:center;align-items:center;gap:7px;width:100%;height:48px;font-size:11px;display:flex}.quadrant-empty svg{width:15px}.portfolio-page{max-width:1180px}.portfolio-hero{color:#fff;background:linear-gradient(125deg,#25232c 0%,#39354b 100%);border-radius:26px;justify-content:space-between;align-items:center;min-height:190px;padding:32px 40px;display:flex;box-shadow:0 20px 50px #1e1d2529}.portfolio-hero>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.portfolio-hero span{color:#bdc3ca;font-size:13px;font-weight:800}.portfolio-hero strong{letter-spacing:-.055em;margin:5px 0 2px;font-size:42px}.portfolio-hero p{color:#b7bdc4;margin:6px 0 0;font-size:13px}.donut{background:conic-gradient(#ec515b 0 78%, #ffffff21 78% 100%);border-radius:50%;place-items:center;width:110px;height:110px;display:grid}.donut:before{content:"";background:#36343d;border-radius:50%;width:80px;height:80px;position:absolute}.donut span{z-index:1;color:#fff;font-size:24px;position:relative}.donut small{font-size:11px}.area-cards{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.area-card{border:1px solid var(--line);background:#fff;border-radius:21px;padding:22px}.area-card header{grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:11px;display:grid}.area-symbol{width:42px;height:42px;color:var(--area);background:var(--soft);border-radius:13px;place-items:center;display:grid}.area-symbol svg{width:19px}.area-card header small{color:#9a9fa6;letter-spacing:.12em;font-size:9px;font-weight:900}.area-card header button{color:#90959c;background:0 0;border:0;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;display:grid}.area-card header button svg{width:18px}.area-numbers{grid-template-columns:repeat(3,1fr);margin:22px 0 13px;display:grid}.area-numbers>div{border-left:1px solid #e7eaee;flex-direction:column;gap:3px;padding-left:12px;display:flex}.area-numbers span{color:#90959c;font-size:10px}.area-progress{background:var(--soft);border-radius:10px;height:6px;overflow:hidden}.area-progress i{border-radius:inherit;background:var(--area);height:100%;display:block}.area-card>p{color:#7e848b;margin:11px 0 0;font-size:11px}.insight-row{background:#fff8ea;border:1px solid #ece0c8;border-radius:18px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding:18px 20px;display:grid}.insight-row>svg{color:#b57514;width:22px}.insight-row div{flex-direction:column;gap:3px;display:flex}.insight-row strong{font-size:13px}.insight-row span{color:#807762;font-size:12px;line-height:1.45}.insight-row button{color:#8b621f;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.insight-row button svg{width:14px}.composer-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18161f6b;justify-content:center;align-items:center;padding:22px;animation:.18s fade-in;display:flex;position:fixed;inset:0}.composer{background:#fff;border-radius:26px;width:min(100%,560px);max-height:calc(100vh - 44px);padding:30px;animation:.24s pop-in;position:relative;overflow-y:auto;box-shadow:0 32px 90px #14121b47}.composer-grab{display:none}.composer-close{color:#71777e;cursor:pointer;background:#edf0f4;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:20px;right:20px}.composer-close svg{width:18px}.composer-title>span{color:var(--accent);letter-spacing:.14em;font-size:11px;font-weight:900}.composer-title h2{letter-spacing:-.045em;margin:7px 0 5px;font-size:25px}.composer-title p{color:#7e848b;margin:0;font-size:13px}.composer label{flex-direction:column;gap:7px;display:flex}.composer label>span,.duration-picks>span{color:#787d84;font-size:11px;font-weight:800}.large-field input{border:0;border-bottom:1.5px solid #c8cdd4;border-radius:0;outline:0;padding:12px 0;font-size:17px;font-weight:750}.large-field input:focus{border-color:#655bd8}.form-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:20px;display:grid}.full-field{margin-top:13px}.form-grid input,.form-grid select,.full-field select{color:#302f37;background:#f6f9fe;border:1px solid #dadde2;border-radius:12px;width:100%;height:44px;padding:0 12px;font-size:13px;font-weight:650}.duration-picks{margin-top:20px}.duration-picks>div{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px;display:grid}.duration-picks button{color:#6b7178;cursor:pointer;background:#fff;border:1px solid #dadde2;border-radius:11px;height:40px;font-size:12px;font-weight:750}.duration-picks button.active{color:#fff;background:#2a2931;border-color:#2a2931}.date-confirm{color:#564f83;background:#f1efff;border-radius:14px;align-items:center;gap:11px;margin-top:18px;padding:13px 15px;display:flex}.date-confirm>svg{width:19px}.date-confirm div{flex-direction:column;gap:2px;display:flex}.date-confirm span{font-size:10px}.date-confirm strong{font-size:13px}.save-button{color:#fff;cursor:pointer;background:#26252d;border:0;border-radius:14px;width:100%;height:49px;margin-top:24px;font-size:14px;font-weight:850}.save-button:disabled{color:#9ca2a9;cursor:default;background:#e3e6eb}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (width<=980px){.site-shell{grid-template-columns:88px minmax(0,1fr)}.side-rail{align-items:center;padding:22px 12px}.side-rail nav{width:100%}.side-rail .nav-button{justify-content:center;padding:0}.side-rail .nav-button span,.side-rail .nav-button i,.profile div{display:none}.side-rail .nav-button.active:before{left:-12px}.profile{justify-content:center}.today-grid{grid-template-columns:1fr}.day-overview{grid-template-columns:1fr 1fr;display:grid}.balance-note{grid-column:1/-1}.timeline-scroll{height:680px}}@media (width<=720px){body{background:#f3f6fb}.site-shell{min-height:100svh;display:block}.side-rail{display:none}.workspace{padding:0}.mobile-head{z-index:20;height:68px;padding:env(safe-area-inset-top) 18px 0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #dee1e5e6;grid-template-columns:38px minmax(0,1fr) 36px;align-items:center;gap:11px;display:grid;position:sticky;top:0}.brand.mini{width:36px;height:36px;box-shadow:none;border-radius:12px}.brand.mini span{font-size:15px}.mobile-head>div{flex-direction:column;gap:1px;display:flex}.mobile-head strong{font-size:14px}.mobile-head small{color:#9399a0;font-size:9px}.avatar{width:34px;height:34px}.page{min-height:auto;padding:24px 16px 110px}.page-title{align-items:center;margin-bottom:20px}.page-title p{margin-bottom:5px;font-size:9px}.page-title h1{font-size:26px}.page-title>div>span{max-width:270px;margin-top:6px;font-size:12px}.primary-action{border-radius:13px;width:42px;height:42px;padding:0}.primary-action svg{width:19px}.primary-action{font-size:0}.week-strip-wrap{border-radius:17px;grid-template-columns:28px minmax(0,1fr) 28px;gap:3px;padding:8px 6px}.week-arrow{width:28px;height:34px}.week-strip{gap:1px}.week-strip button{border-radius:12px;height:50px}.week-strip span{font-size:9px}.week-strip strong{font-size:13px}.toolbar-row{margin:13px 0}.area-filters{margin-right:-16px;padding-right:16px}.area-filters button{height:31px;padding:0 10px;font-size:10px}.today-grid,.day-overview{flex-direction:column;display:flex}.day-overview{gap:12px}.flow-card,.protect-card{border-radius:19px;padding:18px}.flow-top strong{font-size:21px}.balance-note{order:3}.timeline-card{border-radius:19px}.timeline-head{height:66px;padding:0 18px}.timeline-scroll{height:570px}.timeline{margin-left:57px;margin-right:11px}.hour-mark{grid-template-columns:38px 1fr;left:-47px}.timebox{left:2px;right:2px}.timebox-more{opacity:.65}.mobile-nav{z-index:30;height:calc(72px + env(safe-area-inset-bottom));padding:7px 7px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-top:1px solid #d8dbdfe6;grid-template-columns:repeat(5,1fr);align-items:start;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-button{border-radius:12px;flex-direction:column;justify-content:center;gap:3px;height:54px;min-height:0;padding:0;font-size:9px}.mobile-nav .nav-button:before{display:none}.mobile-nav .nav-button svg{width:19px;height:19px}.mobile-add{place-self:0 center;color:#fff;background:#26252d;border:0;border-radius:16px;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:0 8px 18px #201f2733}.mobile-add svg{width:22px}.quick-capture{border-radius:15px;grid-template-columns:21px minmax(0,1fr) 34px;height:52px;padding-left:14px}.quick-capture>span{display:none}.quick-capture input{font-size:12px}.drag-hint,.matrix-axis{display:none}.matrix-grid{flex-direction:column;gap:10px;display:flex}.quadrant{border-radius:18px;min-height:0;padding:15px}.quadrant>p{margin-left:38px}.matrix-task{padding:11px}.task-actions{opacity:1}.portfolio-hero{border-radius:22px;min-height:160px;padding:24px}.portfolio-hero strong{font-size:34px}.donut{width:88px;height:88px}.donut:before{width:64px;height:64px}.area-cards{grid-template-columns:1fr}.insight-row{grid-template-columns:28px minmax(0,1fr)}.insight-row button{grid-column:2;justify-self:start}.composer-backdrop{align-items:flex-end;padding:0}.composer{width:100%;max-height:90svh;padding:22px 20px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation:.26s sheet-up}.composer-grab{background:#d2d8df;border-radius:5px;width:38px;height:4px;margin:-10px auto 18px;display:block}.composer-close{top:16px;right:16px}.composer-title h2{font-size:22px}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (width<=420px){.task-strip{grid-template-columns:4px minmax(0,1fr)}.task-strip>button{grid-column:2;justify-self:start}.form-grid{grid-template-columns:1fr}.duration-picks>div{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--ink:#16151c;--muted:#737987;--line:#e2e7ee;--panel:#fff;--canvas:#f3f6fa;--accent:#e5454f;--accent-dark:#c93440;background:var(--canvas)}body{color:var(--ink);background:var(--canvas)}.site-shell{background:var(--canvas);grid-template-columns:196px minmax(0,1fr)}.side-rail{border-color:var(--line);padding:28px 16px 20px}.brand{width:46px;height:46px;box-shadow:none;background:#1a1821;border-radius:14px}.brand span{font-size:18px}.side-rail nav{margin-top:38px}.nav-button{color:#92989f;border-radius:12px;min-height:46px;font-size:14px}.nav-button.active{color:var(--ink);background:#eff2f6}.nav-button.active:before{display:none}.nav-button i{color:#71777e;background:#e8ebef}.page{width:min(100%,1280px);padding:44px clamp(28px,4vw,60px) 64px}.page-title{align-items:center;margin-bottom:22px}.page-title h1{letter-spacing:-.055em;font-size:clamp(28px,3vw,36px)}.page-title>div>span{color:#8c9299;margin-top:6px;font-size:13px}.primary-action,.secondary-action{height:42px;box-shadow:none;border-radius:12px;padding:0 15px;font-size:13px}.primary-action{background:#1e1d25}.secondary-action{border-color:var(--line);background:#fff}.week-strip-wrap{border-color:var(--line);box-shadow:none;border-radius:16px;padding:8px 12px}.week-strip{gap:4px}.week-strip button{border-radius:12px;height:52px}.week-strip span{font-size:12px}.week-strip strong{font-size:15px}.week-strip button.selected{box-shadow:none;background:#1e1d25}.toolbar-row{min-height:42px;margin:14px 0}.area-filters button.area-filter{background:0 0;border:0;border-radius:7px;width:30px;height:30px;padding:0}.area-filters button.area-filter i{opacity:.42;border-radius:8px;width:20px;height:3px;transition:width .15s,opacity .15s}.area-filters button.area-filter.active{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.area-filters button.area-filter.active i{opacity:1;width:22px}.today-grid{grid-template-columns:minmax(280px,340px) minmax(480px,1fr);gap:14px}.day-overview{gap:12px}.flow-card{border:1px solid var(--line);color:var(--ink);box-shadow:none;background:#fff;border-radius:16px;padding:20px}.flow-top>span{color:#888e95;font-size:13px}.flow-top strong{font-size:26px}.progress-track{background:#e9ecf0;height:4px;margin-top:18px}.progress-track i{background:var(--accent)}.flow-meta{color:#8a9097;margin-top:8px;font-size:12px}.protect-card{border-color:var(--line);border-radius:16px;padding:18px}.section-head{margin-bottom:12px}.section-head>strong{font-size:15px}.section-head button{color:#838990;font-size:12px}.task-strip{cursor:grab;background:#fff;border:1px solid #ebeef2;border-radius:12px;grid-template-columns:3px minmax(0,1fr) auto;padding:12px 10px}.task-strip:active{cursor:grabbing}.task-strip>i{width:3px;height:34px}.task-strip small,.task-strip span{font-size:11px}.task-strip strong{font-size:13px}.task-strip button{border:1px solid var(--line);border-radius:8px;font-size:11px}.small-empty{color:#82878e;background:#f2f5f9}.timeline-card{border-color:var(--line);border-radius:16px}.timeline-head{border-color:var(--line);height:62px;padding:0 20px}.timeline-head h2{font-size:16px}.timeline-head>span{color:#878d94;background:#f0f3f7;font-size:11px}.timeline-scroll{height:620px}.hour-mark span{color:#999fa6;font-size:11px}.hour-mark i{background:#e4e7ec}.slot{border-color:#eff2f6}.slot.drag-target{border-top-color:var(--accent);background:#e5454f1c}.timebox{border:1px solid color-mix(in srgb, var(--area) 18%, white);border-left:3px solid var(--area);box-shadow:none;cursor:grab;border-radius:8px;grid-template-columns:14px 20px minmax(0,1fr) 24px}.timebox:active{cursor:grabbing}.timebox-grip{width:14px;height:22px;color:color-mix(in srgb, var(--area) 62%, #777);place-items:center;display:grid}.timebox-grip svg{width:14px;height:14px}.timebox small,.timebox span{font-size:11px}.timebox strong{font-size:13px}.timebox.parallel{grid-template-columns:12px 18px minmax(0,1fr) 20px;gap:5px;padding-inline:6px}.timebox.parallel .timebox-more{width:20px}.quick-capture{border-color:var(--line);height:52px;box-shadow:none;border-radius:14px}.quick-capture input{font-size:14px}.quick-capture>button{background:#1e1d25;border-radius:9px}.drag-hint{font-size:12px}.matrix-grid{isolation:isolate;background:#f4f7fc;border:1px solid #dbdee3;border-radius:18px;grid-template-rows:repeat(2,minmax(248px,1fr));gap:0;padding:2px;position:relative;overflow:hidden;box-shadow:0 8px 24px #1d1b2409,inset 0 1px #fff}.matrix-grid:before,.matrix-grid:after{z-index:0;content:"";pointer-events:none;position:absolute}.matrix-grid:before{background:#d6d9dd;width:1px;top:0;bottom:0;left:50%;box-shadow:1px 0 #fff}.matrix-grid:after{background:#d6d9dd;height:1px;top:50%;left:0;right:0;box-shadow:0 1px #fff}.matrix-axis{display:none}.matrix-grid .quadrant{z-index:1;color:#1e1d25;background:0 0;border:0;border-radius:0;min-height:248px;padding:20px;position:relative}.matrix-grid .quadrant:hover{background:#fff6;border-color:#0000}.matrix-grid .quadrant header{min-height:28px}.matrix-grid .quadrant h2{color:#222029;font-size:15px}.matrix-grid .quadrant header>strong{color:#5a6067;background:#e8ebef;border-radius:7px;padding:5px 8px;font-size:11px}.quadrant-list{gap:0;margin-top:12px}.matrix-grid .matrix-task{color:#1e1d25;background:0 0;border:0;border-bottom:1px solid #dee1e5;border-radius:0;grid-template-columns:26px minmax(0,1fr) auto;padding:11px 0}.matrix-task:last-child{border-bottom:0}.matrix-grid .matrix-task:hover{box-shadow:none;border-color:#d1d7de;transform:none}.task-title-mark{gap:5px;width:fit-content;max-width:100%;display:inline-grid}.task-title-mark strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.35;overflow:hidden}.task-title-mark i{width:100%;height:2px;box-shadow:0 0 10px color-mix(in srgb, currentColor 18%, transparent);border-radius:8px;display:block}.matrix-grid .matrix-task footer span{color:#747980;font-size:11px}.matrix-grid .task-check{color:#565c63;background:#fff;border-color:#c7ccd3;border-radius:6px}.task-check svg{width:13px}.task-actions{pointer-events:none;max-width:0;transition:max-width .18s,opacity .15s,transform .15s;overflow:hidden;transform:translate(4px)}.task-actions.open{opacity:1;pointer-events:auto;max-width:94px;transform:translate(0)}.matrix-grid .task-actions button{color:#52555a;background:#e8ebef}.matrix-grid .task-actions button:hover{background:#dcdfe4}.matrix-task:hover .task-actions:not(.open),.matrix-task:focus-within .task-actions:not(.open){opacity:0;pointer-events:none;max-width:0}.matrix-grid .quadrant-empty{color:#646970;border-color:#cbd0d7;border-radius:10px;height:44px;font-size:12px}.portfolio-hero{border:1px solid var(--line);min-height:160px;color:var(--ink);box-shadow:none;background:#fff;border-radius:18px;padding:28px 32px}.portfolio-hero span{color:#868b92}.portfolio-hero strong{font-size:38px}.portfolio-hero p{color:#868b92}.portfolio-hero b{color:var(--ink)}.donut{background:conic-gradient(#201f27 0 var(--planned,0%), #e7eaef var(--planned,0%) 100%);width:96px;height:96px}.donut:before{background:#fff;width:72px;height:72px}.donut span{color:var(--ink)}.area-cards{gap:10px;margin-top:12px}.area-card{border-color:var(--line);border-radius:16px;padding:20px}.area-symbol{border-radius:11px;width:38px;height:38px}.area-card h2{margin:0;font-size:15px}.area-numbers strong{font-size:16px}.area-progress{height:4px}.composer-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#17151e52}.composer{border-radius:20px;padding:28px;box-shadow:0 24px 70px #15131c2e}.composer-title h2{margin:0;font-size:22px}.composer-close{background:#eff2f6}.large-field{margin-top:22px}.large-field input{font-size:16px}.form-grid input,.form-grid select,.full-field select{border-color:var(--line);background:#fff;border-radius:10px}.duration-picks button,.save-button{border-radius:10px}.date-confirm{color:#505459;background:#f0f3f7}@media (width<=980px){.site-shell{grid-template-columns:78px minmax(0,1fr)}.today-grid{grid-template-columns:1fr}.day-overview{grid-template-columns:1fr 1fr}}@media (width<=720px){.site-shell{display:block}.mobile-head{border-color:var(--line);background:#fffffff5;grid-template-columns:36px minmax(0,1fr) 34px;height:62px;padding-left:16px;padding-right:16px}.mobile-head>strong{font-size:14px}.page{padding:22px 15px 104px}.page-title{margin-bottom:16px}.page-title h1{font-size:27px}.page-title>div>span{font-size:12px}.week-strip-wrap{padding:7px 4px}.area-filters button{font-size:11px}.today-grid,.day-overview{display:flex}.flow-card,.protect-card{border-radius:14px;padding:16px}.timeline-card{border-radius:14px}.timeline-head{height:58px}.timeline-scroll{height:590px}.quick-capture{height:50px}.quadrant{border-radius:14px;padding:14px}.quadrant h2{font-size:14px}.portfolio-hero{border-radius:16px;min-height:140px;padding:22px}.area-card{border-radius:14px}.composer{border-radius:22px 22px 0 0}}.area-cards{align-items:start}.card-tasks{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.list-add{color:#6d7279;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.card-tasks button:hover{background:#eceff3}.card-tasks svg{width:16px;height:16px}.card-task-add{color:#6d7279;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:6px;padding:10px 0;font-size:14px;display:flex}.portfolio-next{justify-content:flex-end;margin-top:20px;display:flex}.card-add-actions{flex-wrap:wrap;gap:20px;display:flex}.project-folder{border:1.5px solid var(--folder-color);background:#fff;margin-bottom:10px;padding:12px 14px}.project-folder>summary>svg{color:var(--folder-color);flex-shrink:0}.project-folder>summary{cursor:pointer;align-items:center;gap:8px;font-size:16px;list-style:none;display:flex}.project-folder>summary::-webkit-details-marker{display:none}.project-folder>summary:before{content:none}.project-folder>summary>span{overflow-wrap:anywhere;flex:1;min-width:0}.project-folder>summary>small{color:#656a71;text-align:center;background:#eceff3;border-radius:999px;min-width:22px;padding:2px 8px;font-size:12px;font-weight:700}.project-folder>.activity-task-list,.project-folder>.card-task-add{margin-left:20px}.project-folder,.unfiled-tasks{border-radius:12px;transition:background .15s,box-shadow .15s}.unfiled-tasks{min-height:28px;padding:4px 0}.folder-drop-active{background:var(--folder-soft,var(--soft));box-shadow:inset 0 0 0 2px var(--folder-color,var(--area))}.project-folder.folder-drop-active{background:var(--folder-soft)}.folder-task-dragging{opacity:.5}.task-insert-before{box-shadow:0 -2px 0 var(--area)}.drag-preview{z-index:100;pointer-events:none;color:#515459;background:#f7faf5;border:1px solid #c8ced5;border-radius:8px;max-width:150px;padding:7px 11px;font-size:14px;position:fixed;box-shadow:0 4px 20px #0001}.drag-preview.outside{color:#99252d;background:#fef2f3;border-color:#e7a5a9}.undo-toast{z-index:110;color:#323039;white-space:nowrap;background:#fff;border:1px solid #d8dbe0;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #0002}.undo-toast button{color:#b23941;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px}.undo-toast button:last-child{color:#7a8087;place-items:center;display:grid}.undo-toast svg{width:16px;height:16px}.task-drag-handle{color:#93989f;touch-action:none;cursor:grab;background:0 0;border:0;flex-shrink:0;place-items:center;width:22px;height:34px;padding:0;display:grid}.task-drag-handle:active{cursor:grabbing}.activity-task-row[draggable]{cursor:grab}.unfiled-drop-hint{color:#6d737a;padding:10px;font-size:12px;display:block}.inline-task-capture{border-top:1px solid var(--line);gap:8px;margin-top:8px;padding:5px 0;display:flex}.inline-task-capture input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:1;padding:10px 0;font-size:16px}.inline-task-capture button{color:#6d737a;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;width:36px}.inline-task-capture button:disabled{opacity:.4;cursor:default}.folder-error{color:#99252d;font-size:14px}.list-delete{color:#8b9198;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:34px;padding:0;display:grid}.list-delete:hover{color:#99252d;background:#fdeff0!important}.list-delete svg{width:15px;height:15px}.area-numbers .daily-target{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.area-numbers span{font-size:14px}.time-log-list{color:#6b7077;margin-top:10px;font-size:14px}.time-log-list summary{cursor:pointer}.time-log-list>div{align-items:center;gap:10px;padding:4px 0;display:flex}.time-log-list>div>span{flex:1}.time-log-list>div>strong{color:#36353d;font-size:14px}.delete-note{color:#6b7077;font-size:14px;line-height:1.6}.delete-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.danger-action{color:#fff;font:inherit;cursor:pointer;background:#a52830;border:0;border-radius:10px;padding:10px 20px}.activity-task-list{margin:10px 0 0;padding:0;list-style:none}.activity-task-list .activity-task-list{border-left:1px solid var(--line);margin:0 0 0 12px;padding-left:14px}.activity-task-list:empty{display:none}.activity-task-row{align-items:center;gap:12px;min-height:46px;display:flex}.activity-task-row>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:16px;line-height:1.5}.activity-task-row>small{color:#737980;white-space:nowrap;font-size:12px}.activity-task-row.done>span{color:#8b9198;text-decoration:line-through}.editable-text,.editable-field{min-width:0;font:inherit;flex:1;font-size:16px;line-height:1.5}.editable-text{text-align:left;color:inherit;overflow-wrap:anywhere;cursor:text;background:0 0;border:0;padding:4px 0;display:block}.press-draggable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.editable-field input{border:1px solid var(--folder-color,var(--area));color:#24222b;width:100%;min-width:0;font:inherit;background:#fff;border-radius:5px;padding:4px 6px}.editable-field small{color:#99252d;font-size:12px}.activity-task-row.done>.editable-text{color:#8b9198;text-decoration:line-through}.project-folder .activity-task-row{gap:8px}.project-folder>summary>.editable-text,.project-folder>summary>.editable-field{color:#24232b;font-weight:650}.project-folder[open]>summary{border-bottom:1px solid var(--folder-line);padding-bottom:10px}.project-folder>.activity-task-list{margin-top:8px;margin-left:8px}.project-folder .activity-task-row>.editable-text,.project-folder .activity-task-row>.editable-field{font-weight:400}.list-check{width:18px;height:18px;color:var(--area);background:0 0;border:1px solid #b6bcc3;border-radius:4px;flex-shrink:0;padding:0}.list-add{flex-shrink:0}.parent-context{color:#6e737a;overflow-wrap:anywhere;font-size:14px}.task-actions select{max-width:80px;font:inherit;color:#4e5257;background:#fff;border:1px solid #d6d9dd;border-radius:6px;padding:4px;font-size:14px}.protect-list{max-height:560px;overflow-y:auto}@media (width<=720px){.protect-list{max-height:300px}.activity-task-row{gap:8px}}:root{--content-width:1180px;--page-gutter:clamp(28px, 4vw, 60px)}.page,.portfolio-page{width:100%;max-width:calc(var(--content-width) + (var(--page-gutter) * 2));padding-inline:var(--page-gutter);margin-inline:auto}.page-title,.week-strip-wrap,.toolbar-row,.today-grid,.quick-capture,.matrix-grid,.portfolio-hero,.area-cards{width:100%;min-width:0}.today-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.day-overview,.timeline-card,.quadrant,.area-card{width:100%;min-width:0}@media (width<=980px){.today-grid{grid-template-columns:minmax(0,1fr)}.task-actions{opacity:1}}@media (width<=720px){:root{--page-gutter:16px}.page,.portfolio-page{max-width:none;padding-inline:var(--page-gutter)}.area-filters{max-width:100%;margin-right:0;padding-right:0}.mobile-nav{grid-template-columns:repeat(4,1fr)}.matrix-grid{border-radius:16px;padding:2px 14px}.matrix-grid:before,.matrix-grid:after{display:none}.matrix-grid .quadrant{border-bottom:1px solid #d6d9dd;min-height:0;padding:18px 0}.matrix-grid .quadrant:last-child{border-bottom:0}}.storage-warning{z-index:120;color:#99252d;text-align:center;background:#fef2f3;border-bottom:1px solid #e7a5a9;padding:10px 16px;font-size:13px;position:sticky;top:0}.profile>span svg,.avatar svg{width:18px;height:18px}.avatar{cursor:pointer}.section-head .section-actions{flex-direction:row;gap:12px}.is-dragging{opacity:.45}.quadrant.drop-active{background:#e5454f0f;box-shadow:inset 0 0 0 2px #e5454f59}.drop-ghost{z-index:6;border:2px dashed var(--accent);pointer-events:none;background:#e5454f14;border-radius:8px;justify-content:flex-end;align-items:flex-start;padding:4px 6px;display:flex;position:absolute;left:4px;right:4px}.drop-ghost span{color:#fff;background:var(--accent);border-radius:5px;padding:2px 6px;font-size:11px;font-weight:800}.drop-ghost.parallel{background:#655bd814;border-color:#655bd8}.drop-ghost.parallel span{background:#655bd8}.timebox{grid-template-columns:14px 20px minmax(0,1fr) auto}.timebox.parallel{grid-template-columns:12px 18px minmax(0,1fr) auto}.timebox-body{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:1px;padding:0;display:flex}.timebox.done .timebox-body{opacity:.58}.timebox-body small{align-items:center;gap:4px;display:flex}.timebox-body small svg{flex-shrink:0;width:11px;height:11px}.timebox-actions{gap:2px;display:flex}.timebox.parallel .timebox-actions{flex-direction:column}.timebox.is-resizing{z-index:7;box-shadow:0 0 0 2px var(--area)}.timebox-resize{cursor:ns-resize;touch-action:none;height:10px;position:absolute;bottom:0;left:0;right:0}.timebox-resize:after{background:color-mix(in srgb, var(--area) 45%, transparent);content:"";opacity:0;border-radius:3px;width:28px;height:3px;transition:opacity .15s;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.timebox:hover .timebox-resize:after,.timebox.is-resizing .timebox-resize:after{opacity:1}@media (hover:none){.timebox-resize{height:16px}.timebox-resize:after{opacity:1}}.full-field input{border:1px solid var(--line);color:#302f37;background:#fff;border-radius:10px;width:100%;height:44px;padding:0 12px;font-size:13px;font-weight:650}.time-select{grid-template-columns:1fr 1fr;gap:6px;display:grid}.duration-field{flex-direction:column;gap:8px;display:flex}.duration-field>span{color:#787d84;font-size:11px;font-weight:800}.duration-field>span b{color:#2a2931;margin-left:6px;font-size:14px}.duration-control{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;display:grid}.duration-control button{border:1px solid var(--line);color:#45434c;cursor:pointer;background:#fff;border-radius:10px;place-items:center;height:40px;display:grid}.duration-control button:disabled{opacity:.4;cursor:default}.duration-control button svg{width:16px}.duration-control input[type=range]{accent-color:#2a2931;width:100%}.composer-actions{align-items:flex-end;gap:10px;display:flex}.composer-actions .secondary-action{height:49px;margin-top:24px}.composer-actions .save-button{flex:1}.area-settings{flex-direction:column;gap:8px;margin:18px 0 6px;padding:0;list-style:none;display:flex}.area-settings li{grid-template-columns:36px minmax(0,1fr) 72px 28px;align-items:center;gap:8px;display:grid}.area-settings input{border:1px solid var(--line);color:#302f37;min-width:0;height:40px;font:inherit;background:#fff;border-radius:10px;padding:0 10px;font-size:14px}.area-settings input[type=color]{cursor:pointer;width:36px;padding:3px}.composer .area-target{flex-direction:row;align-items:center;gap:4px}.area-target input{text-align:right;width:100%}.area-target span{color:#787d84;font-size:13px}.area-settings .list-delete:disabled{opacity:.35;cursor:not-allowed}.quadrant-tabs{background:#edf0f5;border-radius:12px;gap:2px;margin-bottom:12px;padding:4px;display:flex}.quadrant-tabs button{color:#696e75;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:auto;justify-content:center;align-items:center;gap:4px;min-width:0;height:34px;padding:0 8px;font-size:12px;font-weight:750;display:flex}.quadrant-tabs button span{text-overflow:ellipsis;overflow:hidden}.quadrant-tabs button small{color:#999fa6;font-size:11px;font-weight:700}.quadrant-tabs button.active{color:#1e1d25;background:#fff;box-shadow:0 1px 3px #1f1e2614}.quadrant-tabs button.active.coral small{color:#cb2530}.quadrant-tabs button.active.violet small{color:#5a51c4}.quadrant-tabs button.active.amber small{color:#a86a0c}.quadrant-tabs button.active.slate small{color:#5b6067}.protect-list>.task-strip+.task-strip{margin-top:8px}.matrix-grid .matrix-task .task-actions:not(.open){display:none}.matrix-grid .matrix-task .task-actions.open{opacity:1;pointer-events:auto;flex-wrap:wrap;grid-column:2/-1;gap:6px;max-width:none;display:flex;overflow:visible;transform:none}.matrix-grid .matrix-task .task-actions.open button{width:32px;height:30px}.matrix-grid .matrix-task .task-actions.open select{max-width:none;height:30px}.area-settings li{border-radius:10px;grid-template-columns:24px 36px minmax(0,1fr) 72px 28px;transition:background .15s}.area-settings li.is-dragging{opacity:1;background:#eceff3;box-shadow:0 0 0 4px #eceff3}.area-grip{color:#93989f;cursor:grab;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:40px;padding:0;display:grid}.area-grip:hover,.area-grip:focus-visible{color:#4b4f54;background:#eceff3}.area-grip svg{width:16px;height:16px}.area-title-handle{cursor:grab}.area-card.is-dragging{opacity:.5}.area-card.area-drop-target{box-shadow:0 0 0 2px var(--area)}@media (width>=981px){:root{--content-width:1760px;--page-gutter:clamp(24px, 2.4vw, 44px)}.page,.portfolio-page{padding-top:26px;padding-bottom:28px}.page-title{margin-bottom:14px}.page-title h1{font-size:28px}.page-title>div>span{margin-top:4px;font-size:13px}.week-strip-wrap{padding:4px 10px}.toolbar-row{margin-bottom:10px}.today-grid{grid-template-columns:minmax(340px,1fr) minmax(0,1.9fr);gap:12px}.flow-card,.protect-card{padding:14px 16px}.section-head,.quadrant-tabs{margin-bottom:8px}.quadrant-tabs button{height:30px}.protect-list{max-height:max(360px,100vh - 330px)}.task-strip{padding:7px 10px}.task-strip>i{height:26px}.protect-list>.task-strip+.task-strip{margin-top:6px}.timeline-head{height:50px}.timeline-scroll{height:max(420px,100vh - 306px)}.area-cards{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.quick-capture{height:44px;margin-bottom:10px}.matrix-grid .quadrant{flex-direction:column;height:max(240px,50vh - 118px);min-height:0;padding:12px 16px;display:flex}.matrix-grid .quadrant header{min-height:24px;margin-bottom:4px}.matrix-grid .quadrant-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.matrix-grid .matrix-task{align-items:center;padding:5px 0}.matrix-grid .matrix-task footer{margin-top:2px}}:root{--w-brand:800;--w-strong:700;--w-head:600;--w-item:500;--w-body:400}body{font-weight:var(--w-body)}strong,b,h1,h2,h3{font-weight:var(--w-head)}.brand span,.mobile-head>button span{font-weight:var(--w-brand)}.page-title h1,.mobile-head>strong,.flow-top strong,.portfolio-hero strong,.donut span,.area-numbers strong,.composer-title h2{font-weight:var(--w-strong)}.page-title p,.timeline-head p,.timeline-head>span{font-weight:var(--w-item)}.primary-action,.save-button{font-weight:var(--w-head)}.secondary-action,.section-head button,.task-strip button,.insight-row button,.duration-picks button,.nav-button,.area-filters button,.quadrant-tabs button{font-weight:var(--w-item)}.nav-button.active,.quadrant-tabs button.active,.week-strip button.selected span{font-weight:var(--w-head)}.week-strip span{font-weight:var(--w-item)}.week-strip b,.week-strip strong,.section-head span,.flow-top>span,.composer-title>span,.matrix-axis,.area-card header small,.portfolio-hero span{font-weight:var(--w-head)}.composer label>span,.duration-picks>span,.duration-field>span,.quadrant header span,.quadrant header>strong,.quadrant-tabs button small,.project-folder>summary>small,.task-strip strong,.matrix-task-main strong,.timebox strong,.date-confirm strong{font-weight:var(--w-item)}.task-strip small,.task-strip span,.matrix-task-main>div span,.matrix-task footer span,.timebox small,.activity-task-row>small{font-weight:var(--w-body)}.now span,.drop-ghost span,.profile>span,.avatar{font-weight:var(--w-head)}.quick-capture input,.form-grid input,.form-grid select,.full-field select,.full-field input{font-weight:var(--w-body)}.large-field input{font-weight:var(--w-item)}.project-folder>summary>.editable-field,.project-folder>summary>.editable-text{font-weight:var(--w-head)}.day-overview{flex-direction:column;display:flex!important}.section-head>span{color:#8b9198;font-size:12px;font-weight:var(--w-body);letter-spacing:0}.timeline-head{gap:16px}.day-progress{color:#737987;white-space:nowrap;align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.day-progress b{color:var(--ink);font-weight:var(--w-head)}.day-progress i{background:#e9ecf0;border-radius:4px;width:120px;height:4px;display:block;overflow:hidden}.day-progress em{border-radius:inherit;background:var(--accent);height:100%;display:block}.quick-capture .quick-detail{color:#7b818a;background:0 0}.quick-capture .quick-detail:hover{color:var(--ink);background:#eef1f5}.quick-capture button[type=submit]:disabled{opacity:.35;cursor:default}.quadrant-empty{color:#9aa0a8;justify-content:center;align-items:center;height:44px;margin:0;font-size:12px;display:flex;border:0!important}.area-card header{grid-template-columns:38px minmax(0,1fr)}.area-summary{align-items:baseline;gap:6px;margin:14px 0 8px;display:flex}.area-summary strong{font-size:20px;font-weight:var(--w-strong);letter-spacing:-.03em}.area-summary span{color:#858b95;font-size:12px}@media (width<=720px){.day-progress i{width:64px}}.quick-capture .quick-detail{cursor:pointer;border:0;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;display:grid}.quick-capture .quick-detail svg{width:17px}@media (width<=720px){.quick-capture{grid-template-columns:21px minmax(0,1fr) 32px 34px}}@media (width>=981px){.portfolio-hero{min-height:0;padding:16px 24px}.portfolio-hero strong{font-size:30px}.donut{width:64px;height:64px}.donut:before{width:52px;height:52px}.donut span{font-size:16px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-thumb{background:#d9dee5 padding-box padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#aab2bd}@-moz-document url-prefix(){*{scrollbar-width:thin;scrollbar-color:#cfd5dd transparent}}.fixed-box{z-index:3;color:#26272c;min-width:0;min-height:34px;font:inherit;text-align:left;cursor:pointer;background:#dfe2e6;border:1px solid #c3c7cd;border-left:3px solid #4f535a;border-radius:8px;flex-direction:column;gap:1px;padding:8px 10px;text-decoration:none;display:flex;position:absolute;overflow:hidden}.fixed-box:hover{background:#d7dadf}.fixed-box small{color:#5a5e65;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.fixed-box small svg{flex-shrink:0;width:11px;height:11px}.fixed-box strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.fixed-box.parallel{padding-inline:6px}.google-sync{align-items:center;gap:8px;min-width:0;margin-left:12px;margin-right:auto;display:flex}.google-sync button,.google-sync a{border:1px solid var(--line);color:#45434c;height:28px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.google-sync a svg,.google-sync button svg{width:13px;height:13px}.google-sync button.syncing svg{animation:1s linear infinite google-spin}.google-sync span{color:#b3261e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@keyframes google-spin{to{transform:rotate(360deg)}}.google-settings{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px;display:flex}.google-settings div{flex-direction:column;gap:3px;display:flex}.google-settings strong{font-size:13px}.google-settings span{color:#767b82;font-size:11px}.google-settings a.secondary-action{flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.widget-settings{align-items:flex-start;margin-top:10px}.widget-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.widget-settings .secondary-action{flex-shrink:0}.wallpaper-theme{align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.wallpaper-theme select{border:1px solid var(--line);height:30px;font:inherit;background:#fff;border-radius:8px;padding:0 8px}.wallpaper-theme small{color:#767b82}.login-screen{background:var(--canvas,#f3f6fa);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;padding:36px 24px;display:flex}.login-card .brand{cursor:default}.login-card h1{margin:4px 0 0;font-size:22px}.login-card p{color:#676c73;margin:0;font-size:14px;line-height:1.6}.login-card .login-notice{color:#b3261e;font-weight:700}.login-button{color:#fff;background:var(--ink,#16151c);border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:8px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}