#photo-overlay{position:fixed;inset:0;z-index:160;pointer-events:none;opacity:0;transition:opacity .25s ease;display:flex;align-items:center;justify-content:center}#photo-overlay.open{pointer-events:auto;opacity:1}#photo-overlay .photo-backdrop{position:absolute;inset:0;background:#1a16128c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#photo-overlay .photo-sheet{position:relative;z-index:1;background:var(--paper);border:1px solid var(--ink);color:var(--ink);width:min(1400px,95vw);height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #281e1459;transform:scale(.96);transition:transform .25s ease;overflow:hidden}#photo-overlay.open .photo-sheet{transform:scale(1)}#photo-overlay .photo-close{position:absolute;top:10px;right:10px;z-index:2;background:var(--ink);color:var(--paper);border:none;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;font-family:Reckless,serif;font-size:22px;line-height:1;transition:background .2s}#photo-overlay .photo-close:hover{background:var(--accent)}#photo-overlay .photo-media{flex:1 1 auto;display:flex;align-items:center;justify-content:center;background:var(--paper-2);min-height:0;min-width:0;padding:24px;overflow:hidden}#photo-overlay .photo-media img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}#photo-overlay .photo-meta{flex:0 0 auto;padding:20px 28px 24px;border-top:1px solid var(--rule);font-family:Newsreader,serif}#photo-overlay .photo-meta:empty{display:none}#photo-overlay .photo-meta h2{font-family:Reckless,serif;font-weight:400;font-size:clamp(22px,2.4vw,32px);line-height:1.15;letter-spacing:-.005em;margin-bottom:6px}#photo-overlay .photo-meta .photo-info{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px}#photo-overlay .photo-modal-body{font-size:15px;line-height:1.55}#photo-overlay .photo-modal-body p{margin-bottom:.8em}#photo-overlay .photo-modal-body p:last-child{margin-bottom:0}@media(max-width:700px){#photo-overlay .photo-sheet{width:95vw;height:95vh}#photo-overlay .photo-media{padding:12px}#photo-overlay .photo-meta{padding:16px 18px 20px}}#post-overlay{position:fixed;inset:0;z-index:150;pointer-events:none;opacity:0;transition:opacity .35s ease}#post-overlay.open{pointer-events:auto;opacity:1}#post-overlay .post-backdrop{position:absolute;inset:0;background:#f1ead78c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#post-overlay .post-sheet{position:absolute;top:0;right:0;bottom:0;width:min(920px,100vw);background:var(--paper);color:var(--ink);overflow-y:auto;overflow-x:hidden;box-shadow:0 0 60px #281e1440;border-left:1px solid var(--ink);transform:translate(100%);transition:transform .5s cubic-bezier(.2,.85,.25,1);will-change:transform;font-family:Newsreader,Georgia,serif;user-select:text}#post-overlay.open .post-sheet{transform:translate(0)}#post-overlay .post-topbar{position:sticky;top:0;background:#f1ead7eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 20px 14px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);z-index:2}#post-overlay .post-topbar .crumbs{display:flex;gap:14px;align-items:center}#post-overlay .post-topbar .crumbs .sep{color:var(--rule)}#post-overlay .post-topbar .crumbs b{color:var(--ink);font-weight:500}#post-overlay .post-close{background:var(--ink);color:var(--paper);border:none;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;font-family:Reckless,serif;font-size:18px;line-height:1;transition:background .2s}#post-overlay .post-close:hover{background:var(--accent)}#post-overlay .post-inner{padding:60px 64px 100px;max-width:720px;margin:0 auto}#post-overlay .post-meta{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;display:flex;gap:16px}#post-overlay .post-meta .sep,#post-overlay .post-meta .read{color:var(--ink-soft)}#post-overlay .post-title{font-family:Reckless,serif;font-weight:400;font-size:clamp(38px,5vw,60px);line-height:1;letter-spacing:-.015em;margin-bottom:18px}#post-overlay .post-title em{color:var(--accent);font-style:italic}#post-overlay .post-dek{font-family:Newsreader,serif;font-style:italic;font-size:20px;line-height:1.45;color:var(--ink-soft);margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--rule);max-width:50ch}#post-overlay .post-body{font-size:19px;line-height:1.65;color:var(--ink)}#post-overlay .post-body p{margin-bottom:1.1em}#post-overlay .post-body p+p{text-indent:1.4em;margin-bottom:1.1em}#post-overlay .post-body p:first-of-type{text-indent:0}#post-overlay .post-body p:first-of-type:first-letter{font-family:Reckless,serif;font-style:italic;color:var(--accent);font-size:4.6em;line-height:.82;float:left;padding:6px 12px 0 0}#post-overlay .post-body h2{font-family:Reckless,serif;font-weight:400;font-size:28px;line-height:1.1;margin:2em 0 .6em;color:var(--ink);letter-spacing:-.005em}#post-overlay .post-body blockquote{margin:1.8em 0;padding-left:24px;border-left:2px solid var(--accent);font-style:italic;color:var(--ink);font-size:1.05em;line-height:1.5}#post-overlay .post-body em{font-style:italic}#post-overlay .post-body strong{font-weight:700}#post-overlay .post-body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}#post-overlay .post-body code{font-family:Geist Mono,monospace;background:var(--paper-2);padding:1px 6px;border:1px solid var(--rule);font-size:.85em}#post-overlay .post-body pre{background:var(--paper-2);border:1px solid var(--rule);padding:14px 16px;overflow-x:auto;margin:1.2em 0;font-family:Geist Mono,monospace;font-size:.85em}#post-overlay .post-body pre code{background:none;border:none;padding:0}#post-overlay .post-footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:baseline;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}#post-overlay .post-footer .back{background:var(--ink);color:var(--paper);padding:8px 14px;border:none;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit;transition:background .2s}#post-overlay .post-footer .back:hover{background:var(--accent)}@media(max-width:700px){#post-overlay .post-inner{padding:40px 24px 80px}#post-overlay .post-title{font-size:36px}}#code-overlay{position:fixed;inset:0;z-index:150;pointer-events:none;opacity:0;transition:opacity .35s ease}#code-overlay.open{pointer-events:auto;opacity:1}#code-overlay .code-backdrop{position:absolute;inset:0;background:#f1ead78c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#code-overlay .code-sheet{position:absolute;top:0;right:0;bottom:0;width:min(920px,100vw);background:var(--paper);color:var(--ink);overflow-y:auto;overflow-x:hidden;box-shadow:0 0 60px #281e1440;border-left:1px solid var(--ink);transform:translate(100%);transition:transform .5s cubic-bezier(.2,.85,.25,1);will-change:transform;font-family:Newsreader,Georgia,serif;user-select:text}#code-overlay.open .code-sheet{transform:translate(0)}#code-overlay .code-topbar{position:sticky;top:0;background:#f1ead7eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 20px 14px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);z-index:2}#code-overlay .code-topbar .crumbs{display:flex;gap:14px;align-items:center}#code-overlay .code-topbar .crumbs .sep{color:var(--rule)}#code-overlay .code-topbar .crumbs b{color:var(--ink);font-weight:500}#code-overlay .code-close{background:var(--ink);color:var(--paper);border:none;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;font-family:Reckless,serif;font-size:18px;line-height:1;transition:background .2s}#code-overlay .code-close:hover{background:var(--accent)}#code-overlay .code-inner{padding:48px 48px 80px;max-width:840px;margin:0 auto}#code-overlay .code-meta{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;display:flex;gap:14px;align-items:center}#code-overlay .code-meta .sep,#code-overlay .code-meta .label{color:var(--ink-soft)}#code-overlay .code-title{font-family:Reckless,serif;font-weight:400;font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.01em;margin-bottom:14px}#code-overlay .code-title em{color:var(--accent);font-style:italic}#code-overlay .code-dek{font-family:Newsreader,serif;font-style:italic;font-size:18px;line-height:1.4;color:var(--ink-soft);margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--rule);max-width:56ch}#code-overlay .code-body pre{padding:18px 20px;overflow-x:auto;font-family:Geist Mono,Menlo,monospace;font-size:13.5px;line-height:1.55;border:1px solid var(--ink);box-shadow:var(--shadow)}#code-overlay .code-body pre code{background:none;border:none;padding:0;font:inherit}#code-overlay .code-body pre.raw{background:#0d1117;color:#c9d1d9}@media(max-width:700px){#code-overlay .code-inner{padding:32px 20px 64px}#code-overlay .code-title{font-size:28px}#code-overlay .code-body pre{font-size:12.5px;padding:14px}}#viewport{position:fixed;inset:0;cursor:grab;background:radial-gradient(ellipse at center,transparent 0%,rgba(26,22,18,.06) 100%),var(--paper);overflow:hidden}#viewport.grabbing{cursor:grabbing}#world{position:absolute;top:0;left:0;width:8000px;height:5400px;transform-origin:0 0;transition:transform .8s cubic-bezier(.4,0,.2,1);will-change:transform}#world.grabbing{transition:none}#world:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,22,18,.15) 1.7px,transparent 1.7px);background-size:36px 36px;background-position:18px 18px;pointer-events:none}#world:after{content:var(--compass);position:absolute;bottom:80px;right:120px;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#1a16124d;pointer-events:none}.mod{position:absolute;background:#fffdf6;border:1px solid var(--ink);box-shadow:var(--shadow);padding:26px 28px;transition:transform .25s,box-shadow .25s}.mod .pin{position:absolute;top:-10px;left:18px;background:var(--ink);color:var(--paper);font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:4px 8px}.mod .pin.accent{background:var(--accent)}.mod h2{font-family:Reckless,serif;font-weight:400;line-height:1;letter-spacing:-.01em;margin-bottom:14px}.mod h2 em{color:var(--accent)}.mod p{font-size:15px;color:var(--ink);line-height:1.55}.mod p+p{margin-top:.9em}.mod .meta{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--ink-soft);margin-top:16px}#m-hero{background:transparent;border:none;box-shadow:none;padding:0;text-align:center}#m-hero .yo{font-family:David Felt,cursive;color:var(--accent);font-size:64px;line-height:1;display:inline-block;margin-bottom:24px}#m-hero h1{font-family:David Ink,cursive;font-weight:400;font-size:180px;line-height:.92;letter-spacing:-.02em}#m-hero h1 .verb{font-style:italic;display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s}#m-hero h1 .strike{color:var(--ink-soft)}#m-hero h1 .correction{font-family:David Ink,cursive;color:var(--accent);font-size:.7em;letter-spacing:normal;margin-left:.15em;display:inline-block;transform:rotate(-2deg);transform-origin:left center;line-height:1;vertical-align:.12em}#m-hero .sub{margin-top:36px;font-family:Geist Mono,monospace;font-size:24px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}#m-hero .sub .dot{color:var(--accent)}#m-about h2{font-size:56px}#m-now{background:var(--ink);color:var(--paper)}#m-now .pin{background:var(--accent)}#m-now h2{font-size:52px;color:#fff}#m-now h2 em{color:var(--accent-2)}#m-now p{color:var(--paper)}#m-now ul{list-style:none;display:grid;gap:10px;margin-top:10px}#m-now li{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:baseline;padding-bottom:8px;border-bottom:1px dashed rgba(241,234,215,.25);font-size:15px;line-height:1.35}#m-now li:last-child{border-bottom:none}#m-now li .k{font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-2)}#m-now li em{font-family:Newsreader,serif;font-style:italic;color:var(--accent-2)}#m-photo h2{font-size:48px}#m-photo .strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}#m-photo .ph{appearance:none;padding:0;font:inherit;color:inherit;text-align:left;aspect-ratio:4/5;background:repeating-linear-gradient(135deg,transparent 0 16px,rgba(26,22,18,.05) 16px 17px),var(--paper-2);position:relative;cursor:pointer;border:1px solid var(--ink);transition:transform .25s;overflow:hidden}#m-photo .ph:hover{transform:translateY(-2px)}#m-photo .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#m-photo .ph .cap{position:absolute;left:6px;bottom:6px;font-family:Newsreader,serif;font-style:italic;font-size:12px;background:var(--paper);border:1px solid var(--ink);padding:1px 6px;line-height:1.2;z-index:1}#m-projects h2{font-size:56px}#m-projects .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}#m-projects .proj{appearance:none;font:inherit;color:inherit;text-align:left;display:block;width:100%;padding:16px 18px 18px;border:1px solid var(--ink);cursor:pointer;transition:background .25s,transform .25s;background:var(--paper)}#m-projects .proj:hover{background:var(--paper-2);transform:translateY(-2px)}#m-projects .proj .top{display:flex;justify-content:space-between;font-family:Geist Mono,monospace;font-size:10px;color:var(--ink-soft);margin-bottom:6px;letter-spacing:.08em}#m-projects .proj .top b{color:var(--accent);font-weight:500}#m-projects .proj h3{font-family:Reckless,serif;font-weight:400;font-size:26px;line-height:1;margin-bottom:6px}#m-projects .proj h3 em{color:var(--accent)}#m-projects .proj small{font-size:13px;color:var(--ink-soft);line-height:1.4;display:block}#m-writing h2{font-size:56px}#m-writing .post{appearance:none;background:transparent;border:none;border-bottom:1px solid var(--rule);color:inherit;font:inherit;text-align:left;width:100%;display:grid;grid-template-columns:56px 1fr 80px;gap:14px;padding:12px 0;align-items:baseline;cursor:pointer;transition:padding-left .2s}#m-writing .post:active{transform:translateY(1px)}#m-writing .post:hover{padding-left:12px}#m-writing .post:hover h3{color:var(--accent)}#m-writing .post .num{font-family:Geist Mono,monospace;font-size:11px;color:var(--ink-soft);letter-spacing:.1em}#m-writing .post h3{font-family:Reckless,serif;font-weight:400;font-size:22px;line-height:1.1;letter-spacing:-.005em;transition:color .2s}#m-writing .post h3 em{color:var(--accent)}#m-writing .post .date{font-family:Geist Mono,monospace;font-size:10px;color:var(--ink-soft);text-align:right;letter-spacing:.1em}#m-contact{background:var(--accent);color:var(--paper)}#m-contact .pin{background:var(--ink);color:var(--paper)}#m-contact h2{font-size:64px;color:var(--paper)}#m-contact h2 em{color:var(--paper);font-style:italic;opacity:.9}#m-contact p{color:var(--paper)}#m-contact .actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}#m-contact .btn{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:10px 16px;font-family:Geist Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}#m-contact .btn:hover{background:var(--ink);color:var(--paper)}@media(max-width:700px){#viewport{touch-action:none}.mod{padding:20px 22px}.mod h2{font-size:36px;line-height:1}.mod p{font-size:14px}#m-hero .yo{font-size:36px;margin-bottom:14px}#m-hero h1{font-size:46px;line-height:.96}#m-hero .sub{font-size:12px;margin-top:20px}#m-about h2{font-size:36px}#m-now h2{font-size:34px}#m-now li{grid-template-columns:72px 1fr;gap:12px;font-size:14px}#m-photo h2{font-size:32px}#m-photo .strip{grid-template-columns:repeat(3,1fr)}#m-projects h2{font-size:34px}#m-projects .grid{grid-template-columns:1fr;gap:10px;margin-top:14px}#m-projects .proj h3{font-size:22px}#m-writing h2{font-size:34px}#m-writing .post{grid-template-columns:1fr 70px;gap:10px}#m-writing .post .num{display:none}#m-writing .post h3{font-size:19px}#m-contact h2{font-size:36px}#m-contact .actions{margin-top:16px;gap:8px}#m-contact .btn{padding:8px 12px;font-size:11px}}.topbar{position:fixed;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:50}.topbar>*{pointer-events:auto}.brand{background:var(--paper);border:1px solid var(--ink);padding:8px 14px;font-family:Reckless,serif;font-size:22px;line-height:1;box-shadow:var(--shadow)}.brand .dot{color:var(--accent)}.brand small{display:block;font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px}.topbar .nav{display:flex;gap:6px;background:var(--paper);border:1px solid var(--ink);padding:4px;box-shadow:var(--shadow)}.topbar .nav button{background:transparent;border:none;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;cursor:pointer;color:var(--ink-soft);transition:background .2s,color .2s;border-radius:0}.topbar .nav button:hover{background:var(--paper-2);color:var(--ink)}.topbar .nav button.active{background:var(--ink);color:var(--paper)}.topbar .nav button.active .dot{color:var(--accent-2)}.controls{position:fixed;bottom:16px;left:16px;display:flex;gap:8px;align-items:center;background:var(--paper);border:1px solid var(--ink);padding:6px;box-shadow:var(--shadow);z-index:50;font-family:Geist Mono,monospace;font-size:11px}.controls button{background:transparent;border:none;width:30px;height:30px;cursor:pointer;font-family:inherit;font-size:14px;transition:background .2s}.controls button:hover{background:var(--paper-2)}.controls .zoom{min-width:50px;text-align:center;border-left:1px solid var(--rule);border-right:1px solid var(--rule);padding:0 10px;height:30px;line-height:30px;color:var(--ink-soft);letter-spacing:.04em}.controls .reset{border-left:1px solid var(--rule);padding:0 10px;height:30px;line-height:30px;cursor:pointer;color:var(--ink-soft);letter-spacing:.1em}.controls .reset:hover{color:var(--accent)}.minimap{position:fixed;bottom:16px;right:16px;width:240px;height:170px;background:var(--paper);border:1px solid var(--ink);box-shadow:var(--shadow);z-index:50;overflow:hidden}.minimap .mini-world{position:absolute;inset:0;background:var(--paper-2)}.minimap .mini-mod{position:absolute;background:var(--ink);opacity:.35}.minimap .mini-mod.hero{background:var(--accent);opacity:.7}.minimap .mini-mod.aux{background:var(--ink-soft);opacity:.55}.minimap .frame{position:absolute;border:1.5px solid var(--accent);background:#b73a2a1f;pointer-events:none}.minimap .label{position:absolute;top:4px;left:6px;font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);z-index:2;background:var(--paper);padding:1px 4px;border:1px solid var(--rule)}.minimap .coord{position:absolute;bottom:4px;right:6px;font-family:Geist Mono,monospace;font-size:9px;color:var(--ink-soft);background:var(--paper);padding:1px 4px;border:1px solid var(--rule);z-index:2}.welcome{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:12px 22px;font-family:Geist Mono,monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;z-index:60;animation:floatUp 3s ease-in-out infinite;pointer-events:none;box-shadow:var(--shadow);opacity:0;transition:opacity .8s}.welcome.show{opacity:1}.welcome .accent{color:var(--accent-2);margin:0 8px}@keyframes floatUp{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}@media(max-width:700px){.controls,.minimap,.welcome{display:none}.topbar .nav{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));top:auto;gap:2px;padding:4px;background:#fdfaf3f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000024}.topbar .nav button{flex:1 1 0;min-width:0;padding:9px 4px;font-size:10px;letter-spacing:.06em;text-align:center}.topbar .nav button .dot{display:none}}.arrow{position:absolute;color:var(--accent-2);transform-origin:center center}.arrow svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.sticky.sticky{position:absolute;background:var(--accent-2);color:var(--ink);padding:14px 16px 16px;font-family:Newsreader,serif;font-style:italic;font-size:16px;line-height:1.3;width:220px;box-shadow:0 6px 14px #00000026;transform:rotate(-3deg)}.sticky b{font-style:normal;font-weight:700}.box.box{position:absolute;padding:22px 24px;border:1px solid var(--ink);box-shadow:var(--shadow);overflow:hidden;transform-origin:center}.box.paper{background:#fffdf6;color:var(--ink)}.box.plain{background:var(--paper-2);color:var(--ink);border-style:dashed}.box.dark{background:var(--ink);color:var(--paper)}.box.accent{background:var(--accent);color:var(--paper)}.box .pin{position:absolute;top:-10px;left:18px;background:var(--ink);color:var(--paper);font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:4px 8px}.box.dark .pin{background:var(--accent)}.box.accent .pin{background:var(--ink)}.box h3{font-family:Reckless,serif;font-weight:400;font-size:28px;line-height:1.05;margin-bottom:8px}.box h3 em{color:var(--accent);font-style:italic}.box.dark h3 em,.box.accent h3 em{color:var(--accent-2)}.box .body{font-size:14px;line-height:1.5}.canvas-photo.canvas-photo{position:absolute;width:220px;padding:12px 12px 32px;background:#fffdf6;border:1px solid var(--ink);box-shadow:0 8px 18px #0000002e;transform-origin:center}.canvas-photo .frame{width:100%;aspect-ratio:4/5;background:repeating-linear-gradient(135deg,transparent 0 16px,rgba(26,22,18,.05) 16px 17px),var(--paper-2);border:1px solid var(--ink);overflow:hidden;position:relative}.canvas-photo .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.canvas-photo .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Newsreader,serif;font-style:italic;color:var(--ink-soft);font-size:12px}.canvas-photo .cap{font-family:Newsreader,serif;font-style:italic;font-size:14px;text-align:center;margin-top:8px;color:var(--ink)}.canvas-photo.polaroid-fit .frame,.canvas-photo.framed .frame,.canvas-photo.unframed .frame{aspect-ratio:auto;height:auto;min-height:40px}.canvas-photo.polaroid-fit .frame img,.canvas-photo.framed .frame img,.canvas-photo.unframed .frame img{position:static;width:100%;height:auto;display:block;object-fit:contain}.canvas-photo.polaroid-fit .placeholder,.canvas-photo.framed .placeholder,.canvas-photo.unframed .placeholder{position:static;inset:auto;padding:40px 20px;text-align:center}.canvas-photo.unframed.unframed{padding:0;background:transparent;border:none;box-shadow:none}.canvas-photo.unframed .frame{border:none;background:transparent;min-height:0}.canvas-photo.framed.framed{width:460px;padding:0;background:transparent;cursor:zoom-in}.canvas-photo.framed .frame{min-height:60px;border:1px solid var(--ink);background:var(--paper-2)}.canvas-photo.framed .corner-cap{position:absolute;left:14px;bottom:18px;text-align:left;padding:2px 10px 5px;background:var(--paper);border:1px solid var(--ink);box-shadow:0 2px 6px #281e1426;pointer-events:none;max-width:calc(100% - 28px)}.canvas-photo.framed .corner-cap .pin{position:static;background:transparent;font-family:Geist Mono,monospace;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:0}.readme.readme{position:absolute;background:#fffdf6;border:1px solid var(--ink);box-shadow:var(--shadow);padding:22px 24px;transform-origin:center;width:380px}.readme .pin{position:absolute;top:-10px;left:18px;background:var(--ink);color:var(--paper);font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:4px 8px}.readme h3{font-family:Reckless,serif;font-weight:400;font-size:30px;line-height:1.05;letter-spacing:-.005em;margin-bottom:12px}.readme h3 em{color:var(--accent);font-style:italic}.readme .body{font-size:14px;line-height:1.55;color:var(--ink)}.readme .body p+p{margin-top:.8em}.readme .body em{font-style:italic;color:var(--accent)}.readme .status{margin-top:16px;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft)}.readme .status em{font-style:normal;color:var(--accent)}.readme .tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding:0}.readme .tags li{font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--ink);color:var(--ink);background:var(--paper)}.readme .links{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.readme .links .btn{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:8px 12px;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s;pointer-events:auto}.readme .links .btn:hover{background:var(--ink);color:var(--paper)}.codeblock.codeblock{position:absolute;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:8px 12px 8px 10px;box-shadow:var(--shadow);cursor:pointer;transform-origin:center;transition:background .18s,color .18s,transform .2s cubic-bezier(.3,.7,.3,1.4)}.codeblock:hover{background:var(--accent)}.codeblock:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.codeblock .cb-icon{display:inline-grid;place-items:center;width:22px;height:22px;color:var(--accent-2)}.codeblock:hover .cb-icon{color:var(--paper)}.codeblock .cb-label{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--paper);white-space:nowrap}.codeblock em{font-style:italic;color:var(--accent-2)}