/* HMT's System 01: monochrome Mac chrome, ink blue desktop, colored desk notes. */
:root{--paper:#f5f3e9;--ink:#242728;--green:#49604c;background:#8f9cae;color:var(--ink)}
body{background-color:#8f9cae;background-image:radial-gradient(#53667e 0.7px,transparent .7px);background-size:4px 4px}
.menubar{height:44px;background:#faf9f1;box-shadow:0 2px 0 #ffffff70;gap:34px}.brand{font-size:16px;letter-spacing:-.5px}.menu-label{font-size:13px}#clock{font-size:12px}
.desktop{min-height:calc(100vh - 87px)}nav{width:170px;border-right:1px solid #384b632e;padding:36px 18px;gap:19px}nav a{flex-direction:column;font-size:12px;padding:11px 5px;gap:8px;border:0}nav a span{font-size:31px;display:grid;place-items:center;width:49px;height:43px;background:#efeee5;border:2px solid #242728;border-radius:3px;box-shadow:3px 3px 0 #283545}nav a.active{background:transparent;box-shadow:none;color:#fff;text-shadow:1px 1px #242728}nav a.active span{background:#e2e7f1;color:#242728;text-shadow:none;outline:1px dashed #f5f3e9;outline-offset:5px}nav a:hover span{transform:translateY(-2px)}.nav-bottom{font-size:14px;line-height:1.8;color:#243246;letter-spacing:1px}.nav-bottom small{font-size:10px;letter-spacing:0}.desktop-mark{display:inline-block;border:2px solid #243246;font-size:27px;letter-spacing:-2px;padding:0 8px;margin-bottom:15px;box-shadow:3px 3px 0 #ffffff40}
main{padding:39px 35px 42px 32px}.eyebrow{font-size:11px;letter-spacing:1.4px;color:#26394e;margin-bottom:13px}h1{font-size:clamp(25px,2.5vw,36px);letter-spacing:-1.8px;font-weight:700;line-height:1.2}.subtext{font-size:13px;color:#26394e;margin-top:12px}.date-stamp{background:#efeee5;border:2px solid var(--ink);box-shadow:3px 3px 0 #38475c;transform:rotate(2deg);padding:13px;max-width:155px;line-height:1.8;text-align:center}.page-heading{margin-bottom:30px}
.overview{grid-template-columns:minmax(0,1fr) 335px;gap:27px}.widgets{gap:25px}.desktop-summary{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:0 1px;color:#213348;letter-spacing:.2px;margin-bottom:-6px}.window{border-radius:6px 6px 3px 3px;border:2px solid var(--ink);box-shadow:5px 5px 0 #293646,6px 6px 0 #d3d9dd77}.titlebar{background:#efeee6;position:relative;justify-content:center;padding:8px 14px;isolation:isolate;min-height:37px;letter-spacing:.2px}.titlebar:after{position:absolute;inset:7px 8px;height:auto;background:repeating-linear-gradient(to bottom,#242728 0 1px,transparent 1px 3px);z-index:-1;opacity:.75}.titlebar:before{position:absolute;left:9px;width:11px;height:11px;outline:3px solid #efeee6;background:#efeee6}.titlebar strong{background:#efeee6;padding:0 10px;font-weight:600;font-size:12px}.body{padding:24px}.green{background:#dbe3d2}.yellow{background:#ece3b5}.widget-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.widget-icon{display:grid;place-items:center;width:48px;height:45px;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#f6f5e7;margin:0}.widget-tag{font-size:10px;letter-spacing:1px;line-height:1.8;max-width:105px;text-align:right}h2{font-size:16px}.metric{font-size:38px;letter-spacing:-2px;margin:22px 0 12px;line-height:1.2}.stat-row{font-size:12px;flex-wrap:wrap;line-height:1.7}.widget-link{border-top:1px solid #24272855;font-size:12px;margin-top:24px;padding-top:15px}.widget-link:hover{text-decoration:underline;text-underline-offset:4px}.wide.window .body{background:#f5f3e9}.empty{background:repeating-linear-gradient(135deg,#aeb7a009 0 2px,transparent 2px 6px);font-size:13px;padding:26px 16px}.primary{background:#283b53}.primary:hover{background:#3c536e}button{font-size:12px;transition:background .15s}button:focus-visible,a:focus-visible{outline:3px solid #354f78}
.calendar-head{margin-bottom:23px}.calendar-head strong{font-size:14px}.calendar-grid{gap:5px}.weekday{font-size:11px;color:#59604f}.day{font-size:13px;min-height:30px}.day.selected{box-shadow:2px 2px 0 #849099}.day.today:not(.selected){border:1px dashed}.agenda{border-top:2px solid #242728;margin-top:21px}.agenda h3{font-size:13px}.calendar-foot button{font-size:11px}.note{background:#e8ddb5;border:1.5px solid #242728;box-shadow:3px 3px 0 #3e4c5e;transform:rotate(-1deg);padding:18px 20px;font-size:12px;line-height:2}.note-label{font-size:10px;letter-spacing:1.5px;font-weight:700}.inline-note{font-size:11px;color:#273c52;margin:0;line-height:1.9}.body>.inline-note{color:#5b6054;margin-bottom:20px}
.stat{box-shadow:4px 4px 0 #293646;border:2px solid}.stat:nth-child(2){background:#dbe3d2}.stat:nth-child(3){background:#ece3b5}.stat:nth-child(4){background:#dce2ed}.stat .metric{font-size:29px}.stats{gap:20px}.task-row{padding:17px 0}.task-row input{accent-color:#283b53}.tabs button{border-radius:5px 5px 0 0;padding:11px 16px}.tabs button[aria-selected=true]{background:#ece3b5;color:var(--ink)}.bar{background:repeating-linear-gradient(0deg,#536a87 0 2px,#7186a0 2px 4px)}footer{background:#efeee6;min-height:43px;font-size:11px}footer button{font-size:11px;border:1px solid #787d77}dialog .titlebar{justify-content:flex-start}dialog .titlebar strong{padding-left:14px}dialog .titlebar button{position:relative;background:var(--paper)}dialog .titlebar:before{left:10px}#fields{gap:18px}#fields input:focus{outline:2px solid #536a87;outline-offset:2px}
@media(min-width:1450px){main{padding:48px}.overview{grid-template-columns:minmax(0,1fr) 370px}.body{padding:28px}.widget-tag{max-width:none}.widget-top{margin-bottom:26px}.metric{font-size:43px}}
@media(max-width:1100px){nav{width:130px;padding-left:12px;padding-right:12px}main{padding-left:22px;padding-right:25px}.overview{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.widgets{grid-template-columns:1fr}.widget-tag{max-width:none}.desktop-summary{flex-wrap:wrap}.date-stamp{display:none}.metric{font-size:33px}}
@media(max-width:760px){.menubar{padding:0 16px}.brand{font-size:14px}.desktop{display:block}nav{border:0;flex-direction:row;width:auto;gap:12px;padding:20px 12px 10px}nav a{font-size:11px;gap:9px;flex:1}nav a span{font-size:25px;width:38px;height:34px}.nav-bottom{display:none}main{padding:20px 18px 32px}.overview{grid-template-columns:1fr}.widgets{grid-template-columns:1fr 1fr;gap:18px}.body{padding:18px}.widget-top{align-items:flex-start}.widget-tag{font-size:9px;max-width:80px}.widget-icon{width:36px;height:36px;font-size:25px;flex-shrink:0}.metric{font-size:29px}.metric small{font-size:11px}.desktop-summary{font-size:10px;line-height:1.8}.stat-row{font-size:11px}.widget-link{font-size:11px;line-height:1.7}.subtext{font-size:12px}h1{font-size:27px}.page-heading{flex-wrap:wrap}.eyebrow{font-size:10px}.note{margin-top:20px}.stats{gap:14px}.stat .metric{font-size:25px}footer{padding:8px 14px}.titlebar strong{font-size:11px}#clock{font-size:10px}}
@media(max-width:420px){.widgets{grid-template-columns:1fr}.widget-tag{max-width:none}.metric{font-size:36px}.stats{grid-template-columns:1fr 1fr}.stat .metric{font-size:23px}#clock{display:none}}