:root{--primary:#084fff;--ink:#202937;--muted:#626c7b;--line:#e5e8ee;--paper:#fff;--bg:#f6f7f9;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer;touch-action:manipulation}button:hover{background:#edf2ff}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #789bff;outline-offset:3px}.primary{background:var(--primary);border-color:var(--primary);color:white;font-weight:600}.primary:hover{background:#003ad2}.quiet{border:0;background:transparent;color:var(--muted);font-size:14px}.danger{color:#b42332;border-color:#f0ccd2}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.button-group{display:flex;gap:4px}p{line-height:1.6}h1,h2,h3,p{margin-top:0}h2{font-size:20px;letter-spacing:-.6px;margin-bottom:0}h3{font-size:16px}input,select,textarea{border:1px solid #d6dbe4;border-radius:10px;background:white;color:var(--ink);padding:12px;width:100%;min-height:46px}textarea{resize:vertical;line-height:1.7}input::placeholder,textarea::placeholder{color:#737d8a}input[type=checkbox]{width:22px}input[type=date],input[type=time]{min-width:0}.shell{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:100dvh}.rail{padding:38px 22px 24px;border-right:1px solid var(--line);background:white;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;background:var(--primary);width:44px;height:44px;border-radius:14px;color:white;font-size:30px}.brand-sub{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:3px}.rail-label{font-size:10px;letter-spacing:2px;color:var(--muted);margin:55px 12px 16px}nav{display:grid;gap:4px}.nav{width:100%;border:0;background:transparent;text-align:left;font-size:15px;padding:14px}.nav.active{background:#edf2ff;color:var(--primary);font-weight:700}.nav span{float:right;font-size:12px;border-radius:5px;background:white;padding:2px 6px}.rail-bottom{margin-top:auto;padding:28px 10px 0}.rail-bottom p{font-size:12px;color:var(--muted)}.rail-bottom .private-title{font-weight:700;color:var(--ink);margin-bottom:6px}.rail-bottom button{display:block;padding:8px 0}main{padding:0 36px 20px;max-width:1600px;width:100%;margin:auto}.topbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);gap:12px}.status-group{display:flex;align-items:center;gap:8px}.status{font-size:11px;padding:8px 10px;background:#ecf4f0;color:#276044;border-radius:20px;white-space:nowrap}.greeting{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0 27px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted);margin-bottom:10px}h1{font-size:34px;letter-spacing:-1.5px;margin-bottom:10px}.subtitle{font-size:14px;color:var(--muted);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.KPICard{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);display:flex;flex-direction:column;gap:8px}.KPICard>span{font-size:13px}.KPICard strong{font-size:34px;font-weight:650;letter-spacing:-1.4px}.KPICard small{color:var(--muted);font-size:11px}.KPICard.blue{background:var(--primary);color:white;border-color:var(--primary)}.KPICard.blue small{color:#e1eaff}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:22px;align-items:start}.DataCard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.section-head .eyebrow{margin-bottom:6px}.count{background:var(--bg);padding:6px 10px;border-radius:8px;font-size:12px;color:var(--muted)}.toolbar{display:flex;gap:8px;margin-bottom:16px}.toolbar input{min-width:0;font-size:14px;background:#fafbfc}.toolbar select{width:118px;font-size:13px}.task{display:flex;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid #eef0f4}.check{min-width:44px;width:44px;height:44px;border:0;padding:0;display:grid;place-items:center;background:transparent}.check span{width:22px;height:22px;border:1.5px solid #bdc6d3;border-radius:50%;display:grid;place-items:center;font-size:14px}.check[aria-pressed=true] span{background:var(--primary);border-color:var(--primary);color:white}.task-main{flex:1;min-width:0;padding:4px;border:0;background:transparent;text-align:left}.task-main:hover{background:#f7f9fd}.task-title{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere;line-height:1.6}.task.done .task-title{text-decoration:line-through;color:var(--muted)}.task-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:7px;font-size:11px;color:var(--muted)}.tag{padding:3px 6px;border-radius:5px;background:#f2f4f7;font-size:10px}.tag.doing{color:#0848d9;background:#edf2ff}.tag.high,.overdue{color:#ac3440}.tag.high{background:#fff0f2}.empty{text-align:center;padding:48px 15px 52px}.empty-art{font-size:38px;color:#7892c8;margin-bottom:14px;font-weight:250}.empty h3{font-size:17px;font-weight:600;margin-bottom:10px}.empty p{color:var(--muted);font-size:13px;margin-bottom:20px}.empty.compact{padding:17px 4px}.empty.compact p{margin:0}#progress-area{padding-top:24px;color:var(--muted);font-size:12px}progress{display:block;width:100%;height:6px;margin-top:12px;border:0;border-radius:8px;overflow:hidden;background:#edf0f4}progress::-webkit-progress-bar{background:#edf0f4}progress::-webkit-progress-value{background:var(--primary)}.right-column{display:grid;gap:20px}.week-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:10px}.week-heading button{padding:5px;min-width:36px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day{padding:8px 0;border:0;min-height:68px;background:transparent;font-size:14px;position:relative}.day small{display:block;font-size:10px;margin-bottom:9px;color:var(--muted)}.day.today{box-shadow:inset 0 0 0 1px #cdd9fc}.day.selected{background:var(--primary);color:white}.day.selected small{color:white}.day.has-event:after{content:'';display:block;position:absolute;bottom:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:currentColor}.agenda-date{font-size:12px;font-weight:600;margin:18px 0 5px}.event{width:100%;border:0;border-left:3px solid #adc2ff;border-radius:0;text-align:left;display:flex;gap:12px;margin:12px 0;padding:8px 10px}.event time{font-size:12px;color:var(--primary);padding-top:3px;min-width:40px}.event strong{font-size:13px;display:block;overflow-wrap:anywhere}.event small{font-size:11px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.memo{background:#fffdf6;border-color:#eee9d8}.memo textarea{border:0;background:transparent;min-height:150px;padding:0;font-size:14px;resize:vertical}.memo-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-top:12px}footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:14px}dialog{border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 100px #18264433;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;color:var(--ink)}dialog::backdrop{background:#15243e55;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.icon-button{font-size:26px;border:0;padding:4px 12px}.dialog-head h2{font-size:24px}label{display:block;font-size:13px;font-weight:600;margin:16px 0}label input,label textarea,label select{margin-top:8px;font-weight:400}.required{font-size:10px;color:var(--primary);margin-left:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-actions{display:flex;justify-content:space-between;gap:4px;margin-top:22px}.dialog-actions .button-group{margin-left:auto}.error-text{color:#ad2636;font-size:13px}.backup-box{background:var(--bg);padding:18px;border-radius:12px;margin:18px 0}.backup-box p,dialog>p,.help-steps{font-size:14px;color:var(--muted);line-height:1.8}.help-steps{padding-left:22px}.help-steps li{padding-bottom:12px}#toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#202937;color:white;padding:14px 20px;border-radius:12px;box-shadow:0 8px 30px #0002;z-index:100;max-width:90%;font-size:14px}#undo{background:transparent;color:#baceff;border:0;margin-left:12px}.error-banner{position:sticky;bottom:10px;background:#fff0f2;border:1px solid #f0b8c0;padding:15px;color:#922431;border-radius:12px;font-size:13px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip:focus{position:fixed;top:5px;left:5px;z-index:200;background:white;padding:20px}
@media(min-width:1400px){main{padding-left:50px;padding-right:50px}.DataCard{padding:28px}.task{padding:20px 0}}
@media(max-width:1100px){.shell{grid-template-columns:175px minmax(0,1fr)}.rail{padding:30px 14px}.brand{font-size:20px;gap:8px}main{padding:0 24px 16px}.workspace{gap:16px;grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr)}.DataCard{padding:20px}.KPICard{padding:18px}.greeting h1{font-size:30px}}
@media(max-width:900px){.shell{display:block}.rail{position:static;height:auto;display:block;padding:18px 24px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:20px}.brand-mark{height:36px;width:36px;font-size:26px}.brand-sub,.rail-label,.rail-bottom{display:none}nav{display:flex;gap:4px;margin-top:18px}.nav{width:auto;font-size:14px;padding:10px 16px;white-space:nowrap}.nav span{margin-left:10px}.topbar{min-height:60px}.greeting{padding:26px 0}.metrics{gap:10px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}}
@media(max-width:660px){main{padding:0 16px 16px}.rail{padding:16px}nav{overflow:auto}.nav{font-size:13px;padding:10px}.topbar{font-size:11px;align-items:start;padding:15px 0}.status{font-size:10px}.greeting{align-items:start;gap:12px}.greeting .eyebrow{font-size:8px;letter-spacing:1px}.greeting h1{font-size:28px}.subtitle{font-size:12px}.greeting button{font-size:13px;white-space:nowrap;padding:12px}.metrics{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.KPICard{gap:4px;padding:16px}.KPICard strong{font-size:28px}.workspace{grid-template-columns:1fr}.DataCard{padding:20px}.memo textarea{min-height:180px}.form-grid{gap:10px}dialog{padding:22px}.status-group{flex-direction:column;align-items:end}footer{gap:8px}body{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}dialog[open]{animation:appear .15s ease}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:901px) and (max-height:950px){.topbar{min-height:60px}.greeting{padding:22px 0}.greeting h1{font-size:30px;margin-bottom:6px}.greeting .eyebrow{margin-bottom:6px}.metrics{margin-bottom:18px}.KPICard{padding:14px 20px;gap:4px}.KPICard strong{font-size:30px}.DataCard{padding:20px}.section-head{margin-bottom:14px}.agenda .week-heading{margin-bottom:4px}.day{min-height:54px;padding:5px 0}.day small{margin-bottom:6px}.agenda-date{margin-top:12px}.empty.compact{padding:10px 0}.agenda>.small{margin-bottom:0}.memo textarea{min-height:72px;height:72px}.memo-bottom{margin-top:6px}.right-column{gap:14px}.empty{padding:32px 12px}.empty-art{margin-bottom:10px}}
/* A — graphic poster / editorial grid */
:root{--primary:#f26732;--ink:#191919;--muted:#5b5b56;--line:#aaa9a1;--paper:#efeee9;--bg:#efeee9;--radius:0;font-size:14px;color:#191919;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}body{background:#efeee9;padding:0}.shell{display:block}.rail{height:auto;position:static;display:flex;flex-direction:row;align-items:center;gap:30px;background:transparent;padding:0 3%;border:0;border-bottom:1px solid #272722}.brand{min-height:58px;display:flex;gap:10px;border:0;background:transparent;box-shadow:none;border-radius:0;color:#171717;padding:0;font:900 20px/1 Arial,sans-serif;letter-spacing:-1px;white-space:nowrap}.brand-mark{width:auto;height:auto;background:none;color:#f26732;font:40px/1 Arial,sans-serif;border-radius:0}.brand-sub,.rail-label{display:none}nav{display:flex;flex:1;justify-content:center;gap:4px;margin:0}.nav{width:auto;border:0;background:transparent;padding:10px 15px;font-size:12px;min-height:38px;border-radius:0;color:#555;font-weight:500}.nav.active{color:#171717;background:transparent;text-decoration:underline;text-underline-offset:7px;font-weight:700;box-shadow:none}.nav span{color:#555;background:transparent;margin-left:7px;border-radius:0;font-size:10px}.rail-bottom{margin:0;padding:0;display:flex;gap:4px}.rail-bottom p{display:none}.rail-bottom button{padding:8px;font-size:10px;white-space:nowrap}.rail-bottom #help-open{display:none}main{max-width:1300px;padding:0 3% 20px;margin:auto}.topbar{min-height:39px;font:10px monospace;border-bottom:1px solid var(--line);color:#555}.status{background:none;color:#444;border-radius:0;padding:0;font-size:10px}.design-switch{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--line);font-size:11px}.design-switch a{color:#444;padding:12px 17px;text-decoration:none;border-right:1px solid var(--line);display:inline-flex;align-items:center;min-height:39px}.design-switch a.chosen{background:#1b1b1b;color:#fff}.design-switch span{margin-left:auto;font:9px monospace;letter-spacing:1px}.greeting{padding:20px 22px 20px 0;margin:0;border-bottom:1px solid #222;align-items:center;min-height:175px;background:linear-gradient(90deg,transparent calc(67% - 1px),#b5b4ac calc(67% - 1px),#b5b4ac 67%,transparent 67%)}.greeting .eyebrow{font:9px monospace;letter-spacing:1.2px;color:#555;margin-bottom:9px}.greeting h1{font-family:Arial,Helvetica,sans-serif;font-size:58px;line-height:.91;font-weight:950;letter-spacing:-3px;margin:0}.greeting h1 br{display:none}.greeting h1 em{font-family:Georgia,serif;font-weight:700;letter-spacing:-3px;margin-left:12px}.subtitle{font-size:11px;margin-top:12px;color:#555}.hero-aside{display:flex;align-items:center;gap:30px}.hero-sticker{border:2px solid #1b1b1b;background:#d7f352;border-radius:50%;padding:18px 20px;font:900 13px/1.1 Arial,sans-serif;transform:rotate(-10deg);text-align:center;box-shadow:3px 3px #191919}.greeting .primary{font-size:12px;background:#f26732;color:#161616;border:1px solid #171717;padding:12px 18px;border-radius:0;font-weight:700;min-height:41px}button{font-size:12px;min-height:35px;border-radius:0;background:#efeee9;border:1px solid #a7a69e;box-shadow:none;padding:7px 11px;color:#222}button:hover{background:#e2e1db}.primary{background:#f26732;border:1px solid #171717;color:#161616;font-weight:700;border-radius:0}.primary:hover{background:#ff8254;color:#171717}.quiet{border:0;background:transparent;color:#555;font-size:11px}.quiet:hover{background:#e2e1db;color:#222}input,textarea,select{border:1px solid #aaa9a1;border-radius:0;box-shadow:none;background:#faf9f4;color:#222;min-height:36px;padding:8px;font-size:14px}input::placeholder,textarea::placeholder{color:#777}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;margin:0 0 22px;border-bottom:1px solid #25251f}.KPICard,.KPICard.blue{display:grid;grid-template-columns:1fr auto;gap:5px;background:transparent;color:#171717;border:0;border-right:1px solid #aaa9a1;border-radius:0;padding:15px 20px;box-shadow:none;align-items:center;min-height:78px}.KPICard:first-child{padding-left:0}.KPICard:last-child{border:0;padding-right:0}.KPICard>span{font-size:12px;font-weight:600}.KPICard strong{font:800 33px/1 Arial,sans-serif;letter-spacing:-1px;grid-column:2;grid-row:1/3}.KPICard small,.KPICard.blue small{font-size:9px;color:#6b6b64;grid-column:1;grid-row:2}.workspace{grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:0;border:1px solid #272722;background:#f4f3ed;align-items:stretch}.DataCard{border:0;border-radius:0;background:transparent;padding:18px;box-shadow:none}.tasks{border-right:1px solid #272722;min-height:360px}.section-head{margin:0 0 15px;padding:0;border:0;min-height:0;background:none}.section-head:after{display:none}.section-head .eyebrow{display:block;font:9px monospace;letter-spacing:1px;margin-bottom:7px;color:#666}.section-head h2{font-size:19px;font-weight:750;color:#222;letter-spacing:-.7px}.count{border:1px solid #222;background:#ecebe4;color:#333;border-radius:30px;padding:4px 9px;font:10px monospace}.toolbar{display:flex;gap:5px;padding-bottom:12px;margin:0;border-bottom:1px solid #b5b4ac}.toolbar input{font-size:12px;background:transparent;min-height:36px}.toolbar select{font-size:11px;width:107px;min-height:36px;background:transparent}.task{padding:14px 0;border-bottom:1px solid #c7c6bd;gap:5px}.task-title{font-size:15px;font-weight:600;color:#222}.task-main{background:transparent;border:0;box-shadow:none;padding:4px}.task-main:hover{background:#e8e7df}.task-meta{font-size:10px;color:#65655e;gap:7px;margin-top:7px}.tag{font-size:9px;background:#e5e4dc;border:1px solid #b0afa6;border-radius:20px;padding:3px 7px;color:#555}.tag.doing{background:#dee6ff;color:#314288;border-color:#8d9aca}.tag.high{background:#ffe36a;color:#594800;border-color:#c1a638}.check{min-height:35px;min-width:35px;width:35px;height:35px;background:transparent;box-shadow:none;border:0;padding:0}.check span{height:19px;width:19px;border:1px solid #555;border-radius:0;box-shadow:none;background:transparent;font-size:13px}.check[aria-pressed=true] span{background:#222;border-color:#222;color:white}.empty{padding:29px 12px 30px;background:transparent;border:0;margin:0;text-align:left}.empty-art{display:none}.empty h3{font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-1px;max-width:240px;margin-bottom:12px;color:#222}.empty h3:before{content:'↳';display:block;font:42px/1 Georgia,serif;margin-bottom:7px;color:#f26732}.empty p{font-size:12px;line-height:1.8;color:#68685f}.empty .primary{font-size:11px;padding:9px 14px;min-height:35px;border-radius:0;background:#222;color:white;border:1px solid #222}.empty .primary:hover{background:#444}#progress-area{border:0;margin:0;padding-top:13px;color:#777;font-size:10px}progress{height:4px;background:#dddcd2;border:0;border-radius:0;padding:0;margin-top:9px}progress::-webkit-progress-bar{background:#dddcd2}progress::-webkit-progress-value{background:#f26732}.right-column{display:flex;flex-direction:column;gap:0}.agenda{padding:18px;border-bottom:1px solid #272722}.agenda .section-head{margin-bottom:14px}.agenda .section-head .quiet{font-size:11px;color:#222;background:transparent;border:1px solid #aaa9a1;padding:5px 9px;min-height:30px;box-shadow:none}.week-heading{font-size:11px;margin-bottom:8px}.week-heading button{min-width:29px;min-height:29px;padding:3px 7px;background:transparent}.week-heading .quiet{font-size:10px;color:#555}.week-days{background:transparent;border:0;padding:0;gap:3px}.day{border:0;border-radius:0;background:transparent;font-size:14px;font-weight:600;min-height:47px;box-shadow:none;padding:5px 0}.day small{font-size:9px;color:#777;margin-bottom:6px}.day.today{box-shadow:inset 0 0 0 1px #777}.day.selected{background:#222;color:#fff}.day.selected small{color:#ddd}.day.selected:hover{background:#333}.agenda-date{font-size:11px;color:#555;margin-top:12px;margin-bottom:6px}.empty.compact{padding:9px 0;background:none;border:0;margin:0;text-align:left}.empty.compact p{font-size:11px;color:#777}.agenda>.small{font-size:9px;color:#777;margin-top:8px;margin-bottom:0}.event{background:#ecebe3;border:0;border-left:3px solid #f26732;border-radius:0;padding:9px;margin:8px 0;box-shadow:none}.event time{font:11px monospace;color:#a34323}.event strong{font-size:12px;color:#222}.event small{font-size:10px;color:#666}.memo{background:#e4edcc;padding:18px;flex:1}.memo .section-head{margin-bottom:12px;background:none}.memo .section-head h2{color:#222}.memo .muted{font-size:9px;color:#576348}.memo textarea{font-size:13px;line-height:1.7;padding:0;min-height:78px;height:78px;background:transparent;border:0;box-shadow:none;border-radius:0;color:#37402d}.memo-bottom{font-size:9px;color:#647153;border:0;padding:0;margin-top:8px}footer{font-size:10px;color:#777;border:0;margin-top:12px;padding:0;box-shadow:none;background:none}footer .quiet{font-size:10px;color:#555}.start-menu{position:fixed;top:60px;bottom:auto;left:3%;background:#efeee9;border:1px solid #222;box-shadow:4px 4px #222;z-index:60;padding:8px;width:220px}.start-menu:before{display:none}.start-menu button{width:100%;display:block;border:0;box-shadow:none;text-align:left;min-height:38px;background:transparent;font-size:12px}.start-menu button:hover{background:#222;color:white}dialog{border:1px solid #222;border-radius:0;background:#efeee9;box-shadow:7px 7px #2226;color:#222;padding:24px}dialog::backdrop{background:#0005;backdrop-filter:none}.dialog-head{background:transparent;border-bottom:1px solid #222;padding:0 0 17px;margin:0 0 20px}.dialog-head .eyebrow{display:block;color:#666;font:9px monospace}.dialog-head h2{color:#222;font-size:22px}.icon-button{font-size:23px;min-height:34px;border:1px solid #222;background:transparent;color:#222;padding:2px 9px}.backup-box{border:1px solid #aaa9a1;border-radius:0;background:#e5e4dc}.required{color:#a34224}.danger{color:#9a342e;border-color:#b37670}#toast{bottom:24px;background:#222;color:white;border:1px solid #222;border-radius:0;box-shadow:3px 3px #f26732;font-size:12px}#undo{color:#d7f352;box-shadow:none}.error-banner{border-radius:0}.brand:hover{background:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #f26732;outline-offset:2px}
@media(min-width:901px) and (max-height:950px){.topbar{min-height:35px}.greeting{padding:18px 20px 18px 0;min-height:150px}.greeting h1{font-size:53px}.metrics{margin-bottom:19px}.KPICard{padding:13px 20px;min-height:70px}.KPICard strong{font-size:30px}.DataCard{padding:16px}.tasks{min-height:350px}.section-head{margin-bottom:13px}.empty{padding:23px 10px 24px}.empty.compact{padding:8px 0}.day{min-height:44px}.right-column{gap:0}.memo textarea{height:70px;min-height:70px}}
@media(max-width:1100px){.rail{gap:14px}.brand{font-size:17px}.brand-mark{font-size:34px}.nav{padding:10px;font-size:11px}.hero-aside{gap:20px}.hero-sticker{font-size:11px;padding:15px}.greeting h1{font-size:51px}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}}
@media(max-width:900px){.rail{flex-wrap:wrap;padding:0 24px;gap:0}.brand{flex:1;min-height:52px}.rail-bottom{display:flex}.rail-bottom #help-open{display:none}nav{order:3;flex-basis:100%;justify-content:start;border-top:1px solid #b5b4ac;gap:6px}.nav{padding:9px 13px}.brand-sub{display:none}main{padding:0 24px 20px}.greeting{min-height:162px;background:none;padding:22px 0}.greeting h1{font-size:58px}.greeting h1 br{display:block}.greeting h1 em{margin-left:0}.hero-aside{gap:18px;flex-direction:column;align-items:end}.hero-sticker{font-size:11px;padding:15px 20px}.metrics{gap:0}.KPICard{padding:14px;grid-template-columns:1fr;gap:6px}.KPICard strong{grid-column:1;grid-row:2;font-size:28px}.KPICard small{grid-row:3;font-size:8px}.workspace{grid-template-columns:1fr}.tasks{border-right:0;border-bottom:1px solid #222;min-height:0}.right-column{display:grid;grid-template-columns:1fr 1fr}.agenda{border-bottom:0;border-right:1px solid #222}.memo{min-width:0}.memo textarea{min-height:170px;height:170px}.DataCard{padding:18px}.empty{padding:25px 0}.empty.compact{padding:9px 0}.start-menu{top:54px;left:24px}}
@media(max-width:660px){.rail{padding:0 16px}.brand{font-size:16px}.brand-mark{font-size:30px}.rail-bottom button{font-size:10px}.nav{font-size:11px;padding:10px 9px;white-space:nowrap}nav{overflow:auto;gap:0}main{padding:0 16px 18px}.topbar{font-size:9px;min-height:34px}.status{font-size:9px}.design-switch a{font-size:10px;padding:10px}.design-switch span{display:none}.greeting{gap:12px;padding:23px 0;min-height:0}.greeting h1{font-size:46px;letter-spacing:-2px}.greeting h1 em{letter-spacing:-2px}.greeting .eyebrow{font-size:8px;letter-spacing:.5px}.subtitle{font-size:10px;max-width:170px}.hero-aside{gap:17px}.hero-sticker{font-size:9px;padding:13px}.greeting .primary{font-size:11px;padding:9px 13px;min-height:35px}.metrics{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.KPICard{padding:13px 9px;min-height:75px}.KPICard>span{font-size:10px}.KPICard strong{font-size:25px}.KPICard small{display:none}.DataCard{padding:15px}.right-column{display:flex}.agenda{border-right:0;border-bottom:1px solid #222}.memo textarea{height:120px;min-height:120px}.task-title{font-size:14px}.toolbar input{font-size:12px}.toolbar select{font-size:10px;width:96px}.empty h3{font-size:23px}.empty p{font-size:11px}.section-head h2{font-size:18px}.day{min-height:50px}.week-heading button{min-height:33px;min-width:33px}.start-menu{left:16px}}
/* A: short poster-like motion; no continuous movement while reading. */
@media(prefers-reduced-motion:no-preference){
 .greeting h1{animation:poster-title-in .5s cubic-bezier(.2,.7,.2,1) both}
 .hero-sticker{animation:poster-sticker-in .65s .12s cubic-bezier(.2,.8,.3,1.1) both;transition:transform .22s ease,box-shadow .22s ease}
 .hero-sticker:hover{animation:none;transform:rotate(-4deg) scale(1.04);box-shadow:5px 5px #191919}
 .workspace{animation:poster-panel-in .4s .15s ease-out both}
 .primary{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
 .primary:hover{transform:translate(-2px,-2px);box-shadow:3px 3px #222}
 .primary:active{transform:translate(1px,1px);box-shadow:none}
 .check span{transition:background .16s ease,color .16s ease}
 .design-switch a{transition:background .16s ease,color .16s ease}
 dialog[open]{animation:poster-dialog-in .2s cubic-bezier(.2,.7,.2,1) both}
 #toast:not([hidden]){animation:poster-toast-in .18s ease-out both}
 @keyframes poster-title-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
 @keyframes poster-sticker-in{0%{opacity:0;transform:rotate(-22deg) scale(.7)}65%{opacity:1;transform:rotate(-7deg) scale(1.06)}100%{opacity:1;transform:rotate(-10deg) scale(1)}}
 @keyframes poster-panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
 @keyframes poster-dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
 @keyframes poster-toast-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* White canvas requested by user; retain colored accents. */
:root{--paper:#fff;--bg:#fff}body{background:#fff}.workspace{background:#fff}.toolbar input,.toolbar select{background:#fff}

/* Keep offline status available to app logic without displaying it. */
#offline-status{display:none}
/* Fit tablet Safari's visible viewport; only content panes scroll. */
@media(min-width:700px){
 html,body{height:100%;overflow:hidden}
 .shell{height:100vh;height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
 .rail{flex:0 0 auto;flex-wrap:nowrap;gap:15px;padding:0 3%;min-height:48px}
 .brand{min-height:48px;font-size:17px}.brand-mark{font-size:30px}.rail nav{width:auto;order:0;justify-content:center}.nav{padding:8px;min-height:40px;font-size:11px}.rail-bottom{margin-left:auto}
 main{flex:1;min-height:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:0 3% 6px}
 .topbar{flex:0 0 30px;min-height:30px}
 .greeting{flex:0 0 auto;min-height:0;padding:13px 0;background:none;gap:15px}
 .greeting h1{font-size:42px;line-height:1;letter-spacing:-2px}.greeting h1 br{display:none}.greeting h1 em{margin-left:10px;letter-spacing:-2px}.subtitle{margin-top:6px;font-size:10px}
 .hero-aside{flex-direction:row;gap:18px}.hero-sticker{font-size:10px;padding:11px 14px}.greeting .primary{min-height:42px;padding:10px 13px}
 .metrics{flex:0 0 auto;margin:0 0 10px;grid-template-columns:repeat(4,minmax(0,1fr))}
 .KPICard,.KPICard.blue{min-height:0;padding:10px 14px;display:grid;grid-template-columns:1fr auto}.KPICard strong{grid-column:2;grid-row:1/3;font-size:27px}.KPICard small{font-size:9px}.KPICard>span{font-size:11px}
 .workspace{flex:1;min-height:0;grid-template-columns:minmax(0,1.4fr) minmax(285px,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
 .DataCard{padding:13px;min-width:0;min-height:0}.tasks{min-height:0;display:flex;flex-direction:column;border-right:1px solid #272722;border-bottom:0}
 .section-head{flex-shrink:0;margin-bottom:9px}.section-head .eyebrow{font-size:8px;margin-bottom:4px}.section-head h2{font-size:17px}
 .toolbar{flex-shrink:0;padding-bottom:8px}.toolbar input{min-width:0}.toolbar select{width:95px}
 #task-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .empty{min-height:0;padding:20px 4px}.empty h3{font-size:19px}.empty p{font-size:11px}.empty button{min-height:40px}
 #progress-area{flex-shrink:0;margin-top:8px;padding-top:0}
 .right-column{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);min-height:0;gap:0}
 .agenda{display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid #272722}
 .week-heading{flex-shrink:0;margin-bottom:5px}.week-days{flex-shrink:0}.week-day{min-height:40px}.agenda-date{margin:5px 0;font-size:10px}
 #event-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.agenda>.small{display:none}
 .memo{display:flex;flex-direction:column}.memo textarea{flex:1;width:100%;min-height:0;height:0;resize:none;font-size:16px}.memo-bottom{flex-shrink:0;font-size:9px;margin-top:5px}
 footer{flex:0 0 30px;margin:0;padding:0;min-height:30px;font-size:9px}footer button{min-height:30px}
 dialog{max-height:calc(100dvh - 24px);overflow:auto}
}
@media(min-width:700px) and (max-height:650px){
 .greeting{padding:8px 0}.greeting h1{font-size:32px}.subtitle{display:none}.hero-sticker{display:none}
 .KPICard,.KPICard.blue{padding-top:7px;padding-bottom:7px}.KPICard small{display:none}.KPICard strong{grid-row:1}
 .section-head .eyebrow{display:none}.DataCard{padding:10px}.right-column{grid-template-rows:minmax(0,1.5fr) minmax(0,1fr)}
 .empty{padding:8px 0}.empty h3{font-size:16px}.empty p{margin:6px 0}.empty-symbol{display:none}
}

.sync-status{font-size:9px;color:#666}#sync-open{font-size:10px;min-height:30px;padding:4px 7px}#sync-dialog{width:min(560px,94vw)}#sync-dialog p{line-height:1.65;font-size:13px}#sync-dialog .button-group{flex-wrap:wrap}#sync-message{background:#f0f3e8;padding:10px}#conflict-list{margin:16px 0}.sync-conflict{border-top:1px solid #bbb;padding:12px 0}.sync-conflict label{display:flex;align-items:center;gap:8px;margin:8px 0}.sync-conflict input{width:20px;min-height:20px}.sync-conflict pre{white-space:pre-wrap;word-break:break-word;max-height:130px;overflow:auto;font-size:12px;background:#f5f5f5;padding:10px}@media(max-width:700px){.sync-status{display:none}}

/* Keep essential content visible even when Safari suspends entrance animations. */
.greeting h1,.hero-sticker,.workspace,dialog[open]{animation:none}

/* WORK CLUB rounded clover monogram */
.brand .brand-mark{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;background:none}.brand-mark img{display:block;width:32px;height:32px;object-fit:contain}.brand:hover .brand-mark img{transform:rotate(-8deg)}.brand-mark img{transition:transform .18s ease}@media(prefers-reduced-motion:reduce){.brand-mark img{transition:none}}