@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Funnel Sans;src:url(/fonts/FunnelSans.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Funnel Display;src:url(/fonts/FunnelDisplay.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}:root{--paper: #F5F3EE;--panel: #FFFFFF;--ink: #141414;--ink-70: rgba(20, 20, 20, .7);--ink-60: rgba(20, 20, 20, .62);--ink-45: rgba(20, 20, 20, .45);--tint: #E7E4DD;--ink-20: rgba(20, 20, 20, .2);--ink-10: rgba(20, 20, 20, .1);--accent: #D9F58A;--font-sans: "Funnel Sans", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-display: "Funnel Display", "Funnel Sans", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-ui: "Funnel Display", "Funnel Sans", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono: "Funnel Sans", ui-monospace, Menlo, monospace;--shadow-card-hover: 0 12px 32px rgba(20, 20, 20, .12);--shadow-pill: 0 8px 32px rgba(20, 20, 20, .1);--shadow-chip: 0 4px 16px rgba(20, 20, 20, .06);--ease-out: cubic-bezier(.22, .61, .36, 1);--radius-card: 2px;--radius-tile: 4px;--radius-pill: 10px;--radius-panel: 12px;--perspective: 1000px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);perspective:var(--perspective);perspective-origin:50% 50%;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.viewport.dragging{cursor:grabbing}.world{position:absolute;left:50%;top:50%;transform-style:preserve-3d;will-change:transform}.world.focus{z-index:2}.label-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;mix-blend-mode:difference;pointer-events:none}.label-layer .label{left:50%;top:50%;color:#fff;transform-origin:0 0}.label-layer .label small{color:#fff9}.card{position:absolute;left:0;top:0;transform-style:flat;backface-visibility:hidden;will-change:opacity;pointer-events:none;background:var(--panel);padding:var(--pad, 8px);display:flex;flex-direction:column;gap:var(--pad, 8px)}.card[data-near="1"]{pointer-events:auto}.card .frame,.card .plate{position:relative;background:var(--ink-10);flex:none}.card .frame{overflow:hidden}.card .frame{transition:filter .6s cubic-bezier(.2,0,0,1)}.card .frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.card .frame img.sharp{opacity:0;transition:opacity .25s cubic-bezier(.2,0,0,1)}.card.is-sharp .frame img.sharp{opacity:1}.card[data-tier=far] .frame{filter:grayscale(1)}.card[data-tier=mid] .frame{filter:grayscale(.6)}.card .plate{background:var(--tint)}.card .plate.thought{background:var(--paper);box-shadow:inset 0 0 0 .5px var(--ink-20)}.card .plate span{position:absolute;left:7%;top:7%;right:7%;font:300 calc(var(--img-w, 200px) * .143)/.98 var(--font-display);letter-spacing:-.03em;color:var(--ink);display:block;overflow-wrap:anywhere}.card .caption{display:flex;flex-direction:column;gap:8px;height:56px;box-sizing:border-box;padding:4px 8px 0;overflow:hidden;transition:background-color .35s var(--ease-out)}.card .caption .n{font:500 12px/1.3 var(--font-mono);color:var(--ink-60);letter-spacing:.08em}.card .caption .t{font:14px/1.3 var(--font-sans);color:var(--ink-70);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card[data-near="1"]{cursor:pointer}.card.stacked.hover .caption{background:var(--accent)}.card.stacked .caption{height:calc(56px / var(--ring-k, 1));padding:calc(4px / var(--ring-k, 1)) calc(8px / var(--ring-k, 1)) 0;gap:calc(8px / var(--ring-k, 1))}.card.stacked .caption .n{font-size:calc(12px / var(--ring-k, 1))}.card.stacked .caption .t{font-size:calc(14px / var(--ring-k, 1))}.label{position:absolute;left:0;top:0;transform-style:flat;text-align:center;white-space:nowrap;pointer-events:none;font:300 64px/1 var(--font-display);color:var(--ink);letter-spacing:-.03em}.label .q{display:block;font-size:56px;padding:0 8px}.label .line.quote{display:block;font-size:48px;line-height:1.05;white-space:normal;width:16em;text-wrap:balance}.label small.by{margin-top:16px}.label .quote .hang{margin-left:-.4em}.label small{display:block;margin-top:8px;font:500 12px/1.3 var(--font-mono);color:var(--ink-60);letter-spacing:.08em;text-transform:uppercase}.label.hush{opacity:0!important}.label{transition:opacity .4s cubic-bezier(.2,0,0,1)}.label.off{opacity:1}.card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.card:focus-visible .caption{background:var(--accent)}.world.entering .card{transition:opacity .5s cubic-bezier(.2,0,0,1)}.chrome{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;transition:opacity .3s cubic-bezier(.2,0,0,1)}.chrome>*{pointer-events:auto}.dock{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;transition:opacity .5s cubic-bezier(.65,0,.35,1)}.dock.reading{opacity:0}.dock.reading>*{pointer-events:none}.dock>*{pointer-events:auto}.info{font:500 12px/1.3 var(--font-mono);color:var(--ink-60);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.name{position:fixed;left:32px;top:32px;font:300 18px/1 var(--font-display);color:var(--ink);letter-spacing:-.02em;background:none;border:0;cursor:pointer;padding:0}.count-tr{position:fixed;right:32px;top:32px}.hint{position:fixed;right:32px;bottom:24px;pointer-events:none}.chrome.reading .hint{opacity:0}.nothing{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;pointer-events:none}.nothing .q{font:300 56px/1 var(--font-display);letter-spacing:-.03em;color:var(--ink-60);padding:0 8px}.nothing .tags{display:flex;gap:24px;margin-top:20px;pointer-events:auto}.nothing .tags button{font:15px/1.4 var(--font-sans);border:0}.pill{position:fixed;left:50%;bottom:32px;transform:translate(-50%);animation:pillIn .7s cubic-bezier(.2,.7,.2,1) .5s both;width:min(560px,calc(100vw - 32px));height:52px;background:var(--panel);border:.5px solid var(--ink-20);border-radius:var(--radius-tile);display:flex;align-items:center;gap:16px;padding:0 20px;cursor:text;transition:border-color .35s var(--ease-out)}.pill input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:15px/1.4 var(--font-sans);color:var(--ink);padding:0}.pill input::placeholder{color:var(--ink-60)}.pill input:disabled{color:var(--ink-60)}.pill input::-webkit-search-cancel-button{display:none}.pill .clear{flex:none;border:0;background:none;cursor:pointer;padding:4px 0}.pill .clear:hover{color:var(--ink)}.pill>.info{padding:2px 4px;margin-left:-4px;transition:background-color .35s var(--ease-out),color .35s var(--ease-out)}.pill:focus-within>.info{background:var(--accent);color:var(--ink)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--paper);font:12px var(--font-mono);color:var(--ink-70);z-index:10;transition:opacity .4s}.loader.gone{opacity:0;pointer-events:none}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:var(--ink);color:#fff;font:12px var(--font-mono);padding:8px 12px;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:7}.toast.show{opacity:1}.debug{position:fixed;left:24px;top:56px;font:12px/1.6 var(--font-mono);color:var(--ink-70);background:#fffc;padding:8px 12px;border-radius:6px;pointer-events:none;white-space:pre}@media(prefers-reduced-motion:reduce){.world.entering .card,.world,.label,.chrome,.card .frame,.card .caption,.card .frame img.sharp{transition-duration:.15s}.panel .body{animation-duration:.15s;animation-delay:0s}}@media(hover:none){.card.stacked .caption{opacity:1}}@media(max-width:767px){.name{left:16px;top:12px}.count-tr{right:16px;top:16px}.hint{left:16px;right:auto;bottom:16px}.pill{bottom:48px}.label{font-size:32px}.label .line.quote{font-size:28px;width:300px}.label .q,.nothing .q{font-size:40px}}.card.is-open{opacity:0!important;pointer-events:none}.morph{position:fixed;z-index:8;overflow:hidden;background:var(--ink-10);pointer-events:none}.morph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.morph img.large{opacity:0;transition:opacity .4s}.morph img.large.ready{opacity:1}.morph.tile{background:var(--tint)}.morph.tile.thought{background:var(--paper);box-shadow:inset 0 0 0 .5px var(--ink-20)}.morph.tile span{position:absolute;left:7%;top:7%;right:7%;font-family:var(--font-display);font-weight:300;line-height:.98;letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;overflow-y:auto;overscroll-behavior:contain;outline:none}.reader .frost{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#f5f3ee57;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0}.reader.in .frost,.reader.on .frost{animation:frostIn .9s cubic-bezier(.65,0,.35,1) both}.reader.out .frost{animation:frostOut .9s cubic-bezier(.65,0,.35,1) both}@keyframes frostIn{0%{opacity:0}to{opacity:1}}@keyframes frostOut{0%{opacity:1}to{opacity:0}}.reader .sheet{display:grid;grid-template-columns:minmax(280px,38%) minmax(0,1fr);gap:64px;max-width:1180px;margin:0 auto;padding:120px 48px 176px;align-items:start;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.reader .pic{position:sticky;top:120px;aspect-ratio:4 / 5;border-radius:4px;overflow:hidden;background:var(--ink-10)}.reader .pic img{width:100%;height:100%;object-fit:cover;display:block}.reader .col{padding-top:8px}.reader .pic{visibility:hidden}.reader.on .pic{visibility:visible}.reader .col>*{opacity:0;transform:translateY(-22px)}.reader.on .col>*{animation:colIn .75s cubic-bezier(.2,.7,.2,1) both}.reader.on .col>:nth-child(1){animation-delay:0s}.reader.on .col>:nth-child(2){animation-delay:.07s}.reader.on .col>:nth-child(3){animation-delay:.14s}.reader.on .col>:nth-child(4){animation-delay:.21s}.reader.on .col>:nth-child(5){animation-delay:.28s}.reader.on .col>:nth-child(n+6){animation-delay:.35s}.reader.out .col>*{animation:colOut .3s cubic-bezier(.65,0,.35,1) both}@keyframes colIn{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}@keyframes colOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}.reader .body{font:17px/1.65 var(--font-sans);max-width:62ch;color:var(--ink)}.reader .body p{margin:0 0 1em}.reader .body img,.reader .body video{display:block;width:100%;height:auto;margin:24px 0;border-radius:var(--radius-tile);background:var(--ink-10)}.reader .body h2{font:300 32px/1.1 var(--font-display);letter-spacing:-.03em;margin:40px 0 16px}.reader .body blockquote{margin:24px 0;padding-left:16px;border-left:1px solid var(--ink-20);color:var(--ink-70)}.reader .body p a,.nothing .tags button{color:var(--ink);text-decoration:none;cursor:pointer;padding:1px 4px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(var(--panel),var(--panel)) 0 100% / 100% 0% no-repeat,var(--accent);transition:background-size .45s var(--ease-out)}.reader .body p a:hover,.reader .body p a:focus-visible,.nothing .tags button:hover{background-size:100% 100%,auto}.reader .body a:after,.nothing .tags button:after{content:"";display:inline-block;flex:none;width:14px;height:14px;margin-left:4px;vertical-align:-2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='none' stroke='black' stroke-width='21.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M64 192 192 64M88 64h104v104'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='none' stroke='black' stroke-width='21.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M64 192 192 64M88 64h104v104'/%3E%3C/svg%3E") center / contain no-repeat}.reader .body a[data-note]:after,.nothing .tags button:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='none' stroke='black' stroke-width='21.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 128h176M144 56l72 72-72 72'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='none' stroke='black' stroke-width='21.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 128h176M144 56l72 72-72 72'/%3E%3C/svg%3E")}.arrow{flex:none;display:block;transition:translate .35s var(--ease-out)}.reader .body.excerpt{color:var(--ink-45)}.reader .gallery{display:flex;flex-direction:column;gap:24px;margin:24px 0;max-width:62ch}.reader .gallery img{width:100%;height:auto;display:block;border-radius:4px;background:var(--ink-10)}.reader .close{position:fixed;right:32px;top:32px;border:0;background:none;padding:0;cursor:pointer;z-index:2;opacity:0;transition:opacity .5s .5s,color .18s}.reader .close:hover{color:var(--ink)}.reader .foot{position:fixed;left:32px;right:32px;bottom:24px;display:flex;justify-content:space-between;z-index:2;opacity:0;transition:opacity .5s .5s;pointer-events:none}.reader.on .close,.reader.on .foot{opacity:1}.reader .mount{position:sticky;top:104px;align-self:start;background:var(--panel);padding:16px;margin:-16px;visibility:hidden}.reader.on .mount{visibility:visible}.reader .mount .pic{position:relative;top:auto}.reader .pic .plate{width:100%;height:100%;position:relative;background:var(--tint)}.reader .pic .plate span{position:absolute;left:7%;top:7%;right:7%;font:300 32px/1 var(--font-display);display:block;overflow-wrap:anywhere;letter-spacing:-.03em;color:var(--ink)}.reader .pic .plate.thought{background:var(--paper);box-shadow:inset 0 0 0 .5px var(--ink-20)}.reader .col{max-width:520px}.reader .meta{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.reader .meta .details{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.btn{display:inline-grid;align-items:center;justify-items:center;padding:12px 16px;border-radius:var(--radius-tile);font:500 14px/1 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer}.btn.secondary{background:transparent;border:1px solid var(--ink-10);transition:border-color .35s var(--ease-out),background-color .35s var(--ease-out)}.btn.secondary:hover{border-color:var(--ink-45);background:var(--panel)}.btn .say{grid-area:1 / 1;transition:opacity .15s var(--ease-out)}.btn .say.alt,.btn.done .say:not(.alt){opacity:0;transition-delay:0s}.btn.done .say.alt,.btn:not(.done) .say:not(.alt){opacity:1;transition-delay:.15s}.reader h1{font:300 56px/1 var(--font-display);letter-spacing:-.03em;margin:20px 0 32px}.reader .go,.reader .btn.lime,.reader .see-also a{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--accent);border:0;border-radius:var(--radius-tile);font:500 14px/1 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--ink);text-decoration:none;cursor:pointer}.reader .go:before,.reader .btn.lime:before,.reader .see-also a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--panel);transform:scaleY(0);transform-origin:50% 100%;transition:transform .45s var(--ease-out)}.reader .go:hover:before,.reader .go:focus-visible:before,.reader .btn.lime:hover:before,.reader .btn.lime:focus-visible:before,.reader .see-also a:hover:before,.reader .see-also a:focus-visible:before{transform:scaleY(1)}.reader .go{margin:0 0 32px}.reader .btn.lime{display:inline-grid}.reader .body .see-also{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}.reader .body .see-also .see-label{font:500 12px/1.3 var(--font-mono);color:var(--ink-60);letter-spacing:.08em;text-transform:uppercase}.reader .body .see-also .links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.reader .body .see-also .sep{font:12px/1 var(--font-mono);color:var(--ink-45)}.reader .body.excerpt{color:var(--ink-60)}.reader .body.err{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.reader .body.err button{font:500 14px/1 var(--font-ui);color:var(--ink);background:transparent;border:1px solid var(--ink-10);border-radius:var(--radius-tile);padding:12px 16px;cursor:pointer;transition:border-color .35s var(--ease-out),background-color .35s var(--ease-out)}.reader .body.err button:hover{border-color:var(--ink-45);background:var(--panel)}.reader .connected{margin-top:40px}.reader .connected h2{margin:0 0 12px}.reader .rows{border-bottom:1px solid var(--ink-10)}.reader .row{display:flex;align-items:center;gap:24px;width:100%;padding:12px 0;border:0;border-top:1px solid var(--ink-10);background:none;cursor:pointer;text-align:left;color:var(--ink)}.reader .row .n{font:500 12px/1.3 var(--font-mono);color:var(--ink-60);letter-spacing:.08em}.reader .row .t{flex:1;font:15px/1.4 var(--font-sans)}.reader .row .a{color:var(--ink-60);transition:color .35s var(--ease-out)}.reader .row:hover .a{color:var(--ink)}.reader .row:hover .arrow{translate:2px 0}.reader .prevnext{display:flex;justify-content:space-between;gap:16px;margin-top:40px}.reader .prevnext button{display:inline-flex;align-items:center;gap:4px;font:13px/1.4 var(--font-sans);color:var(--ink-60);background:none;border:0;padding:0;cursor:pointer;text-align:left;transition:color .35s var(--ease-out)}.reader .prevnext button:last-child{text-align:right}.reader .prevnext button:hover{color:var(--ink)}.reader .prevnext button:first-child:hover .arrow{translate:-2px 0}.reader .prevnext button:last-child:hover .arrow{translate:2px 0}@media(max-width:767px){.reader .sheet{grid-template-columns:1fr;gap:24px;padding:72px 16px 144px}.reader .pic{position:static;aspect-ratio:4 / 3}.reader .close{right:16px;top:16px}.reader .foot{left:16px;right:16px;bottom:16px}.reader h1{font-size:40px}.reader .mount{position:static;padding:8px;margin:-8px}}@media(prefers-reduced-motion:reduce){.reader.on .col>*{animation-duration:.2s;animation-delay:0s!important}}.reader .see-also a:after{margin-left:0;position:relative;z-index:1}