*{margin:0;padding:0;box-sizing:border-box}:root{view-transition-name:root;--expo-in: linear( 0 0%, 0.0085 31.26%, 0.0167 40.94%, 0.0289 48.86%, 0.0471 55.92%, 0.0717 61.99%, 0.1038 67.32%, 0.1443 72.07%, 0.1989 76.7%, 0.2659 80.89%, 0.3465 84.71%, 0.4419 88.22%, 0.554 91.48%, 0.6835 94.51%, 0.8316 97.34%, 1 100% );--mask-gif: url("https://media.tenor.com/cyORI7kwShQAAAAi/shigure-ui-dance.gif");--mask-gif-dance: url("/shigure-ui-dance.gif");--mask-gif-bad-apple: url("/bad-apple-mask-full.gif");--bg-color: #0f0f0f;--text-color: #e0e0e0;--h1-color: #ffffff;--card-bg: #151515;--card-border: #2a2a2a;--card-hover-border: #f1efea;--card-hover-shadow: rgba(255, 165, 0, 0.2);--title-color: #f1efea;--title-hover-color: #fff4cb;--subtitle-color: #888888;--meta-color: #666666;--bullet-color: #ffffff;--tag-bg-start: #2a2a2a;--tag-bg-end: #1a1a1a;--tag-text: #f1efea;--tag-border: #333333;--tag-hover-bg-start: #333333;--tag-hover-bg-end: #2a2a2a;--tag-hover-border: #f1efea;--tag-hover-shadow: rgba(255, 165, 0, 0.3);--link-hover-color: #8899ff;--toggle-btn-color: #888888;--toggle-btn-hover-color: #ffffff;--toggle-btn-hover-bg: rgba(255, 255, 255, 0.1)}html[data-theme=light]{--bg-color: #ffffff;--text-color: #2b2b2b;--h1-color: #0a0a0a;--card-bg: #ffffff;--card-border: #e0e0e0;--card-hover-border: #222222;--card-hover-shadow: rgba(0, 0, 0, 0.08);--title-color: #1a1a1a;--title-hover-color: #000000;--subtitle-color: #555555;--meta-color: #777777;--bullet-color: #ff6b00;--tag-bg-start: #eaeaea;--tag-bg-end: #dfdfdf;--tag-text: #2b2b2b;--tag-border: #cccccc;--tag-hover-bg-start: #dfdfdf;--tag-hover-bg-end: #d0d0d0;--tag-hover-border: #222222;--tag-hover-shadow: rgba(0, 0, 0, 0.12);--toggle-btn-color: #555555;--toggle-btn-hover-color: #0a0a0a;--toggle-btn-hover-bg: rgba(0, 0, 0, 0.06);--link-hover-color: #0000ee}body{background:var(--bg-color);color:var(--text-color);font-family:"JetBrains Mono",monospace;min-height:100vh;padding:5.2rem 1.6rem 1.6rem 1.6rem}.container{max-width:1400px;margin:0 auto;position:relative;z-index:5}.right{margin-left:auto;padding:2px 6px;background:none;border:none;display:flex;align-items:center;justify-content:center;gap:1.2rem}.right .theme-toggle{margin-left:0;padding-left:0}nav{position:fixed;top:0;left:0;right:0;z-index:1000;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;gap:1.6rem;margin-bottom:2.4rem;padding:1.4rem 1.6rem;background:var(--bg-color);font-size:.96rem}nav a{color:var(--subtitle-color);text-decoration:none}nav a:hover{color:var(--link-hover-color)}.nav-left{display:flex;align-items:center;gap:1.2rem}.penguin-logo{font-family:"Lilita One",sans-serif;font-weight:700;font-size:1.25rem;color:var(--h1-color);letter-spacing:.5px}.penguin-logo:hover{color:var(--link-hover-color)}.back-link{color:var(--subtitle-color);text-decoration:none;font-size:.9rem;white-space:nowrap}.back-link:hover{color:var(--link-hover-color)}.desktop-links{display:flex;align-items:center;gap:1.2rem}.desktop-links a{font-family:"Lilita One",sans-serif;color:var(--subtitle-color);text-decoration:none}.desktop-links a:hover{color:var(--link-hover-color)}.mobile-menu-btn{display:none;background:none;border:none;padding:0;margin-left:12px;cursor:pointer;color:var(--subtitle-color);z-index:101;position:relative}.mobile-menu-btn:hover{color:var(--h1-color)}.mobile-menu-btn svg{display:block}.mobile-menu-btn line{transform-origin:center}.mobile-menu-btn.open .line1{transform-origin:top right;transform:translate(-2.35px, .35px) rotate(-45deg)}.mobile-menu-btn.open .line2{opacity:0}.mobile-menu-btn.open .line3{transform-origin:bottom right;transform:translate(-2.35px, -.35px) rotate(45deg)}.mobile-menu-overlay{position:fixed;top:4.5rem;right:1.6rem;left:auto;width:auto;min-width:160px;height:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;z-index:1000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:1.2rem;padding:1.2rem;font-size:1.2rem;opacity:0;pointer-events:none;transform:translateY(-10px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.mobile-menu-overlay.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu-overlay a{font-family:"Lilita One",sans-serif;color:var(--subtitle-color);text-decoration:none}.mobile-menu-overlay a:hover{color:var(--link-hover-color)}.theme-toggle{margin-left:auto;background:var(--bg-color);border:1px solid var(--card-border);border-radius:14px;width:52px;height:28px;cursor:pointer;color:var(--subtitle-color);display:flex;align-items:center;padding:0;z-index:101;position:relative}.theme-toggle::before{content:"";position:absolute;top:1.5px;left:1.5px;width:23px;height:23px;border-radius:50%;background:var(--text-color)}html[data-theme=light] .theme-toggle::before{transform:translateX(24px)}html[data-theme=dark] .theme-toggle::before{transform:translateX(0)}.theme-toggle:hover{border-color:var(--card-hover-border)}.solar-switch{display:block;width:15px;height:15px;position:absolute;top:5.5px;left:5.5px;color:var(--bg-color);z-index:2}html[data-theme=light] .solar-switch{transform:translateX(24px)}html[data-theme=dark] .solar-switch{transform:translateX(0)}.solar-switch path{transform-origin:12.5px 12.5px;transform-box:view-box;stroke-dasharray:1;stroke-dashoffset:0}h1{color:var(--h1-color);padding:1.2rem 0 0 0;margin-bottom:.64rem;font-size:2rem;letter-spacing:1px}.friend-banners-label{color:var(--meta-color);font-size:.6rem;font-family:"Geist",sans-serif;letter-spacing:.5px;margin-bottom:.32rem}.friend-banners{display:flex;gap:.48rem;flex-wrap:wrap;margin-bottom:1.6rem}.friend-banners a{display:block;height:25px}.friend-banners a:hover{transform:translateY(-2px);opacity:.85}.friend-banners img{height:31px;width:88px;display:block;image-rendering:pixelated}.blogs-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.4rem}a.blog-item-link{text-decoration:none;color:var(--title-color);font-size:1.05rem;font-weight:600;}a.blog-item-link::after{content:"";position:absolute;inset:0;z-index:0}a.blog-item-link:hover{color:var(--link-hover-color);text-decoration:underline}.blog-item{position:relative;display:flex;flex-direction:column;gap:.25rem;padding-bottom:.9rem;border-bottom:1px solid var(--card-border)}.blog-item-header{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.blog-item-title{color:var(--title-color);font-size:1.05rem;font-weight:600}.blog-item-tags{display:inline-flex;gap:.4rem;flex-wrap:wrap}a.blog-inline-tag{color:#2781c4;font-size:.85rem;font-weight:500;text-decoration:none;position:relative;z-index:1}a.blog-inline-tag:hover{text-decoration:underline}.blog-inline-tag{color:#2781c4;font-size:.85rem;font-weight:500}.blog-item-subtext{color:var(--subtitle-color);font-size:.82rem;line-height:1.4}.blog-tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag{background:linear-gradient(135deg, var(--tag-bg-start) 0%, var(--tag-bg-end) 100%);color:var(--tag-text);padding:.32rem .72rem;border-radius:16px;font-size:.6rem;border:1px solid var(--tag-border);box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,165,0,.1);position:relative;overflow:hidden}@media (max-width: 768px){.desktop-links{display:none !important}.mobile-menu-btn{display:block !important}nav{padding:1rem 1.2rem}body{padding:4.8rem .8rem .8rem}h1{font-size:1.44rem;padding:.8rem 0}.blog-title{font-size:.88rem}.blog-content{padding:.8rem}}@media (max-width: 480px){.blog-content{padding:.96rem}.blog-tags{gap:.32rem}.tag{padding:.24rem .56rem;font-size:.56rem}}.built-with{position:fixed;bottom:.8rem;right:1.2rem;color:var(--meta-color);font-size:.64rem;z-index:10}.built-with a{color:var(--subtitle-color);text-decoration:none}.built-with a:hover{color:var(--link-hover-color)}#snow{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999999}.solar-switch{display:block;width:16px;height:16px}.solar-switch path{transform-origin:12.5px 12.5px;transform-box:view-box;stroke-dasharray:1;stroke-dashoffset:0}html[data-theme=light] .sun-icon path{transform:scale(1);stroke-dashoffset:0}html[data-theme=light] .moon-icon path{transform:scale(0);stroke-dashoffset:1}html[data-theme=dark] .sun-icon path{transform:scale(0);stroke-dashoffset:1}.garden-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}.garden-filters{display:flex;gap:.45rem;flex-wrap:wrap}.garden-filter-btn[aria-disabled=true]{opacity:.45}.garden-filter-btn,.garden-sort-btn{padding:.35rem .75rem !important;font-size:.8125rem !important;font-family:"Geist Mono",monospace !important}.garden-sort-dropdown{position:relative}.garden-sort-trigger{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.garden-sort-trigger svg{flex:0 0 auto}.garden-sort-menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:20;display:grid;gap:.25rem;min-width:150px;padding:.35rem;background:var(--bg-color);border:1px solid var(--meta-color);box-shadow:0 8px 20px rgba(0,0,0,.12)}.garden-sort-menu[hidden]{display:none}.garden-sort-menu .garden-sort-btn{width:100%;text-align:left}.garden-stats{color:var(--meta-color);font-family:"Geist Mono",monospace;font-size:.72rem;line-height:1.6;margin-bottom:1rem}.garden-stat-counts,.garden-top-rated{display:flex;gap:.8rem;flex-wrap:wrap}.garden-top-rated{margin-top:.25rem}.garden-empty-msg{margin-top:0}.threshold-hover-wrapper img.threshold-hover{opacity:0}.threshold-hover-wrapper img.threshold-hover.processed{opacity:1}.threshold-hover-wrapper img.original-hover:not([src]){opacity:0}.garden-title{margin-bottom:.2rem}.garden-subtext{color:var(--subtitle-color);font-size:.78rem;line-height:1.5;margin-bottom:1rem;width:100%;max-width:100%}.garden-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));max-width:1400px;gap:20px;justify-content:center;align-items:start;padding:10px 0 40px 0}.threshold-hover-wrapper[hidden]{display:none !important}.threshold-hover-wrapper{position:relative;display:block;width:100%;aspect-ratio:220/350;overflow:hidden;touch-action:manipulation;cursor:default;background-color:var(--bg-color)}.threshold-hover-wrapper img{width:100%;height:100%;object-fit:cover;display:block;background-color:var(--bg-color)}img.threshold-hover:not(.processed){opacity:0}img.threshold-hover.processed{opacity:1}.threshold-hover-wrapper .original-hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.threshold-hover-wrapper:hover .original-hover,.threshold-hover-wrapper.active .original-hover{opacity:1}.rating-bar{position:absolute;top:6px;right:6px;padding:3px 6px;background:rgba(0,0,0,.85);color:#fff;font-family:"Playfair Display",serif;font-weight:700;font-size:.8rem;pointer-events:none;z-index:2}@media (max-width: 768px){.garden-controls{align-items:flex-start}.garden-filters{gap:.3rem}.garden-filter-btn{padding:.3rem .55rem !important}.garden-grid{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:14px;padding:8px 0 30px 0}}@media (max-width: 480px){.garden-grid{grid-template-columns:repeat(2, 1fr);gap:10px;padding:4px 0 20px 0}.rating-bar{font-size:.7rem;padding:3px 6px;top:6px;right:6px}}.blog-section-title{color:var(--meta-color);font-size:.85rem;font-family:"Geist Mono",monospace;letter-spacing:.5px;margin-top:1.5rem;margin-bottom:.75rem;text-transform:lowercase}.blog-empty-msg{color:var(--meta-color);font-size:.85rem;font-family:"Geist Mono",monospace;opacity:.7;margin-bottom:1.5rem;margin-top:.25rem}.built-with{font-family:"Geist",sans-serif}.guestbook-page{max-width:600px;padding:1.25rem 0;position:relative;z-index:5}.guestbook-title{font-family:"Playfair Display",serif;color:var(--h1-color);font-weight:700;font-size:2rem;margin-bottom:.25rem}.guestbook-subtitle{font-family:"Geist Mono",monospace;color:var(--meta-color);font-size:.85rem;margin-bottom:1.5rem;white-space:normal;overflow-wrap:break-word}.guestbook-subtitle a{color:var(--meta-color);text-decoration:underline}.guestbook-subtitle a:hover{color:var(--h1-color)}#HCB_comment_box,#HCB_comment_box *{font-family:"Geist Mono",monospace !important;box-sizing:border-box !important}#HCB_comment_box{color:var(--subtitle-color);width:100%}#HCB_comment_box h3{display:none;}#HCB_comment_box form,#HCB_comment_box #hcb_form{width:100%}#HCB_comment_box input[type=text]{display:block;width:100% !important;background:var(--bg-color);color:var(--h1-color);border:2px solid var(--tag-border);border-radius:8px;padding:.5rem .75rem;font-size:.875rem;margin-bottom:.625rem;outline:none}#HCB_comment_box input[type=text]:focus{border-color:var(--h1-color)}#HCB_comment_box .hcb-wrapper{width:100%}#HCB_comment_box textarea{display:block;width:100% !important;min-height:120px;resize:vertical;background:var(--bg-color);color:var(--h1-color);border:2px solid var(--tag-border);border-radius:8px;padding:.5rem .75rem;font-size:.875rem;margin-bottom:.625rem;outline:none}#HCB_comment_box textarea:focus{border-color:var(--h1-color)}.button-primary{padding:.5rem .625rem;border:1px solid var(--tag-border);background-color:var(--bg-color);color:var(--h1-color);cursor:pointer;font-size:.875rem;font-family:inherit}.button-primary:hover{background-color:var(--meta-color)}.button-secondary,#HCB_comment_box .submit,#HCB_comment_box input[type=submit],#HCB_comment_box #hcb_submit{padding:.5rem .625rem !important;border:1px solid var(--tag-border) !important;background-color:var(--h1-color) !important;color:var(--bg-color) !important;cursor:pointer !important;font-size:.875rem !important;font-family:inherit !important;border-radius:0 !important;font-weight:500 !important;margin-top:.25rem}.button-secondary:hover,#HCB_comment_box .submit:hover,#HCB_comment_box input[type=submit]:hover,#HCB_comment_box #hcb_submit:hover{opacity:.85 !important}.button-error{padding:.5rem .625rem;border:1px solid #ff4d4d;background-color:rgba(255,77,77,.15);color:#ff4d4d;cursor:pointer;font-size:.875rem;font-family:inherit}.button-error:hover{background-color:rgba(255,77,77,.25)}.button-link{text-decoration:underline;text-underline-offset:.25rem;background:rgba(0,0,0,0);border:none;color:var(--h1-color);cursor:pointer;font-size:.875rem;font-family:inherit}.button-link:hover{color:var(--meta-color)}.button-text{text-decoration:none;background:rgba(0,0,0,0);border:none;color:var(--h1-color);cursor:pointer;font-size:.875rem;font-family:inherit}.button-text:hover{color:var(--meta-color)}#HCB_comment_box input[value="Add Image"],#HCB_comment_box input[value="add image"],#HCB_comment_box .inputfile,#HCB_comment_box #hcb_file,#HCB_comment_box #hcb_file_label,#HCB_comment_box .admin-link,#HCB_comment_box a[href*=rss],#HCB_comment_box img[src*=feed],#HCB_comment_box img[src*=rss],#HCB_comment_box img[alt*=rss],.hcb-link,.hcb-powered,.hcb-door-in,.hcb-door-out,.home-desc{display:none !important}#HCB_comment_box .hcb-comment-box{margin-top:1.5rem}#HCB_comment_box .hcb-comment{background:rgba(0,0,0,0);border-bottom:1px solid var(--meta-color);border-radius:0;padding:.625rem 0;margin:0}#HCB_comment_box .hcb-replies,#HCB_comment_box .hcb-reply{margin-left:1.25rem !important;padding-left:.75rem !important;border-left:2px solid var(--tag-border) !important;margin-top:.5rem !important}#HCB_comment_box .hcb-comment .hcb-icon{width:1.5rem;height:1.5rem;border-radius:100%}#HCB_comment_box b.author,#HCB_comment_box .author-name{color:var(--h1-color);font-weight:400;font-size:.875rem}#HCB_comment_box .author-name a,#HCB_comment_box b.author a{color:var(--h1-color) !important;text-decoration:underline !important}#HCB_comment_box .author-name a:hover,#HCB_comment_box b.author a:hover{opacity:.7}#HCB_comment_box blockquote{font-size:.875rem;margin:.375rem 0 0 0;padding:0;border:none;color:var(--subtitle-color)}#HCB_comment_box button.hcb-like,#HCB_comment_box button.hcb-reply,#HCB_comment_box button.hcb-flag,#HCB_comment_box .hcb-comment button,#HCB_comment_box a{background:rgba(0,0,0,0) !important;border:none !important;outline:none !important;padding:0 !important;margin:0 .5rem 0 0 !important;color:var(--meta-color) !important;font-size:.75rem !important;font-family:inherit !important;cursor:pointer !important;text-decoration:none !important;display:inline-flex !important;align-items:center !important;vertical-align:middle !important}#HCB_comment_box button.hcb-like:hover,#HCB_comment_box button.hcb-reply:hover,#HCB_comment_box button.hcb-flag:hover,#HCB_comment_box .hcb-comment button:hover,#HCB_comment_box a:hover{color:var(--h1-color) !important}.action-icon{width:20px;height:20px;opacity:.85;margin-right:4px;stroke:currentColor;display:inline-block;vertical-align:middle}#HCB_comment_box button:hover .action-icon,#HCB_comment_box a:hover .action-icon{opacity:1}#HCB_comment_box>div{color:var(--meta-color);font-size:.875rem}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:2rem}.not-found-title{font-family:"Pixelify Sans",sans-serif;font-size:8rem;color:var(--h1-color);margin-bottom:.5rem;line-height:1;text-shadow:4px 4px 0px rgba(0,0,0,.2)}html[data-theme=light] .not-found-title{text-shadow:4px 4px 0px rgba(0,0,0,.1)}.not-found-subtitle{font-size:1.2rem;color:var(--subtitle-color);margin-bottom:2rem}.not-found-image{max-width:300px;width:100%;height:auto;border-radius:20px;box-shadow:0 10px 30px var(--card-hover-shadow);margin-bottom:2.5rem}.not-found-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.not-found-link{display:inline-block;padding:.8rem 1.6rem;background:var(--tag-bg-start);color:var(--tag-text);text-decoration:none;border:1px solid var(--tag-border);border-radius:8px;font-family:"JetBrains Mono",monospace;font-weight:500}.not-found-link:hover{background:var(--tag-hover-bg-start);border-color:var(--tag-hover-border);color:var(--title-hover-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--tag-hover-shadow)}@media (max-width: 768px){.not-found-title{font-size:6rem}.not-found-image{max-width:240px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0s !important;animation-delay:0s !important;transition-duration:0s !important;transition-delay:0s !important}}html.theme-toggled *,html.theme-toggled *::before,html.theme-toggled *::after{transition:none !important}::view-transition{position:fixed;inset:0;z-index:2147483647;pointer-events:none;isolation:isolate}::view-transition-group(root){position:absolute;inset:0;z-index:2147483647;animation-timing-function:var(--expo-in)}::view-transition-image-pair(root){position:absolute;inset:0;z-index:2147483647;isolation:auto}::view-transition-old(root),::view-transition-new(root){position:absolute;inset:0;display:block;mix-blend-mode:normal}::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1}html[data-theme=light]::view-transition-new(root){-webkit-mask-image:var(--current-mask-gif, var(--mask-gif-dance));mask-image:var(--current-mask-gif, var(--mask-gif-dance));-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:scale-light 1.8s both}html[data-theme=light]::view-transition-old(root){animation:old-exit-light 1.8s both}html[data-theme=dark]::view-transition-new(root){-webkit-mask-image:var(--current-mask-gif, var(--mask-gif-bad-apple));mask-image:var(--current-mask-gif, var(--mask-gif-bad-apple));-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:scale-dark 2.8s both}html[data-theme=dark]::view-transition-old(root){animation:old-exit-dark 2.8s both}@keyframes scale-light{0%{-webkit-mask-size:0;mask-size:0}10%{-webkit-mask-size:50vmax;mask-size:50vmax}85%{-webkit-mask-size:50vmax;mask-size:50vmax}100%{-webkit-mask-size:2000vmax;mask-size:2000vmax}}@keyframes old-exit-light{0%{opacity:1}100%{opacity:1}}@keyframes scale-dark{0%{-webkit-mask-size:0;mask-size:0}8%{-webkit-mask-size:28vmax;mask-size:28vmax}73%{-webkit-mask-size:28vmax;mask-size:28vmax}100%{-webkit-mask-size:2000vmax;mask-size:2000vmax}}@keyframes old-exit-dark{0%{opacity:1}100%{opacity:1}}@media (prefers-reduced-motion: reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none !important}.solar-switch path{transition:none !important}}