@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:100%}img,video,canvas,svg{max-width:100%;height:auto;display:block}}@layer base{:root{--bg:#fff;--text-primary:#111;--text-secondary:#3c434a;--text-tertiary:#50575e;--text-meta:#6b7280;--accent:#3858e9;--border:#e8e8e8;--border-soft:#efefef;--surface:#f2f2f2;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--border-width:1px;--icon-xs:16px;--icon-md:24px;--target-md:40px;--z-dropdown:10;--z-sticky:20;--z-toast:50;--content-article:720px;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-hero:clamp(3.5rem,12vw,7rem);--lh-tight:1.25;--lh-snug:1.45;--lh-base:1.6;--lh-loose:1.7}@media (max-width:639.98px){:root{--text-lg:17px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-hero:clamp(2.5rem,14vw,4rem)}}body{font-family:var(--font-sans);font-size:var(--text-md);background:var(--bg);color:var(--text-primary);line-height:var(--lh-base);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}main#main{flex:1 0 auto}:focus-visible{outline-offset:3px;border-radius:var(--radius-sm);outline:2px solid}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer components{.container{width:min(100% - var(--space-8),var(--content-article));margin-inline:auto}.skip{left:-9999px;top:var(--space-3);z-index:var(--z-toast);background:var(--text-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;position:absolute}.skip:focus{left:var(--space-3)}.site-header{z-index:var(--z-sticky);background:#ffffffe6;position:sticky;top:0}.site-header__inner{padding-top:var(--space-3);justify-content:space-between;align-items:center;padding-bottom:15px;display:flex;position:relative}@media (min-width:640px){.site-header__inner{padding-top:var(--space-4)}}.brand{align-items:center;gap:var(--space-2);color:var(--text-primary);text-decoration:none;display:inline-flex}.brand__logo{flex-shrink:0;width:28px;height:28px;position:relative}.brand__logo:before{content:"";border-radius:var(--radius-full);background:var(--text-primary);width:18px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.brand__logo:after{content:"";border-radius:var(--radius-full);border:2px solid var(--text-primary);box-sizing:border-box;background:0 0;width:18px;height:18px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.brand__name{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700;line-height:1}.site-nav{align-items:center;gap:var(--space-1);margin-inline-end:-6px;display:flex}.icon-btn{width:var(--target-md);height:var(--target-md);cursor:pointer;color:var(--text-primary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.icon-btn:hover{opacity:.6}.icon-btn svg{width:var(--icon-md);height:var(--icon-md)}.dropdown{background:var(--bg);border:var(--border-width) solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-1);width:13rem;z-index:var(--z-dropdown);display:none;position:absolute;box-shadow:0 6px 20px #0000000f}.dropdown[data-state=open]{display:block}.dropdown a{padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-sm);align-items:center;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.dropdown a:hover{background:var(--surface);color:var(--text-primary)}#nav-dropdown{top:100%;right:var(--space-3)}@media (max-width:639.98px){#nav-dropdown{width:auto;left:0;right:0}}#home-view[data-state=closed],#reading-view[data-state=closed]{display:none}.post{margin-bottom:var(--space-10);cursor:pointer;transition:opacity .2s;display:block}.post:hover{opacity:.85}.post:last-child{margin-bottom:0}.post h2{font-size:var(--text-2xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.02em;margin-bottom:var(--space-3);text-wrap:balance}.post h2 a{color:inherit;text-decoration:none}.thumb{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-4);background:var(--surface);color:var(--text-primary)}.thumb:not(.thumb--img){font-weight:900;font-size:var(--text-hero);letter-spacing:-.05em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.thumb--img{object-fit:cover;display:block}.hero-figure{margin-bottom:var(--space-4)}.hero-figure .thumb{margin-bottom:var(--space-1)}.hero-figure figcaption{color:var(--text-meta);text-align:center;font-size:13px}.meta{color:var(--text-meta);margin-bottom:var(--space-1);font-size:13px}.cats{color:var(--text-meta);margin-bottom:var(--space-4);font-size:13px}.cats a,.cats a:hover{color:inherit;pointer-events:none;cursor:default;text-decoration:none}.cats-row{flex-wrap:wrap;align-items:baseline;gap:7px;margin-bottom:19px;display:flex}.cats-row .cats{margin-bottom:0}.cats-sep{color:var(--text-meta);font-size:13px}.share-link{cursor:pointer;color:var(--text-primary);text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;text-decoration:underline;transition:color .15s;display:inline-block;position:relative}.share-link:after{content:"";position:absolute;inset:-12px -8px}.share-link:hover{opacity:.6}.share-link.is-copied{color:var(--accent);text-decoration:none}.excerpt{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--lh-loose)}#reading-view .back-btn{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--text-primary);padding:var(--space-1) 0;margin-bottom:var(--space-6);background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:400;text-decoration:none;transition:opacity .15s;display:inline-flex}#reading-view .back-btn:hover{opacity:.6;text-decoration:none}.back-btn__icon{width:var(--icon-xs);height:var(--icon-xs);flex-shrink:0}:where(#reading-view) h1{font-size:var(--text-3xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.02em;margin-bottom:var(--space-3);text-wrap:balance}:where(#reading-view) h2{font-size:var(--text-2xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.02em;margin:var(--space-8) 0 var(--space-3);text-wrap:balance}:where(#reading-view) h3{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:700;line-height:var(--lh-snug);margin:var(--space-6) 0 var(--space-3)}:where(#reading-view) h4{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-2);font-weight:600}:where(#reading-view) h5,:where(#reading-view) h6{font-size:var(--text-md);margin:var(--space-6) 0 var(--space-2);font-weight:600}#reading-view .meta{color:var(--text-meta);margin-bottom:var(--space-1);font-size:13px}#reading-view .cats{color:var(--text-meta);margin-bottom:var(--space-4);font-size:13px}#reading-view .cats-row .cats{margin-bottom:0}:where(#reading-view) p:not(.meta):not(.cats),:where(#reading-view) ul,:where(#reading-view) ol,:where(#reading-view) blockquote,:where(#reading-view) pre,:where(#reading-view) img,:where(#reading-view) figure,:where(#reading-view) table{margin-bottom:var(--space-6)}:where(#reading-view)>:last-child{margin-bottom:0}:where(#reading-view) p:not(.meta):not(.cats){font-size:var(--text-md);line-height:var(--lh-loose);color:var(--text-secondary)}:where(#reading-view) blockquote{padding-left:var(--space-4);color:var(--text-tertiary);font-style:italic;font-size:var(--text-md);line-height:var(--lh-loose);border-left:3px solid #8a8a8a}:where(#reading-view) ul,:where(#reading-view) ol{margin-left:var(--space-6);color:var(--text-secondary);line-height:var(--lh-loose);font-size:var(--text-md)}:where(#reading-view) li{margin-bottom:var(--space-1)}:where(#reading-view) a{color:var(--accent);text-decoration:none}:where(#reading-view) a:hover{text-decoration:underline}:where(#reading-view) strong{font-weight:600}:where(#reading-view) code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface);border-radius:var(--radius-sm);padding:2px 6px}:where(#reading-view) pre{width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--lh-snug);-webkit-overflow-scrolling:touch;margin-bottom:var(--space-4);position:relative;overflow-x:auto}:where(#reading-view) pre code{font-size:var(--text-sm);font-family:var(--font-mono);background:0 0;border-radius:0;padding:0}:where(#reading-view) pre.has-copy{padding-top:var(--space-8)}.code-copy{top:var(--space-1);right:var(--space-1);cursor:pointer;color:var(--text-meta);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;font-family:inherit;font-size:12px;transition:color .15s,background .15s;position:absolute}.code-copy:hover{color:var(--text-primary);background:#e8e8e8}.code-copy.is-copied{color:var(--accent)}:is(:where(#reading-view) p:has(+pre),:where(#reading-view) ul:has(+pre),:where(#reading-view) ol:has(+pre),:where(#reading-view) blockquote:has(+pre),:where(#reading-view) img:has(+pre)){margin-bottom:var(--space-4)}:where(#reading-view) img{border-radius:var(--radius-sm);width:100%}:where(#reading-view) p:has(>img){margin-bottom:var(--space-6)}:where(#reading-view) p:has(>img) img{margin-bottom:0}:where(#reading-view) table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}:where(#reading-view) th,:where(#reading-view) td{padding:var(--space-2) var(--space-3);border:1px solid var(--border);text-align:left}:where(#reading-view) th{background:var(--surface);font-weight:600}:where(#reading-view) figure{margin-bottom:var(--space-4)}:where(#reading-view) figure img{margin-bottom:var(--space-1)}:where(#reading-view) figcaption{color:var(--text-meta);text-align:center;font-size:13px}.archive-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.archive-list li{align-items:baseline;column-gap:var(--space-4);row-gap:var(--space-1);flex-wrap:wrap;margin:0;display:flex}.archive-list time{white-space:nowrap;color:var(--text-meta);font-variant-numeric:tabular-nums;text-align:left;flex:0 0 5.5rem;font-size:13px}.archive-list a{min-width:0;color:var(--text-primary);font-weight:500;font-size:var(--text-md);line-height:var(--lh-snug);flex:9rem;text-decoration:none}.archive-list a:hover{text-decoration:underline}.site-footer{margin-top:var(--space-12);padding-bottom:var(--space-8);text-align:center}.site-footer p{color:var(--text-meta);font-size:13px}.store-grid{gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.store-grid{gap:var(--space-10);grid-template-columns:1fr 1fr}}.store-empty{font-size:var(--text-md);color:var(--text-meta)}.product-card__link{color:var(--text-primary);text-decoration:none;transition:opacity .2s;display:block}.product-card__link:hover{opacity:.85}.product-card__img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-4);background:var(--surface)}div.product-card__img{display:block}.product-card__info{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.product-card__title{font-size:var(--text-3xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.02em;text-wrap:balance;margin:0}.product-card__price{font-size:var(--text-xl);color:var(--text-primary);white-space:nowrap;font-weight:600}.product-img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-4);background:var(--surface)}div.product-img{display:block}.product-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.product-header h1{margin-bottom:0}.product-price{font-size:var(--text-xl);color:var(--text-primary);white-space:nowrap;font-weight:600}.product-actions{gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.btn{min-height:var(--target-md);padding:0 var(--space-4);color:#111;font-family:inherit;font-size:var(--text-sm);border-radius:var(--radius-md);background:#d4d4d4;flex:1;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:background .15s,color .15s,opacity .15s;display:inline-flex}.btn:hover{background:#c4c4c4}.btn--buy{background:var(--text-primary);color:#fff}.btn--buy:hover{opacity:.85;background:var(--text-primary)}@media (max-width:639.98px){:where(#reading-view) pre{padding:var(--space-3)}:where(#reading-view) pre.has-copy{padding-top:var(--space-8)}}}