@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin.woff2) format("woff2")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/patrick-hand-latin.woff2) format("woff2")}:root{--desk: #dfded8;--paper: #fbfaf3;--paper-texture: url(/light-paper-fibers.png);--ink: #203757;--red-ink: #982f2b;--pencil: #48584f;--ruling: #bbcddc;--line: 36px;--margin: 68px;--font-hand: "Caveat", cursive;--font-signature: "Patrick Hand", cursive;--font-print: "Courier New", monospace}*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;color:var(--ink);background-color:var(--desk);background-image:radial-gradient(ellipse at 50% 300px,#f2f1eb 0,transparent 850px);font-family:var(--font-hand);font-size:28px;font-weight:500;line-height:var(--line);-webkit-font-smoothing:antialiased}p,h1,h2,h3{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--red-ink)}a:focus-visible{outline:2px dashed var(--red-ink);outline-offset:7px}s{text-decoration-color:var(--red-ink);text-decoration-thickness:2px}::selection{background:#ecdda0}.desk-header,.desk-footer{display:flex;justify-content:space-between;gap:20px;width:calc(100% - 80px);margin-inline:auto;color:#60615d;font-family:var(--font-print);font-size:11px;line-height:20px}.desk-header{padding-block:24px;font-size:16px}.site-name{text-decoration:none}.desk-header span a{font-family:var(--font-hand);font-size:30px}.cover-stage{min-height:calc(100svh - 68px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;padding:48px 24px 60px;overflow:clip}.book-scene{position:relative;width:min(430px,74vw)}.book{display:block;position:relative;width:100%;aspect-ratio:7.5 / 9.75;color:#283d62;text-decoration:none;background:#e6e1d2;border-radius:4px 11px 11px 4px;box-shadow:3px 2px #f9f7ed,6px 4px #b8b4a6,8px 6px #f5f3e7,10px 8px #292a27,18px 28px 32px #27291e38;transform:rotate(-4deg);perspective:1600px;isolation:isolate;-webkit-tap-highlight-color:transparent}.inside-page{position:absolute;inset:3px;border-radius:inherit;overflow:hidden;background:repeating-linear-gradient(transparent 0 31px,#bfcfdf 31px 32px),var(--paper-texture) repeat var(--paper);background-blend-mode:normal,multiply;display:flex;flex-direction:column;padding:18% 11%;font-size:clamp(22px,4vw,31px);line-height:1.25;box-shadow:inset 14px 0 24px -20px #453f32}.inside-date{font-size:18px;margin-bottom:26px}.inside-heading{font-size:43px;font-weight:600;margin-bottom:26px}.inside-arrow{font-size:48px;margin-top:28px}.cover-turn{position:absolute;inset:0;transform-origin:0 50%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.25,.65,.3,1)}.cover-front,.cover-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:4px 10px 10px 4px}.cover-back{transform:rotateY(180deg);background:var(--paper-texture) repeat #d8d4c4;background-blend-mode:multiply;box-shadow:inset -8px 0 18px #48433240;display:grid;place-items:center;color:#62645a;font-size:38px;line-height:1.1;text-align:center}.cover-back span{transform:rotate(7deg)}.cover-front{background:url(/marble.svg) center / cover,#222;box-shadow:inset 0 0 0 1px #20211f,inset -2px -2px 5px #0009;display:flex;flex-direction:column;align-items:center;padding-top:16%}.cover-front:before{content:"";position:absolute;inset:0 auto 0 0;width:9%;background:linear-gradient(90deg,#0e1010,#303230 43%,#111312 91%,#73776b);border-radius:4px 0 0 4px;box-shadow:4px 0 7px #0008}.cover-label{display:flex;flex-direction:column;align-items:center;width:73%;margin-left:5%;padding:13px 13px 15px;background:var(--paper-texture) repeat #f5f3e8;background-blend-mode:multiply;border:2px solid #20211f;outline:4px solid #f5f3e8;border-radius:15px;color:#252b2c;box-shadow:2px 3px 5px #0004;transform:rotate(.6deg)}.label-brand{font:700 10px/16px Arial,sans-serif;letter-spacing:3px}.label-title{font:700 clamp(19px,3.8vw,27px)/36px Georgia,serif;letter-spacing:1px}.label-rule{font:9px/20px var(--font-print);text-align:center}.cover-writing{display:block;padding-top:6px;width:100%;color:var(--ink);font:600 clamp(42px,7vw,61px)/1 var(--font-hand);text-align:center}.cover-writing span{color:var(--red-ink)}.cover-subtitle{font-size:clamp(17px,3.6vw,26px);line-height:1.4;margin-top:5px;transform:rotate(-2deg)}.name-line{display:flex;align-items:baseline;gap:14px;align-self:stretch;border-bottom:1px solid #77776b;margin-top:17px;padding-bottom:2px;font-size:clamp(17px,3vw,23px);white-space:nowrap}.name-line>span{font:8px var(--font-print)}.cover-sticker{position:absolute;right:7%;bottom:13%;padding:12px 20px 17px;background:var(--paper-texture) repeat #e9dfac;background-blend-mode:multiply;color:#424936;font-size:clamp(21px,4vw,29px);line-height:1.05;transform:rotate(8deg);box-shadow:2px 5px 8px #0005}.cover-sticker:before,.sticky-note:before{content:"";position:absolute;top:0;left:0;right:0;height:17px;background:#bbaa5c13}.cover-bottom{position:absolute;bottom:4%;left:16%;color:#efeee3;background:#171916;padding:2px 10px;font:8px/15px var(--font-print);letter-spacing:.7px}.book.is-open .cover-turn{transform:rotateY(-145deg)}.book:hover{color:var(--ink)}.open-invitation{position:absolute;top:45%;left:calc(100% + 62px);width:125px;transform:rotate(7deg);font-size:33px;line-height:1;color:#5c6055}.open-invitation svg{width:95px;height:84px;margin-left:-29px;margin-top:8px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cover-caption{color:#6c6d65;font-size:22px;text-align:center}.notebook-pages{padding:30px 24px 0}.paper{position:relative;width:min(100%,820px);min-height:1060px;margin:0 auto 44px;padding:54px 57px 92px 98px;background-color:var(--paper);background-image:linear-gradient(to right,transparent var(--margin),#d08c8b var(--margin),#d08c8b calc(var(--margin) + 1px),transparent calc(var(--margin) + 1px)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--line) - 1px),var(--ruling) calc(var(--line) - 1px),var(--ruling) var(--line)),var(--paper-texture);background-position:0 0,0 -8px,0 0;background-blend-mode:normal,normal,multiply;border-radius:3px 7px 8px 3px;box-shadow:-1px 0 2px #5452471c,3px 3px #eeeade,5px 5px #aaa89e,7px 7px #eeece1,9px 11px 20px #38392f20}.paper:before{content:"";position:absolute;inset:0 auto 0 0;width:27px;background:linear-gradient(90deg,#63583a18,transparent);pointer-events:none}.page-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;color:var(--pencil);font-family:var(--font-signature);font-size:18px;line-height:36px}.paper h1,.paper h2{font-size:clamp(48px,6.5vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.4px;margin-bottom:22px}.paper h3{font-size:42px;font-weight:700;line-height:42px;margin-bottom:18px}.paper p{margin-bottom:18px}#notes:focus{outline:none}.little-star{display:inline-block;margin-left:4px;color:var(--red-ink);transform:translateY(-9px) rotate(15deg)}.red-note{color:var(--red-ink);font-size:25px;font-weight:600}.paper .title-note{margin-top:-19px;margin-bottom:28px;padding-left:175px;transform:rotate(-3deg)}.subject-line{margin-bottom:30px!important}.hand-insert{display:inline-block;color:var(--red-ink);transform:rotate(-2deg)}.note-label{font-weight:700}.agenda{margin-block:30px 32px}.agenda .note-label{margin-bottom:8px}.hand-box{display:inline-block;border:1.5px solid currentColor;padding:6px 18px 9px;border-radius:3px 8px 4px 10px/6px 4px 8px 3px;transform:rotate(-1deg)}.timeline{list-style:none;padding:0;margin:0 0 var(--line);line-height:var(--line)}.timeline li{display:grid;grid-template-columns:58px 1fr;gap:15px;margin-bottom:var(--line);align-items:first baseline}.timeline li:last-child{margin-bottom:0}.timeline time{font:20px/1 var(--font-signature);color:var(--pencil)}.timeline .red-note{font-size:inherit}.meeting-result{font-size:31px}.circled{position:relative;white-space:nowrap}.circled:after{content:"";position:absolute;inset:-3px -10px -4px;border:2px solid var(--red-ink);border-radius:49% 51% 47% 48%;transform:rotate(-3deg);pointer-events:none}.page-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:37px}.small-note{color:var(--pencil);font:20px/27px var(--font-signature)}.sticky-note{position:relative;width:236px;flex-shrink:0;background:var(--paper-texture) repeat #f0e6a6;background-blend-mode:multiply;color:#3e4d46;transform:rotate(4deg);padding:18px 25px 16px;box-shadow:3px 6px 10px #3d3c2a25;font-size:30px;line-height:32px}.sticky-note p{margin-bottom:13px}.sticky-note .sticky-aside{font-size:23px;line-height:25px;margin-bottom:0}.underline{text-decoration:underline;text-decoration-color:var(--red-ink);text-decoration-thickness:2px;text-underline-offset:5px}.page-number{position:absolute;bottom:20px;left:50%;font-size:20px;color:#717b7d}.correction{color:var(--red-ink);font-size:37px;transform:rotate(-3deg);margin-top:-9px;margin-left:98px}.keep-list{margin-block:30px}.hand-list{list-style:none;padding:0 0 0 28px;margin:0}.hand-list li{position:relative;margin-bottom:9px}.hand-list li:before{content:"✓";color:var(--red-ink);position:absolute;left:-31px;font-size:29px}.big-note{font-size:35px;margin-block:16px 37px!important}.checklist{padding:0 0 0 32px;margin:0;list-style:none}.checklist li{position:relative;margin-bottom:24px}.checklist li:before{content:"";position:absolute;top:11px;left:-31px;width:17px;height:17px;border:1.5px solid var(--ink);transform:rotate(-3deg);border-radius:2px 0 3px 1px}.checklist strong{display:block;font-size:32px;font-weight:700}.checklist span{color:var(--pencil);font:22px/30px var(--font-signature);display:block}.bottom-scribble{margin-top:35px;transform:rotate(-2deg)}.bad-note{margin:26px 0;padding-left:12px}.bad-note p{margin-bottom:0}.bad-note .red-note{transform:rotate(-2deg)}.decision-note{border-left:2px solid #526987;padding-left:20px;margin-block:18px}.decision-note p{margin-bottom:0}.decision-note strong{font-weight:700;color:var(--red-ink)}.postscript{margin-top:47px;padding-top:30px;border-top:2px dashed #9cacae}.postscript h3{font-size:43px}.postscript p{margin-block:25px}.anarlog-link{display:inline-block;font-size:35px;color:var(--red-ink);text-decoration-thickness:2px;transform:rotate(-2deg)}.source-aside{display:block;color:var(--pencil);font:20px/27px var(--font-signature);margin-top:8px}.last-note{margin-top:45px;transform:rotate(2deg);text-align:right}.desk-footer{padding:4px 0 40px;width:min(820px,100% - 48px);font-family:var(--font-hand);font-size:23px;line-height:30px}.report-paper .page-meta{font-size:18px}.report-intro{font:22px/32px var(--font-signature)}.report-total{font:700 36px/1.35 var(--font-hand)}.report-metric{display:inline-block;padding-inline:3px;color:var(--ink);background:linear-gradient(transparent 60%,#ecda86b3 60% 88%,transparent 88%);font:700 72px/1.15 var(--font-hand);font-variant-numeric:tabular-nums;white-space:nowrap}.report-aside{margin-top:-9px;transform:rotate(-1deg)}.report-figure{margin:36px 0}.report-figure figcaption{margin-bottom:18px;font-size:40px;font-weight:700;line-height:42px}.report-bars{--label-width: 190px;--value-width: 84px;margin-bottom:18px}.report-bar-row{display:grid;grid-template-columns:var(--label-width) minmax(0,1fr) var(--value-width);gap:12px;align-items:center;min-height:54px}.report-bar-label{font:23px/27px var(--font-signature)}.report-bar-track{display:block;height:26px;border-left:1px solid #283d6240}.report-bar-fill{display:block;width:var(--bar-width);height:100%;border:1.5px solid currentColor;border-radius:2px 6px 3px 2px/4px 2px 5px 3px;background:repeating-linear-gradient(-65deg,#283d6260 0 1px,transparent 1px 5px)}.report-bar-value{font-size:48px;font-weight:700;line-height:54px}.report-bar-emphasis{color:var(--red-ink)}.report-bar-emphasis .report-bar-fill{background:repeating-linear-gradient(-65deg,#a53c3580 0 1px,transparent 1px 5px)}.report-axis{display:flex;justify-content:space-between;margin:3px calc(var(--value-width) + 12px) 0 calc(var(--label-width) + 12px);padding-top:4px;border-top:1px solid #283d6260;color:var(--pencil);font:20px/24px var(--font-signature)}.report-callout{margin-block:36px;font-size:28px}.report-callout>strong:not(.report-metric){font-size:34px;font-weight:700}.duration-bars{--label-width: 110px;--value-width: 76px}.duration-bars .report-bar-row{min-height:36px}.duration-bars .report-bar-track{height:19px}.duration-bars .report-bar-value{font:27px/36px var(--font-signature)}.report-sample-note{margin-top:36px}.meeting-heatmap{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:5px;margin:0 -5px 12px}.meeting-heatmap th{font:24px/30px var(--font-signature);text-align:center}.meeting-heatmap abbr{text-decoration:none}.meeting-heatmap th small{display:block;padding-bottom:9px;font:18px/24px var(--font-signature);color:var(--pencil)}.meeting-heatmap th:first-child,.meeting-heatmap td:first-child{width:56px}.meeting-heatmap tbody th{text-align:left;font:18px/24px var(--font-signature);color:var(--pencil)}.meeting-heatmap td{padding:0}.heatmap-axis-label{display:block;color:var(--pencil);font:16px/18px var(--font-signature)}.heatmap-cell{display:block;width:100%;min-height:31px;padding:0;border:1px solid #283d6220;border-radius:2px 4px 2px 3px;background-color:color-mix(in srgb,#283d62 calc(var(--heat-strength) * 100%),var(--paper));color:#000;font:20px/32px var(--font-signature);cursor:pointer}.heatmap-dark{color:#fff}.heatmap-cell:hover,.heatmap-cell:focus-visible,.heatmap-cell[aria-pressed=true]{outline:2px solid var(--red-ink);outline-offset:1px}.heatmap-suppressed{color:var(--pencil);background:repeating-linear-gradient(-65deg,#283d6210 0 1px,transparent 1px 5px)}.heatmap-legend{display:flex;align-items:center;justify-content:end;gap:10px;color:var(--pencil);font:18px/27px var(--font-signature)}.heatmap-scale{width:65px;height:12px;background:linear-gradient(to right,#283d6215,#283d62df)}.heatmap-detail{min-height:72px;padding-top:18px;color:var(--red-ink);font:23px/30px var(--font-signature)}.report-method{margin-top:36px;padding-top:18px;border-top:2px dashed #8b9c90;color:var(--pencil);font:20px/30px var(--font-signature)}.report-method summary{color:var(--ink);font:700 28px/36px var(--font-hand);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px}.report-method summary:focus-visible{outline:2px dashed var(--red-ink);outline-offset:5px}.report-method>div{margin-top:18px}.report-method p:last-child{margin-bottom:0}@media(max-width:760px){.report-paper .page-meta{font-size:15px;line-height:22px;align-items:start}.report-figure figcaption{font-size:34px;line-height:36px}.report-intro{font-size:20px}.report-total{font-size:30px}.report-metric{font-size:60px}.usage-bars{--label-width: 0px;--value-width: 64px}.usage-bars .report-bar-row{grid-template-columns:minmax(0,1fr) var(--value-width);gap:0 12px;margin-bottom:18px}.usage-bars .report-bar-label{grid-column:1 / -1;font-size:22px;line-height:36px}.usage-bars .report-bar-value{font-size:42px}.usage-bars .report-axis{margin-left:0}.duration-bars{--label-width: 80px;--value-width: 54px}.duration-bars .report-bar-row{gap:8px}.duration-bars .report-bar-value{font-size:22px}.duration-bars .report-bar-label{font-size:18px;white-space:nowrap}.duration-bars .report-axis{margin-left:calc(var(--label-width) + 8px);margin-right:calc(var(--value-width) + 8px)}.report-callout{font-size:25px}.report-callout>strong:not(.report-metric){font-size:29px}.meeting-heatmap{border-spacing:3px 5px;margin-inline:-3px}.meeting-heatmap th:first-child,.meeting-heatmap td:first-child{width:36px}.meeting-heatmap th{font-size:18px}.meeting-heatmap tbody th,.meeting-heatmap th small,.heatmap-axis-label{font-size:14px}.heatmap-cell{font-size:16px;min-height:30px}.heatmap-legend{gap:7px;font-size:15px}.heatmap-scale{width:38px}.heatmap-detail{min-height:99px;font-size:23px}}@media(max-width:380px){.meeting-heatmap{width:calc(100% + 24px);margin-inline:-12px}.meeting-heatmap thead th{font-size:15px}.meeting-heatmap th small{font-size:12px}.report-axis{font-size:17px}}.skip-link{position:absolute;top:-90px;left:25px;color:var(--ink);background:var(--paper);padding:8px 16px;font-size:22px}.skip-link:focus{top:6px}@media(max-width:760px){.desk-header{width:calc(100% - 36px);font-size:12px}.desk-header span a{font-size:26px}.cover-stage{padding-top:35px;min-height:calc(100svh - 68px);gap:76px}.book-scene{width:min(360px,75vw)}.open-invitation{inset:auto 6px -47px auto;width:auto;font-size:25px;transform:rotate(3deg);white-space:nowrap}.open-invitation svg,.open-invitation br{display:none}.cover-caption{max-width:270px;font-size:21px;line-height:25px}.cover-label{padding:10px 9px 12px}.cover-front{padding-top:10%}.cover-writing{font-size:clamp(27px,8.5vw,38px);white-space:nowrap}.label-title{line-height:28px}.label-rule{font-size:7px;line-height:14px}.cover-bottom{font-size:6px;letter-spacing:0;padding-inline:6px}.cover-sticker{bottom:7%;padding:10px 14px 14px}.name-line{margin-top:10px;gap:8px}.notebook-pages{padding:12px 16px 0}.paper{--margin: 29px;padding:35px 22px 74px 48px;min-height:0;margin-bottom:28px}.paper:before{width:15px}.page-meta{font-size:14px;gap:10px;margin-bottom:18px}.paper h1,.paper h2{font-size:48px;line-height:1.05}.paper-log h1{font-size:42px}.paper h3{font-size:36px}.paper .title-note{padding-left:54px;font-size:21px;margin-bottom:24px;margin-top:-12px}body{font-size:25px;line-height:32px}.red-note{font-size:23px}.hand-box{padding:5px 11px 8px}.timeline li{grid-template-columns:42px 1fr;gap:10px}.timeline time{font-size:20px}.meeting-result{font-size:27px}.circled{white-space:normal;display:inline-block}.page-bottom{flex-direction:column;align-items:flex-start;margin-top:28px;gap:16px}.sticky-note{align-self:center;width:min(230px,100%);font-size:28px}.small-note{font-size:18px}.correction{font-size:31px;margin-left:20px}.hand-list{padding-left:23px}.hand-list li:before{left:-25px}.paper .keep-note{margin-right:0}.big-note{font-size:30px}.checklist{padding-left:25px}.checklist li:before{left:-26px;width:14px;height:14px}.checklist span{font-size:20px;line-height:28px}.checklist strong{font-size:29px}.bad-note{padding-left:0}.decision-note{padding-left:13px}.postscript h3{font-size:36px}.anarlog-link{font-size:31px}.wide-only{display:none}.desk-footer{font-size:19px;flex-wrap:wrap;gap:7px}}.paper-log{padding-top:calc(2 * var(--line))}.paper-log .page-content{line-height:var(--line)}.paper-log .page-meta,.paper-log h1{margin-bottom:0}.paper-log h1{line-height:calc(2 * var(--line))}.paper-log .title-note{margin-top:0;margin-bottom:var(--line)}.paper-log .subject-line{margin-bottom:var(--line)!important}.paper-log .agenda{display:grid;justify-items:start;margin-block:0 var(--line)}.paper-log .agenda p{margin-bottom:0}.paper-log .agenda .hand-box{position:relative;padding:0 18px;border:none;transform:none}.paper-log .agenda .hand-box:after{content:"";position:absolute;inset:-3px 0;border:1.5px solid currentColor;border-radius:inherit;transform:rotate(-1deg);pointer-events:none}@media(prefers-reduced-motion:reduce){.cover-turn{transition:none}.book.is-open .cover-turn{transform:none;opacity:0}}
