@font-face{font-family:HEX Franklin;src:url(/ky-assets/fonts/hex-franklin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:300 700}@font-face{font-family:MonoLisa;src:url(/ky-assets/fonts/monolisa.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:300 700}:root{--page: #191919;--ink: #f0f0f0;--muted: #b9b9b9;--rule: #383838;--pill: #f6f6f6;--pill-ink: #161616;--step--1: clamp(.9375rem, .871rem + .2955vw, 1.1rem);--step-0: clamp(1.125rem, 1.0227rem + .4545vw, 1.375rem);--space-2xs: clamp(.25rem, .2065rem + .2174vw, .375rem);--space-xs: clamp(.375rem, .3098rem + .3261vw, .5625rem);--space-s: clamp(.5rem, .413rem + .4348vw, .75rem);--space-m: clamp(.75rem, .6196rem + .6522vw, 1.125rem);--space-xl: clamp(1.5rem, 1.2391rem + 1.3043vw, 2.25rem);--space-2xl: clamp(2rem, 1.6522rem + 1.7391vw, 3rem);--space-3xl: clamp(3rem, 2.4783rem + 2.6087vw, 4.5rem);color:var(--ink);background:var(--page);font-family:HEX Franklin,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{--page: #f9f9f9;--ink: #202020;--muted: #5d5d5d;--rule: #d8d8d8}*{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}body{width:100%;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden;overflow-x:clip;background:var(--page);color:var(--ink);font-size:var(--step-0);font-weight:360;line-height:1.48;-webkit-font-smoothing:antialiased;transition:background-color .18s ease,color .18s ease}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}.app-shell{min-height:100vh}.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}.site-header{width:100%;padding-block:var(--space-m)}.site-nav{width:min(calc(100% - (2 * var(--space-xl))),860px);min-height:52px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.brand{margin-top:-3px;font-family:Bradley Hand,Marker Felt,Comic Sans MS,cursive;font-size:clamp(1.95rem,1.7rem + .55vw,2.6rem);font-weight:700;letter-spacing:-.08em;line-height:1;text-decoration:none;transform:translateY(-1px) rotate(-4deg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-fallback{box-sizing:border-box;min-height:100vh;max-width:52rem;margin:0 auto;padding:clamp(4rem,12vw,8rem) clamp(1.5rem,6vw,4rem);color:#f7f3e8;font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.8}.seo-fallback h1{margin:0 0 1.5rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:500;line-height:1.1}.seo-fallback p{margin:.5rem 0}.seo-fallback-domain{font-family:Bradley Hand,Marker Felt,cursive;font-size:1.5rem}.seo-fallback a{color:inherit}.nav-links{display:flex;align-items:stretch;gap:var(--space-2xs);margin-right:calc(-1 * var(--space-s));line-height:1.1}.about-button{display:flex;align-items:center;padding:var(--space-xs) var(--space-s);border:0;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.about-button:hover,.about-button:focus-visible,.archive-trigger:hover,.archive-trigger:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.theme-toggle{width:auto;height:auto;padding:var(--space-xs);border:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer}.icon{display:block;width:24px;height:24px}.theme-icon{width:20px;height:20px;filter:invert(1)}:root[data-theme=light] .theme-icon{filter:none}.notecards{width:100%;padding:var(--space-xl);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--space-2xl);overflow:hidden}.composer-form,.composer,.notecard{flex:0 0 auto;width:clamp(306.5px,calc(100vw - 13.5px),438px);aspect-ratio:4 / 3}.composer-form{margin:0;font-family:MonoLisa,Courier New,monospace;font-size:var(--step--1);color:#111}.composer{position:relative;z-index:0;width:100%;height:100%;aspect-ratio:auto;display:flex;flex-direction:column;padding:5.5ch}.card-background{position:absolute;z-index:-1;top:0;left:0;width:100%;height:auto;pointer-events:none}.composer-top{flex:1;min-height:0;position:relative}.composer textarea,.composer input{width:min(30ch,calc(100% + 2ch));margin-inline:-1ch;padding-inline:1ch;border:0;border-radius:4px;outline:none;background:transparent;color:#111;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.48}.composer textarea{display:block;height:100%;min-height:0;padding-block:2px;resize:none}.composer textarea::placeholder,.composer input::placeholder{color:#686868;opacity:1}.composer textarea:focus,.composer input:focus{background:#ffffff61;outline:2px solid rgb(17 17 17 / 18%)}.composer-warning{width:min(30ch,calc(100% + 2ch));margin:.35em -1ch 0;color:#8a2e26;font-size:.72em;line-height:1.25}.composer-submit-warning{position:absolute;left:0;bottom:.35em;max-width:30ch;color:#8a2e26;font-size:.66em;line-height:1.25}.composer-bottom{min-height:2.96em;margin-top:auto;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1ch}.composer-bottom>input:not(.sr-only){width:100%;height:1.48em;margin-inline:0;padding-inline:.45ch;padding-block:0;text-align:right}.attach-control,.note-photo{border:0;display:inline-flex;align-items:center;background:transparent;color:#303030;cursor:pointer;font:inherit;white-space:nowrap}.attach-control{min-width:0;margin-left:-.45em;padding:.3em .45em;gap:.32em;font-size:.68em;line-height:1.2}.attach-control.has-photo{color:#111}.paperclip-icon{width:1.05em;height:1.05em;flex:0 0 auto}.photo-warning{position:absolute;right:0;top:100%;max-width:25ch;margin:.15em 0 0;color:#8a2e26;font-size:.6em;line-height:1.2;text-align:right}.composer-controls{position:absolute;z-index:2;left:0;bottom:0;width:100%;padding:var(--space-s) var(--space-3xl);display:flex;align-items:center;justify-content:space-between;font-family:HEX Franklin,Arial,sans-serif;font-size:var(--step--1);transform:translateY(50%)}.style-control,.submit-control{flex-shrink:0;min-height:38px;border:0;border-radius:9999px;background:var(--pill);color:var(--pill-ink);box-shadow:0 1px 2px #0000000d}.style-control{display:flex;align-items:center}.style-control button{width:39px;min-height:38px;padding:0;border:0;display:grid;place-items:center;background:transparent;cursor:pointer}.style-control span{min-width:42px;text-align:center;white-space:nowrap}.submit-control{min-width:101px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.send-icon{width:16px;height:16px}.style-control button:hover,.submit-control:hover,.pagination button:not(:disabled):hover{background:#e5e5e5}.style-control button:disabled,.submit-control:disabled,.attach-control:disabled,.composer textarea:disabled,.composer input:disabled,.pagination button:disabled{cursor:wait;opacity:.62}.style-control button:focus-visible,.submit-control:focus-visible,.theme-toggle:focus-visible,.pagination button:focus-visible,.brand:focus-visible,.about-button:focus-visible,.about-close:focus-visible,.archive-trigger:focus-visible,.archive-close:focus-visible,.archive-image-link:focus-visible,.attach-control:focus-visible,.note-photo:focus-visible,.photo-close:focus-visible,.retry-load:focus-visible{outline:2px solid currentColor;outline-offset:3px}.notecard{--rotation: 0deg;--translate-x: 0px;padding:5.5ch;display:flex;flex-direction:column;justify-content:space-between;background-image:var(--card-background);background-size:contain;background-position:center;background-repeat:no-repeat;color:#111;font-family:MonoLisa,Courier New,monospace;font-size:var(--step--1);line-height:1.48;transform:translate(var(--translate-x)) rotate(var(--rotation));transform-origin:center}.note-content{width:min(28ch,100%);max-height:7.4em;margin:0;overflow:hidden;white-space:pre-wrap;font:inherit}.credit{margin-left:auto;max-width:17ch;text-align:right}.note-footer{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:1ch}.note-photo{padding:.28em 0;gap:.38em;font-size:.7em;line-height:1;text-decoration:underline;text-decoration-color:#11111159;text-underline-offset:.28em}.note-photo:hover{text-decoration-color:currentColor}.date{font-size:.85em}.about-dialog{width:clamp(306.5px,calc(100vw - 13.5px),438px);max-width:none;max-height:none;aspect-ratio:4 / 3;padding:5.5ch;border:0;overflow:visible;background-color:transparent;background-image:url(/ky-assets/notecards/notecard1.webp);background-position:top center;background-size:100% auto;background-repeat:no-repeat;color:#111;box-shadow:0 22px 80px #0000006b;font-family:MonoLisa,Courier New,monospace;font-size:var(--step--1);line-height:1.48}.about-dialog[open]{display:flex;flex-direction:column;justify-content:flex-start}.about-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.about-copy h2{margin:0 0 1em;font:inherit;font-weight:600}.about-copy p{margin:0;font-size:.84em}.about-copy p+p{margin-top:.8em}.about-close{position:absolute;right:var(--space-3xl);bottom:0;min-height:38px;padding:0 20px;border:0;border-radius:9999px;background:var(--pill);color:var(--pill-ink);box-shadow:0 1px 2px #0000000d;cursor:pointer;font-family:HEX Franklin,Arial,sans-serif;font-size:var(--step--1);transform:translateY(50%)}.about-close:hover{background:#e5e5e5}.archive-dialog{width:min(calc(100vw - (2 * var(--space-xl))),1440px);height:min(calc(100vh - (2 * var(--space-xl))),1000px);max-width:none;max-height:none;padding:0;border:1px solid var(--rule);overflow:hidden;background:var(--page);color:var(--ink);box-shadow:0 24px 90px #00000094}.archive-dialog[open]{display:flex;flex-direction:column}.archive-dialog::backdrop{background:#000000d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.archive-header{flex:0 0 auto;padding:var(--space-m) var(--space-xl);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:var(--space-m)}.archive-header p,.archive-header h2{margin:0}.archive-header p{color:var(--muted);font-size:.7em;letter-spacing:.05em;text-transform:uppercase}.archive-header h2{margin-top:.15em;font-size:1em;font-weight:500}.archive-close{min-height:38px;padding:0 18px;border:0;border-radius:9999px;background:var(--pill);color:var(--pill-ink);cursor:pointer;font-size:var(--step--1)}.archive-close:hover{background:#e5e5e5}.archive-figure{min-height:0;margin:0;padding:var(--space-m);display:flex;flex:1;flex-direction:column;gap:var(--space-s);overflow:auto}.archive-image-link{display:block;flex:0 0 auto;color:inherit;cursor:zoom-in}.archive-image-link img{display:block;width:100%;height:auto;background:#fff}.archive-figure figcaption{color:var(--muted);font-size:.72em}.photo-dialog{--photo-gutter: var(--space-xl);position:relative;width:fit-content;max-width:none;max-height:calc(100vh - (2 * var(--photo-gutter)));padding:0;border:0;overflow:visible;background:transparent;color:#fff}.photo-dialog[open]{display:grid;place-items:center}.photo-dialog::backdrop{background:#000000d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.photo-close{position:absolute;z-index:2;top:10px;right:10px;width:36px;height:36px;padding:0;border:1px solid rgb(255 255 255 / 38%);border-radius:50%;display:grid;place-items:center;background:#0000009e;color:#fff;cursor:pointer;box-shadow:0 2px 12px #0000004d;font:400 24px/1 Arial,sans-serif}.photo-close:hover{background:#000000d1}.photo-figure{margin:0;padding:0;overflow:hidden;box-shadow:0 24px 90px #00000094}.photo-figure img{display:block;width:auto;height:auto;max-width:calc(100vw - (2 * var(--photo-gutter)));max-height:calc(100vh - (2 * var(--photo-gutter)));object-fit:contain;background:#fff}.pagination{padding:var(--space-2xl) var(--space-xl) calc(var(--space-3xl) + var(--space-xl));text-align:center}.pagination p{margin:0}.count-mobile{display:none}.pagination button{width:60px;height:42px;margin-top:var(--space-m);padding:0;border:0;border-radius:9999px;display:inline-grid;place-items:center;background:var(--pill)}.pagination .load-more{width:auto;min-width:132px;padding-inline:18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--pill-ink);cursor:pointer;font-size:var(--step--1)}.pagination .load-more .icon{width:20px;height:20px}.pagination-end{margin-top:var(--space-m)!important;color:var(--muted);font-size:var(--step--1)}.pagination-status,.pagination-error{color:var(--muted);font-size:var(--step--1)}.pagination-status p{margin:0}.pagination-error{margin-top:var(--space-s)!important}.retry-load{width:auto;height:auto;min-height:38px;margin-top:var(--space-m);padding:0 18px;border:0;border-radius:9999px;background:var(--pill);color:var(--pill-ink);cursor:pointer;font-size:var(--step--1)}.retry-load:hover{background:#e5e5e5}.site-footer{border-top:1px solid var(--rule);padding:var(--space-xl) var(--space-xl) var(--space-2xl)}.footer-minimal{width:min(100%,860px);margin-inline:auto;margin-block:0;display:flex;align-items:baseline;justify-content:center;gap:var(--space-m);color:var(--muted);font-size:.88em}.archive-trigger{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-underline-offset:.25em;transition:color .16s ease}.archive-trigger:hover,.archive-trigger:focus-visible{color:var(--ink)}@media(max-width:640px){.site-nav{min-height:38px}.notecards{padding:var(--space-m) var(--space-s) var(--space-xl);gap:var(--space-2xl)}.composer-form,.notecard,.about-dialog{width:min(calc(100vw - 32px),438px)}.composer,.notecard{padding:clamp(2.25rem,13.5vw,5.5ch)}.composer-controls{padding-inline:clamp(var(--space-s),6vw,var(--space-xl))}.notecard{transform:rotate(var(--rotation))}.count-desktop{display:none}.count-mobile{display:block}.pagination{padding:calc(var(--space-xl) + var(--space-s)) var(--space-xl) var(--space-3xl)}.site-footer{padding-top:var(--space-xl)}.footer-minimal{align-items:center}.archive-dialog{width:calc(100vw - (2 * var(--space-s)));height:min(440px,calc(100vh - (2 * var(--space-s))));max-height:none}.archive-header{padding-inline:var(--space-m)}.archive-figure{padding:var(--space-s);flex:none}.photo-dialog{--photo-gutter: var(--space-s)}.photo-close{top:8px;right:8px}}@media(max-width:319px){.composer-controls{padding-inline:var(--space-s)}.attach-control{font-size:.62em}}@media(max-width:360px){.about-dialog{padding:3ch}.about-copy h2{margin-bottom:.6em}.about-copy p{font-size:.78em}.about-copy p+p{margin-top:.55em}.about-close{right:var(--space-xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}