:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#252a28;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,footer{display:flex;justify-content:space-between;align-items:center;padding:24px 4vw;border-bottom:1px solid #dcded6}header>div{display:flex;align-items:center;gap:24px}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{font-size:13px;font-weight:400;letter-spacing:0;color:#6a716c}time{font:16px ui-monospace,monospace}main{padding:56px 4vw;min-height:calc(100svh - 160px);max-width:1600px;margin:auto}h1{font-size:clamp(30px,3vw,44px);font-weight:550;letter-spacing:-1.6px;margin:8px 0 24px}h2{font-size:24px;font-weight:550;margin:0 0 20px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.4px;color:#6b756e;margin:0 0 12px}.subtle,.footnote{color:#69736d;font-size:14px;line-height:1.6}.footnote{font-size:12px;margin-top:24px}#login{max-width:420px;margin:5vh auto 12vh;animation:enter .3s ease}label{font-size:13px;display:block;margin:20px 0 14px}input{display:block;width:100%;padding:13px;margin-top:8px;background:transparent;border:1px solid #c3cbc2;border-radius:4px;font:inherit;color:inherit}input:focus{outline:2px solid #40805b;outline-offset:2px}button{cursor:pointer;border:0;border-radius:4px;background:#22613e;color:#fff;padding:13px 18px;font:inherit;font-size:14px;transition:background .15s,transform .15s}button:hover{background:#17472c}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.6}button span{float:right}form>button{width:100%;text-align:left;margin-top:8px}.secondary{background:#e6eae2;color:#2e4738}.secondary:hover{background:#d5dfd2}.quiet{background:transparent;color:#576b5e;padding:12px 0}.quiet:hover{background:transparent;color:#173e27;text-decoration:underline}.title{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:24px}.title h1,.title h2{margin-bottom:0}.work{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:6vw}.columns,.pc{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:16px;align-items:center}.columns{padding:18px 22px;font-size:12px;color:#707970;border-bottom:1px solid #bfc9bd}.pc{width:100%;text-align:left;background:transparent;color:inherit;border-radius:0;padding:26px 22px;border-bottom:1px solid #d8dfd5;transition:background .18s}.pc:hover,.pc[aria-pressed=true]{background:#e7ede2}.pc strong{font-size:38px;letter-spacing:-1px;font-weight:500}.pc .remaining{font:24px ui-monospace,monospace}.pc small{display:block;color:#667568;margin-top:8px;font-size:12px}.pc .status{font-size:12px;line-height:1.6;color:#5e6e61}aside{border-left:1px solid #d8dfd5;padding-left:28px}aside h2{font-size:56px;margin:0;line-height:1}aside .secondary{width:100%}.quick{display:flex;gap:8px;margin-top:12px}.quick button{width:50%}hr{border:0;border-top:1px solid #d8dfd5;margin:20px 0}.journal{margin-top:64px}.journal .title{padding-bottom:16px;border-bottom:1px solid #bfc9bd}.event{display:grid;grid-template-columns:110px 50px 1fr;gap:16px;font-size:13px;padding:13px 0;border-bottom:1px solid #e1e5dc}.event time{font-size:12px;color:#69736d}.event small{color:#69736d;margin-left:12px}#feedback{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#253e2d;color:white;padding:14px 22px;border-radius:6px;max-width:90vw;z-index:2}#feedback:empty{display:none}footer{font-size:12px;color:#6a756c;border-bottom:0;border-top:1px solid #dcded6}#workspace{animation:enter .25s ease}[hidden]{display:none!important}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:800px){.brand span{display:none}main{padding:32px 5vw}.work{grid-template-columns:1fr;gap:32px}aside{border-left:0;border-top:1px solid #cbd5c8;padding:24px 0 0}.title{align-items:flex-start;flex-direction:column;gap:8px}.pc,.columns{padding-left:12px;padding-right:12px;gap:8px;grid-template-columns:.6fr 1.3fr 1fr}.pc .remaining{font-size:20px}.event{grid-template-columns:70px 20px 1fr;gap:12px}.event small{display:block;margin:6px 0 0}.journal{margin-top:40px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
