body:has(.duck-room){--gallery-paper:#17120d;--gallery-ink:#efe3c6;background:var(--gallery-paper);color:var(--gallery-ink)}.duck-room{--frame-top:84px;--duck-umber:#17120d;--duck-cream:#efe3c6;--duck-cream-dim:#b8a98a;--duck-gold:#e6b65a;--duck-paper:#f1e7d0;--duck-ink:#1f1911;--duck-ink-soft:#4a3c2a;--duck-red:#9a3f2a;--duck-line:#efe3c633;--writing:"Helvetica Neue", Arial, sans-serif;color:var(--duck-cream);font-family:Helvetica Neue,Arial,sans-serif}.duck-room em{font-weight:400}.duck-eyebrow{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase}.duck-stage{isolation:isolate;min-height:calc(100svh - var(--frame-top));background:var(--duck-umber);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);padding:26px 5% 30px;display:grid;position:relative;overflow:clip;container-type:inline-size}.duck-canvas{z-index:-1;pointer-events:none;position:absolute;inset:0}.duck-wall{background:radial-gradient(70% 90% at 10% 36%, #6a5538 0%, #3a2d20 38%, #1a140e 78%), var(--duck-umber);position:absolute;inset:0}.duck-window{background:repeating-linear-gradient(45deg,#3a2c1a70 0 1.5px,#0000 1.5px 34px),repeating-linear-gradient(-45deg,#3a2c1a70 0 1.5px,#0000 1.5px 34px),linear-gradient(#f7e9c7,#e9d3a0 55%,#c9ad74);width:15cqw;height:62%;position:absolute;top:3%;left:-2cqw;box-shadow:inset 0 0 0 9px #22190f,inset 0 0 70px #a67d3f99,0 0 90px #e9c88a30}.duck-window:before{content:"";background:linear-gradient(90deg,#0000 calc(50% - 5px),#22190f calc(50% - 5px) calc(50% + 5px),#0000 calc(50% + 5px)),linear-gradient(#0000 calc(40% - 5px),#22190f calc(40% - 5px) calc(40% + 5px),#0000 calc(40% + 5px));position:absolute;inset:0}.duck-beam{clip-path:polygon(0 0,14% 0,100% 74%,100% 100%,0 100%);filter:blur(22px);mix-blend-mode:screen;will-change:opacity;background:linear-gradient(98deg,#ffe9bd66 0%,#ffe0a534 32%,#0000 72%);width:62cqw;height:100%;position:absolute;top:0;left:8cqw}.duck-loom{opacity:0;will-change:opacity;background:radial-gradient(50% 55% at 50% 60%,#0a0603cc,#0a060300 70%);width:50%;height:70%;position:absolute;top:10%;left:40%}.duck-table{background:linear-gradient(#6b4527,#2f1c10 9%,#1b100a 60%,#120b06);position:absolute;inset:64% 0 0;box-shadow:0 -2px #8a5c33aa}.duck-cloth{clip-path:polygon(0 7%,14% 1%,33% 6%,55% 0,78% 5%,100% 12%,100% 100%,0 100%);background:linear-gradient(105deg,#0000 40%,#ffffff10 48%,#0000 56%),linear-gradient(168deg,#3f68ad,#23478a 36%,#17336b 70%,#0d1f45);width:100%;height:42%;position:absolute;top:61%;left:0;box-shadow:0 -8px 30px #0006}.duck-glow,.duck-night{opacity:0;will-change:opacity;position:absolute;inset:0}.duck-glow{mix-blend-mode:screen;background:radial-gradient(55% 70% at 34% 46%,#ffe4ad80,#ffd89a20 45%,#0000 72%)}.duck-night{background-color:#070503}.duck-title{z-index:2;text-shadow:0 0 22px #17120d,0 2px 40px #17120dcc;justify-self:end;width:min(100%,780px);padding-left:14cqw;position:relative}.duck-title>.duck-eyebrow{color:var(--duck-cream-dim);flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.duck-title h1{letter-spacing:-.035em;text-wrap:balance;margin:22px 0 16px;font:400 clamp(44px,5.2vw,84px)/1 Georgia,serif}.duck-title h1 em{color:var(--duck-gold)}.duck-intro{max-width:40em;color:var(--duck-cream-dim);font:italic 16px/1.55 Georgia,serif}.duck-tabletop{z-index:1;grid-row:3;grid-template-columns:minmax(340px,31%) minmax(0,1fr) minmax(340px,36%);align-items:end;column-gap:2%;margin-top:24px;display:grid;position:relative}.duck-workspace{display:contents}.duck-letter{z-index:1;color:var(--duck-ink);background:linear-gradient(160deg,#fbf3e0,#efe3c8 60%,#e3d4b3);margin:0;padding:14px 18px 16px;position:relative;box-shadow:0 30px 50px -22px #000000d9,0 2px #fff8}.duck-code{transform-origin:50% 100%;will-change:transform;rotate:-1.8deg}.duck-reply{rotate:1.4deg}.duck-letter-head{min-width:0;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#6f6046;justify-content:space-between;gap:12px;margin:0 0 10px;display:flex}.duck-studies{flex-wrap:wrap;flex:1;gap:4px 12px;min-width:0;display:flex}.duck-study{color:#6f6046;font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #0000;padding:3px 0;transition:color .25s,border-color .25s}.duck-study i{color:var(--duck-red);font-style:normal}.duck-study:hover{color:var(--duck-ink)}.duck-study[aria-pressed=true]{color:var(--duck-ink);border-color:var(--duck-ink)}.duck-letter pre{font:clamp(12px, .9cqw, 13px) / 1.75 var(--mono);margin:0;overflow-x:auto}.duck-code-line{white-space:pre;margin:0 -8px;padding:0 8px;transition:color .4s;display:block;position:relative}.duck-code-line[data-state=bug]{color:var(--duck-red);font-weight:700}.duck-code-line[data-state=bug]:before{content:"";border:2px solid var(--duck-red);opacity:.85;pointer-events:none;border-radius:48% 52% 50% 46%/60% 44% 58% 42%;animation:.9s cubic-bezier(.2,.8,.2,1) both duck-circle;position:absolute;inset:-6px -10px -4px -6px;rotate:-1.2deg}@keyframes duck-circle{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.duck-margin{font:clamp(14px, 1.05cqw, 17px) / 1.55 var(--writing);color:var(--duck-ink-soft);border-top:1px solid #1f191122;min-height:6.2em;margin-top:12px;padding-top:10px}.duck-margin span{color:var(--duck-ink-soft)}.duck-perch{z-index:0;place-self:end center;width:min(100%,300px);margin-bottom:8px;position:relative}.duck-squeeze{aspect-ratio:420/380;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;display:block}.duck-squeeze:focus-visible{outline:none}.duck-figure-svg{width:100%;height:100%;display:block;overflow:visible}.duck-bird{will-change:transform}.duck-squeeze:focus-visible .duck-bird{filter:drop-shadow(0 0 6px var(--duck-gold))}.duck-options{display:none}.duck-reply-head{margin-bottom:6px}.duck-transcript{scrollbar-width:thin;height:6em;font:clamp(16px, 1.15cqw, 19px) / 1.5 var(--writing);color:var(--duck-ink);margin:0 0 8px;padding:3px 0 0;list-style:none;overflow-y:auto}.duck-transcript li{padding:1px 0}.duck-opener{color:#6f5c3e}.duck-write{border-top:1px solid #1f191133;align-items:stretch;gap:8px;padding-top:10px;display:flex}.duck-write input{min-width:0;color:var(--duck-ink);font:clamp(16px, 1.15cqw, 19px) / 1.5 var(--writing);background:0 0;border:0;border-bottom:1px solid #1f191166;flex:1;padding:8px 2px}.duck-write input::placeholder{color:#6f6046;opacity:1}.duck-write input:focus-visible{border-bottom-color:var(--duck-ink);outline:none}.duck-ear{width:40px;color:var(--duck-ink);background:0 0;border:1px solid #1f191166;border-radius:2px;flex-shrink:0;padding:0;transition:background .25s,color .25s}.duck-ear svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px;margin:auto;display:block}.duck-ear[aria-pressed=true]{background:var(--duck-red);border-color:var(--duck-red);color:#fff4e6;animation:1.2s ease-in-out infinite duck-listen}@keyframes duck-listen{50%{box-shadow:0 0 0 6px #9a3f2a33}}.duck-say{border:1px solid var(--duck-ink);background:var(--duck-ink);color:var(--duck-paper);border-radius:2px;flex-shrink:0;padding:8px 16px;font-size:13px;transition:background .25s,opacity .25s}.duck-say:hover:not(:disabled){background:#3a2d1e}.duck-say:disabled,.duck-ear:disabled{opacity:.35;cursor:default}.duck-reply-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-top:10px;display:flex}.duck-foot-toggles{gap:14px;display:flex}.duck-quiet{color:#6f6046;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-underline-offset:4px;white-space:nowrap;background:0 0;border:0;padding:2px 0;text-decoration:underline}.duck-quiet:hover:not(:disabled){color:var(--duck-ink)}.duck-quiet[aria-pressed=true]{color:var(--duck-red)}.duck-ear-note{color:var(--duck-red);flex-basis:100%;font:italic 12px/1.4 Georgia,serif}.duck-verdict{z-index:3;text-shadow:0 0 22px #17120d,0 2px 40px #17120dcc;grid-row:2;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-self:center;align-items:center;column-gap:5%;margin:24px 0 12px;display:grid;position:relative}.duck-verdict[data-kind=none]{display:none}.duck-verdict-paper{justify-self:start;padding-left:12cqw}.duck-verdict-eyebrow{color:var(--duck-cream);opacity:.8;margin-bottom:12px}.duck-verdict strong{letter-spacing:-.04em;font:400 clamp(34px,3.6vw,60px)/1.02 Georgia,serif;display:block}.duck-verdict strong:focus-visible{outline:1px dashed var(--duck-gold);outline-offset:10px}.duck-quote{font:clamp(18px, 1.5vw, 24px) / 1.3 var(--writing);color:#fff4dc;quotes:"“" "”";margin-top:14px;display:block}.duck-verdict p:not(.duck-eyebrow){color:var(--duck-cream-dim);max-width:36em;margin-top:12px;font:italic 15px/1.5 Georgia,serif}.duck-verdict[data-kind=revealed] strong{color:var(--duck-cream-dim)}.duck-fix{color:var(--duck-ink);font:12px / 1.7 var(--mono);text-shadow:none;background:#f1e7d0;margin:0;padding:14px 18px;display:inline-block;rotate:-1deg;box-shadow:0 16px 30px -18px #000}.duck-verdict-actions{align-items:center;gap:18px;margin-top:22px;display:flex}.duck-next{border:1px solid var(--duck-cream);background:var(--duck-cream);min-width:220px;color:var(--duck-umber);text-shadow:none;border-radius:2px;justify-content:space-between;gap:24px;padding:14px 18px;font-size:14px;transition:background .3s,translate .3s;display:inline-flex}.duck-next:hover{background:#fff8e6;translate:0 -1px}.duck-verdict .duck-quiet{color:var(--duck-cream);opacity:.85}.duck-verdict .duck-quiet:hover{color:var(--duck-cream)}.duck-room :is(button,summary):focus-visible{outline:3px solid var(--duck-gold);outline-offset:5px}.duck-coda{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:8%;max-width:1220px;margin:0 auto;padding:86px 6% 96px;display:grid}.duck-principle .duck-eyebrow{color:var(--duck-cream-dim)}.duck-principle h2{letter-spacing:-.045em;margin:22px 0 26px;font:400 clamp(38px,4.6vw,66px)/1.02 Georgia,serif}.duck-principle h2 em{color:var(--duck-gold)}.duck-principle>p:not(.duck-eyebrow){color:#dccfb3;max-width:34em;margin-bottom:18px;font-size:16px;line-height:1.75}.duck-reference{max-width:420px;margin:34px 0 0}.duck-reference img{width:100%;height:auto;display:block;box-shadow:0 30px 60px -34px #000}.duck-reference figcaption{color:var(--duck-cream-dim);justify-content:space-between;align-items:end;gap:18px;margin-top:14px;font:italic 12px/1.5 Georgia,serif;display:flex}.duck-reference figcaption a{font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;text-underline-offset:4px;color:var(--duck-cream);flex-shrink:0;text-decoration:underline}@media (min-width:761px) and (max-width:1180px){.duck-tabletop{grid-template-columns:minmax(300px,1fr) minmax(0,.7fr) minmax(300px,1fr)}.duck-letter pre{font-size:10px}.duck-title{padding-left:8cqw}}@media (min-width:761px) and (max-height:860px){.duck-stage{padding:16px 5% 20px}.duck-title h1{margin:12px 0 10px;font-size:clamp(38px,min(5.2vw,8svh),84px)}.duck-intro{font-size:14px}.duck-tabletop{margin-top:12px}.duck-letter{padding:10px 14px 12px}.duck-letter pre{font-size:clamp(10px,.82cqw,12px);line-height:1.6}.duck-transcript{height:6em}.duck-perch{width:min(100%,240px)}.duck-verdict{margin:10px 0 6px}.duck-stage:not([data-verdict=none]) .duck-intro{display:none}.duck-verdict strong{font-size:clamp(28px,3vw,44px)}}@media (max-width:760px){.duck-room{--gutter:16px}.duck-stage{height:calc(var(--visible-height,100svh) - var(--frame-top));min-height:0;padding:14px var(--gutter) 0;overflow-anchor:none;grid-template-rows:auto minmax(0,1fr)}.duck-wall{background:radial-gradient(90% 60% at 18% 22%, #6a5538 0%, #3a2d20 40%, #1a140e 80%), var(--duck-umber)}.duck-window{width:34cqw;height:40%;top:-4%;left:-6cqw}.duck-beam{clip-path:polygon(0 0,30% 0,100% 70%,100% 100%,0 100%);background:linear-gradient(112deg,#ffe9bd55 0%,#ffe0a52a 36%,#0000 70%);width:90cqw;left:10cqw}.duck-loom{width:70%;left:20%}.duck-table{top:52%}.duck-cloth{height:54%;top:49%}.duck-title{text-align:right;justify-self:stretch;width:auto;padding-left:0}.duck-title>.duck-eyebrow{letter-spacing:.06em;white-space:nowrap;font-size:8px;display:block}.duck-title>.duck-eyebrow span:before{content:" · "}.duck-title h1{white-space:nowrap;margin:8px 0 0;font-size:clamp(26px,7.4vw,40px)}.duck-intro{display:none}.duck-tabletop{grid-row:2;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;min-height:0;margin-top:12px;display:grid}.duck-workspace{overscroll-behavior-y:contain;scrollbar-width:thin;flex-direction:column;min-height:0;padding:8px 0 4px;display:flex;overflow-y:auto}.duck-workspace>*{flex-shrink:0}.duck-perch{order:-1;justify-content:center;align-self:center;align-items:flex-end;width:200px;height:168px;margin:auto auto 4px;display:flex}.duck-perch .duck-squeeze{flex:0 0 104px;width:104px}.duck-stage[data-keyboard=true] .duck-title{display:none}.duck-stage[data-keyboard=true] .duck-tabletop{grid-row:1/-1;gap:8px;margin-top:0}.duck-stage[data-keyboard=true] .duck-perch{width:96px;height:72px;margin-bottom:0}.duck-stage[data-keyboard=true] .duck-perch .duck-squeeze{flex-basis:52px;width:52px}.duck-stage[data-keyboard=true] .duck-transcript{height:1.6em;margin-bottom:6px}.duck-code{grid-row:3;padding:16px;rotate:none}.duck-letter-head{margin-bottom:10px;font-size:10px}.duck-studies{scrollbar-width:none;flex-wrap:nowrap;gap:0 12px;overflow-x:auto}.duck-letter pre{font-size:12px;line-height:1.6}.duck-margin{min-height:3.1em;margin-top:8px;padding-top:6px;font-size:14px}.duck-reply{z-index:4;margin:0 calc(-1 * var(--gutter));padding:12px var(--gutter) max(8px, env(safe-area-inset-bottom));grid-row:2;max-height:100%;position:relative;overflow-y:auto;rotate:none;box-shadow:0 -12px 28px -20px #000c}.duck-transcript{overscroll-behavior-y:contain;height:3em;font-size:14px}.duck-options{margin-left:auto;display:block}.duck-reply-head{align-items:center;margin-bottom:4px}.duck-reply-head>span:last-child,.duck-reply[data-has-speech=false] .duck-transcript,.duck-transcript .duck-opener,.duck-reply:not([data-options-open=true]) .duck-reply-foot{display:none}.duck-reply .duck-options{min-height:28px}.duck-reply[data-has-speech=false] .duck-write{border-top:0;padding-top:0}.duck-write{grid-template-columns:minmax(0,1fr) 40px 40px auto;gap:6px;padding-top:12px;display:grid}.duck-ear{width:40px;min-height:44px}.duck-say{grid-column:4;min-height:44px;font-size:14px}.duck-write input{grid-column:1;width:100%;min-height:48px;font-size:16px}.duck-reply-foot{margin-top:8px}.duck-foot-toggles{flex-wrap:wrap}.duck-quiet{min-height:36px;font-size:10px}.duck-stage:not([data-verdict=none]) .duck-title,.duck-stage:not([data-verdict=none]) .duck-code,.duck-stage:not([data-verdict=none]) .duck-reply{display:none}.duck-stage:not([data-verdict=none]) .duck-tabletop,.duck-stage:not([data-verdict=none]) .duck-workspace{display:contents}.duck-stage:not([data-verdict=none]){height:auto;min-height:calc(100svh - var(--frame-top));padding-bottom:max(28px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto}.duck-stage:not([data-verdict=none]) .duck-perch{grid-row:1;align-self:center;width:min(56cqw,34svh);height:auto;margin:0;display:block}.duck-stage:not([data-verdict=none]) .duck-squeeze{width:100%}.duck-verdict{grid-row:2;grid-template-columns:minmax(0,1fr);align-self:end;margin:0}.duck-stage:not([data-verdict=none]) .duck-table{top:38%}.duck-stage:not([data-verdict=none]) .duck-cloth{height:68%;top:35%}.duck-verdict-paper{order:2;justify-self:stretch;margin-top:18px;padding-left:0}.duck-verdict strong{font-size:32px}.duck-verdict strong:focus-visible{outline-offset:4px}.duck-quote{font-size:18px}.duck-verdict p:not(.duck-eyebrow){font-size:14px}.duck-fix{font-size:11px;display:block;overflow-x:auto}.duck-verdict-actions{flex-direction:column;align-items:stretch;gap:6px}.duck-next{min-width:0;display:flex}.duck-verdict .duck-quiet{align-self:center;padding:10px 0 0}.duck-coda{grid-template-columns:1fr;gap:40px;padding:56px 5% 64px}.duck-reference{max-width:none;margin-top:0}.duck-reference figcaption{flex-direction:column;align-items:start;gap:10px}}@media (prefers-reduced-motion:reduce){.duck-code-line,.duck-study,.duck-say,.duck-ear,.duck-next{transition:none}.duck-code-line[data-state=bug]:before,.duck-ear[aria-pressed=true]{animation:none}}
