.koi-component{--pond-ink:#42584a;--pond-muted:#777d70;--pond-line:#dcded3;width:100%;color:var(--pond-ink);font-family:Arial,Helvetica,sans-serif}.feed-mode{display:flex;align-items:center;gap:7px;border:1px solid var(--pond-line);border-radius:20px;background:transparent;color:var(--pond-ink);padding:5px 12px;font:12px Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.feed-mode>span:first-child{font-size:23px;line-height:18px}.feed-mode[aria-pressed=true]{background:#e0e8d7;border-color:#9bac91}.feed-mode:hover{background:#e7ecdf}.feed-mode:disabled{opacity:.4;cursor:default}@media(max-width:600px){.pond-tools{flex-wrap:wrap;gap:12px}.pond-actions{flex-wrap:wrap}.feed-mode{font-size:11px;padding:5px 10px}}.koi-component[data-style=graphite]{--pond-ink:#4b4c48;--pond-muted:#818079;--pond-line:#dddad2}.koi-component[data-style=blue]{--pond-ink:#426687;--pond-muted:#798995;--pond-line:#d2dce0}.medium-picker{display:flex;justify-content:center;align-items:center;gap:7px;margin:0 auto 24px}.medium-option{border:1px solid transparent;background:transparent;color:#7c7f74;border-radius:30px;padding:9px 15px;display:flex;align-items:center;gap:9px;font:12px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .25s,border-color .25s,color .25s}.medium-option:hover{background:#ffffff70;color:var(--pond-ink)}.medium-option.is-selected{background:#fffdf68f;border-color:#cbd1bf;color:var(--pond-ink);box-shadow:0 2px 5px #454c3610}.medium-swatch{width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000008;display:block;opacity:.82}.swatch-watercolor{background:radial-gradient(ellipse at 20% 25%,#adc6a4aa,transparent 70%),radial-gradient(ellipse at 80% 75%,#2c5c58,transparent 70%),#7e9f79;border-radius:46% 54% 51% 49%}.swatch-graphite{background:repeating-linear-gradient(125deg,#5c5d58 0 .65px,#ece9df 1px 2.3px)}.swatch-blue{background:repeating-linear-gradient(125deg,#376a9a 0 .65px,#ebece5 1px 2.3px)}.pond-frame{position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;margin:auto}.pond-surface{position:absolute;inset:0;outline:none;touch-action:pan-y;cursor:crosshair}.pond-surface canvas{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.pond-surface:focus-visible{outline:1px dashed var(--pond-ink);outline-offset:4px;border-radius:10px}.pond-poster{position:absolute;inset:0;pointer-events:none}.pond-poster img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse,#000 60%,transparent 99%);mask-image:radial-gradient(ellipse,#000 60%,transparent 99%)}.loading-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f9f5e9ed;border:1px solid #cbd1bf;padding:12px 20px;border-radius:30px;color:#506252;font-size:12px;text-align:center;white-space:nowrap}.loading-label button{pointer-events:auto;cursor:pointer;background:none;border:0;color:inherit;text-decoration:underline}.pond-cursor{pointer-events:none;position:absolute;left:50%;top:50%;height:29px;width:29px;border:1px solid #50645566;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;color:var(--pond-ink);display:grid;place-items:center}.pond-cursor span{font:14px Georgia;opacity:.65;margin-top:-2px}.pond-frame.is-ready:not(.is-paused):hover .pond-cursor{opacity:.7}.pond-signature{position:absolute;right:4%;bottom:4%;display:flex;align-items:center;gap:9px;pointer-events:none;opacity:.72;transform:rotate(-3deg)}.pond-signature>span{display:grid;place-items:center;border:1px solid #9b554b;color:#9b554b;width:23px;height:26px;font:17px Georgia,serif;border-radius:1px}.pond-signature small{font:italic 12px Georgia,serif;color:var(--pond-ink)}.paused-label{position:absolute;left:50%;bottom:7%;transform:translate(-50%);background:#f9f5e9d9;padding:8px 17px;border-radius:30px;font:italic 15px Georgia,serif;pointer-events:none;color:var(--pond-ink)}.pond-caption{display:flex;align-items:center;justify-content:center;gap:14px;margin:15px auto 24px;font:italic 14px Georgia,Times New Roman,serif;color:#858776}.caption-line{height:1px;width:28px;background:#c4c9b9}.pond-tools{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--pond-line);padding:19px 0 0;margin:0 4%}.pond-presence{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.015em}.living-dot{height:5px;width:5px;background:#66856b;border-radius:50%;box-shadow:0 0 0 3px #66856b0b}.living-dot.resting{background:#b7ad96}.pond-actions{display:flex;align-items:center;gap:14px}.ripple-button,.pause-button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:0;padding:7px 3px;color:var(--pond-ink);font:12px Arial,Helvetica,sans-serif;cursor:pointer;border-radius:5px}.ripple-button:hover,.pause-button:hover{background:#fff8}.ripple-button:disabled,.pause-button:disabled{opacity:.4;cursor:default}.pause-button{width:30px;height:30px}.tool-divider{height:16px;width:1px;background:var(--pond-line)}.pond-help{position:relative;text-align:center;margin:23px 0 0;min-height:20px;font-size:10px;letter-spacing:.025em;color:#8b8e81}.help-feedback:not(:empty){position:absolute;inset:0;background:#f6f2e9;color:var(--pond-ink)}.koi-component button:focus-visible{outline:2px solid var(--pond-ink);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.medium-picker{gap:2px;margin-bottom:18px}.medium-option{font-size:11px;padding:9px 11px;gap:6px}.medium-swatch{width:12px;height:12px}.pond-tools{margin:0 3%;padding-top:14px}.pond-caption{font-size:12px;margin:12px auto 20px}.pond-presence{font-size:10px;gap:7px}.presence-soft{display:none}.pond-actions{gap:10px}.ripple-button{font-size:11px}.pond-signature small{display:none}.pond-signature>span{width:18px;height:20px;font-size:13px}.pond-help{font-size:10px;line-height:1.7;padding:0 22px;margin-top:19px}.pond-cursor{display:none}.loading-label{font-size:10px;padding:10px 13px;white-space:normal;min-width:160px}.paused-label{font-size:12px}.caption-line{width:18px}}@media(prefers-reduced-motion:reduce){.koi-component *{transition:none!important}}.medium-option{color:#697363}.pond-caption{color:#727965}.pond-help{color:#737b6b}.presence-soft{color:#6f7867}.pond-actions button{min-height:36px}@media(pointer:coarse){.medium-option,.ripple-button{min-height:44px}.pause-button{height:44px;width:44px}}.koi-component{--pond-active:#e8edde;--pond-active-line:#9eaf91}.koi-component[data-style=graphite]{--pond-active:#e8e4da;--pond-active-line:#b1ab9a}.koi-component[data-style=blue]{--pond-active:#e3ebed;--pond-active-line:#9eafbc}.medium-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 4% 13px;border-bottom:1px solid var(--pond-line);padding:0 0 10px;gap:16px}.toolbar-label{font:8px monospace;letter-spacing:1.7px;color:var(--pond-muted)}.medium-picker{margin:0;gap:10px}.medium-option{position:relative;border:0;border-radius:0;padding:11px 8px;gap:8px;color:var(--pond-muted);font-size:11px}.medium-option.is-selected{background:none;box-shadow:none;color:var(--pond-ink)}.medium-option:hover{background:none;color:var(--pond-ink)}.medium-option:after{content:"";position:absolute;bottom:2px;left:8px;right:8px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .2s;transform-origin:left}.medium-option.is-selected:after{transform:scaleX(1)}.medium-option:hover:after{transform:scaleX(.45)}.medium-option.is-selected:hover:after{transform:scaleX(1)}.medium-swatch{box-shadow:none;flex-shrink:0;width:19px;height:14px;opacity:.82}.swatch-watercolor{border-radius:38% 62% 48% 52%;transform:rotate(-12deg)}.swatch-graphite,.swatch-blue{height:10px;border-radius:1px;transform:rotate(-13deg);clip-path:polygon(0 15%,90% 0,100% 75%,12% 100%)}.pond-frame:before,.pond-frame:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;opacity:.65;z-index:2;border-color:var(--pond-line);border-style:solid}.pond-frame:before{left:1%;top:1%;border-width:1px 0 0 1px}.pond-frame:after{right:1%;bottom:1%;border-width:0 1px 1px 0}.pond-caption{color:var(--pond-muted);font-size:12px;line-height:1.5;margin:8px auto 17px;padding:0 14px;text-align:center;gap:10px}.caption-line{width:18px;background:var(--pond-line);flex-shrink:0}.pond-tools{margin:0 4%;padding:14px 0 0;gap:14px}.pond-presence{font-size:10px;gap:8px;line-height:1.6}.presence-soft{color:var(--pond-muted)}.living-dot{background:var(--pond-ink);box-shadow:none}.pond-actions{gap:8px;padding:3px;border:1px solid var(--pond-line);border-radius:7px;background:#fffdf430}.feed-mode{border:1px solid transparent;border-radius:4px;gap:7px;padding:5px 9px;font-size:11px;white-space:nowrap;transition:background .2s,border-color .2s}.feed-mode>span:first-child{font-size:inherit;line-height:inherit}.feed-mode[aria-pressed=true]{background:var(--pond-active);border-color:var(--pond-active-line)}.feed-mode:hover{background:var(--pond-active)}.ripple-button{padding:6px 8px;font-size:11px;gap:6px;white-space:nowrap}.ripple-button:hover,.pause-button:hover{background:var(--pond-active)}.pause-button{border-radius:4px}.tool-divider{height:18px}.pond-help{font-size:10px;line-height:1.7;letter-spacing:0;color:var(--pond-muted);min-height:34px;margin:14px 20px 0;text-wrap:balance}.help-feedback:not(:empty){background:#f6f2e9}@media(max-width:700px){.toolbar-label{display:none}.medium-toolbar{justify-content:center}.pond-presence .presence-soft{display:none}}@media(max-width:600px){.medium-toolbar{margin:0 5% 13px;padding-bottom:9px}.medium-picker{gap:10px}.medium-option{font-size:10px;gap:8px;padding:10px 8px}.medium-swatch{width:19px}.pond-tools{justify-content:center;gap:10px;margin:0 5%;padding-top:13px}.pond-presence{width:100%;justify-content:center;font-size:10px}.pond-presence .presence-soft{display:inline}.pond-actions{flex-wrap:nowrap;justify-content:center;gap:7px}.feed-mode,.ripple-button{font-size:11px;padding-left:10px;padding-right:10px}.pond-actions button{min-height:42px}.pond-caption{font-size:11px;margin-top:8px;margin-bottom:13px}.pond-help{font-size:10px;padding:0;margin:13px 18px 0;min-height:37px}}@media(prefers-reduced-motion:reduce){.koi-component *,.koi-component *:after{transition:none!important}}*{box-sizing:border-box}html,body{margin:0;background:#f6f2e9;color:#3e5144;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:88px;max-width:1376px;margin:0 auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.site-header:after{content:"";position:absolute;bottom:0;left:38px;right:38px;border-bottom:1px solid #d8dacd}.wordmark{display:flex;align-items:center;gap:8px;text-decoration:none;color:#425946}.wordmark>span{font:26px Georgia,Times New Roman,serif;letter-spacing:-1.1px}.wordmark-period{color:#a16a51}.header-note{font:9px monospace;letter-spacing:1.6px;color:#7e8878}.study-number{font:italic 12px Georgia,serif;color:#798170}.study-number span{font:10px monospace;margin-left:17px;color:#9a735d}.sketchbook{max-width:1376px;margin:0 auto;padding:46px 38px 26px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:42px;align-items:center;min-height:calc(100svh - 163px)}.introduction{padding-bottom:80px}.eyebrow{display:flex;align-items:center;gap:9px;font:9px monospace;letter-spacing:1.65px;color:#78816d;margin-bottom:25px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:#a2765e}h1{font:normal clamp(49px,4.7vw,68px)/1.03 Georgia,"Times New Roman",serif;letter-spacing:-3px;margin:0;color:#354f3d}h1 em{font-weight:400;color:#718364}.introduction p{font-size:12px;line-height:1.9;color:#747d6c;margin:24px 0 0;letter-spacing:.005em}.margin-note{margin:43px 0 0;color:#87917b}.margin-note svg{display:block;margin:0 0 12px -3px}.margin-note span{font:italic 13px/1.7 Georgia,serif}.study-label{display:flex;flex-direction:column;gap:8px;margin-top:62px;font:8px monospace;letter-spacing:1.15px;color:#929785}.study-label>span:first-child{color:#a77c60}.pond-wrap{width:100%;min-width:0}.site-footer{max-width:1300px;margin:0 auto;padding:20px 0 23px;border-top:1px solid #d8dacd;display:flex;justify-content:space-between;font:italic 11px Georgia,serif;color:#7a836f;gap:20px}.site-footer>span:last-child{display:flex;align-items:center;gap:13px}a:focus-visible{outline:2px solid #58735d;outline-offset:4px;border-radius:4px}::selection{background:#dce4ce;color:#304e39}@media(max-width:1376px){.site-footer{margin-left:38px;margin-right:38px}}@media(max-width:1050px){.sketchbook{grid-template-columns:1fr;gap:32px;padding-top:32px;max-width:940px}.introduction{padding:0 14px;display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:24px}.eyebrow{grid-column:1/-1;margin-bottom:15px}.title-break{display:none}h1{font-size:48px;letter-spacing:-2.5px}.introduction p{margin:0 0 2px;justify-self:end;font-size:11px}.margin-note,.study-label{display:none}.site-header{height:76px}.sketchbook{min-height:0}}@media(max-width:600px){.site-header{height:68px;padding:0 22px}.site-header:after{left:22px;right:22px}.wordmark>span{font-size:23px}.wordmark svg{width:27px}.header-note{display:none}.study-number{font-size:10px}.study-number span{margin-left:8px;font-size:9px}.sketchbook{padding:32px 12px 24px;gap:27px}.introduction{display:block;padding:0 12px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}h1{font-size:47px;letter-spacing:-2.4px}.introduction p{margin-top:16px;font-size:11px;line-height:1.7}.introduction p br{display:none}.site-footer{margin:0 24px;padding:18px 0 22px;font-size:10px}.site-footer>span:last-child{gap:7px}}