:root{--bg-primary:#f7f3ef;--bg-secondary:#ede8e2;--text-primary:#2d2a26;--text-secondary:#6b6661;--accent:#a8b5a2;--accent-hover:#93a088;--accent-light:#c8d3c3;--accent-warm:#c17c5c;--accent-warm-light:#d69a7f;--highlight:#d8ccc0;--border:#ddd6cc;--tag-bg:#e8e3db;--link-hover:#8a9880;--code-bg:#ede8e2;--heading-color:var(--text-primary);--heading-font:"Cormorant Garamond","Georgia",serif;--heading-weight:500;--heading-line-height:1.3;--table-border:1px solid var(--border);--table-padding:0.75rem 1rem;--table-bg-color:var(--bg-secondary);--color-blockquote:var(--accent-warm);--color-accent-2-light:var(--bg-secondary);--color-focus:var(--accent);--font-base:"Inter","Noto Sans JP",-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial",sans-serif;--font-heading:"Cormorant Garamond","Georgia",serif;--font-console:"Courier New",monospace;--vertical-rhythm-spacing:1.5rem;--font-size:clamp(1rem,2.5vw,1.125rem);--font-size-smallest:calc(var(--font-size)*0.5);--font-size-smaller:calc(var(--font-size)*0.75);--font-size-small:calc(var(--font-size)*0.875);--font-size-medium:calc(var(--font-size)*1);--font-size-large:calc(var(--font-size)*1.2778);--font-size-larger:calc(var(--font-size)*1.5555);--font-size-largest:calc(var(--font-size)*1.9444);--font-size-h1:clamp(1.75rem,5vw,var(--font-size-largest));--font-size-h2:clamp(1.5rem,4vw,var(--font-size-larger));--font-size-h3:clamp(1.25rem,3vw,var(--font-size-large));--font-size-h4:var(--font-size-medium);--font-size-h5:var(--font-size-medium);--font-size-h6:var(--font-size-medium);--transition-fast:0.2s ease;--transition-base:0.3s ease;--logo-filter:none}[data-theme=dark]{--bg-primary:#1a1816;--bg-secondary:#242120;--text-primary:#e8e4df;--text-secondary:#9e9890;--accent:#8a9e82;--accent-hover:#a3b69b;--accent-light:#3d4a38;--accent-warm:#d4916e;--accent-warm-light:#b07a5e;--highlight:#3a3530;--border:#3a3530;--tag-bg:#2a2724;--link-hover:#a3b69b;--code-bg:#242120;--color-blockquote:var(--accent-warm);--color-accent-2-light:var(--bg-secondary);--logo-filter:invert(1) brightness(0.88) sepia(0.08)}html{box-sizing:border-box;color-scheme:light dark}*,:after,:before{box-sizing:border-box;margin-top:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;margin:0;text-rendering:optimizespeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background-blend-mode:lighten;background-color:var(--bg-primary);background-image:url(/_assets/images/background-light.png);background-repeat:repeat;color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-base);font-size:var(--font-size);line-height:1.75;min-height:100vh;padding-bottom:0;transition:background-color var(--transition-base),color var(--transition-base)}[data-theme=dark] body{background-blend-mode:darken;background-image:url(/_assets/images/background-dark.png)}.h1,.h2,.h3,.h4,.h5,.h6,.heading,h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);letter-spacing:.01em;margin-bottom:var(--vertical-rhythm-spacing)}.h1,h1{font-size:var(--font-size-h1)}.h1,.h2,h1,h2{color:var(--heading-color);font-family:var(--heading-font);font-weight:var(--heading-weight);line-height:var(--heading-line-height)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h3,.h4,h3,h4{color:var(--heading-color);font-family:var(--heading-font);font-weight:var(--heading-weight);line-height:var(--heading-line-height)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h5,.h6,h5,h6{color:var(--text-secondary);font-family:var(--heading-font);font-variant:small-caps;font-weight:var(--heading-weight);line-height:var(--heading-line-height)}.h6,h6{font-size:var(--font-size-h6);text-decoration:underline}blockquote,ol,p,pre,table,ul{margin-bottom:var(--vertical-rhythm-spacing)}ol,ul{margin-left:1rem;padding-left:2rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0;padding-left:1rem}code,code[class*=language-],pre{font-family:var(--font-console);font-size:calc(var(--font-size)*.85);margin-bottom:var(--vertical-rhythm-spacing)!important;overflow:scroll}code:focus,pre:focus{outline:2px solid var(--color-focus)}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.5rem}sub{bottom:-.25rem}img{margin-bottom:var(--vertical-rhythm-spacing)}table{border:var(--table-border);border-collapse:collapse;text-align:left;width:100%}thead th{background-color:var(--table-bg-color)}tbody td,thead th{padding:var(--table-padding)}tbody tr{border-bottom:var(--table-border)}blockquote{background-color:var(--color-accent-2-light);border-left:.5rem solid var(--color-blockquote);padding:1rem 1rem 1rem 2rem}blockquote p:last-of-type{margin-bottom:0}::-moz-selection{background:var(--highlight);color:var(--text-primary)}::selection{background:var(--highlight);color:var(--text-primary)}.header-container{align-items:center;display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1200px;padding:2rem 2rem 1.5rem;position:relative}.logo{display:block;line-height:0}.logo img{display:block;filter:var(--logo-filter);height:110px;margin-bottom:0;transition:filter var(--transition-base);width:auto}nav ul{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}nav a{color:var(--text-secondary);font-family:var(--font-base);font-weight:400;letter-spacing:.04em;position:relative;text-decoration:none;text-transform:lowercase;transition:color var(--transition-base)}nav a:after{background:var(--accent-warm);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}nav a.active,nav a:hover{color:var(--text-primary)}nav a.active:after,nav a:hover:after{width:100%}@media (max-width:968px){nav ul{gap:1.75rem}}@media (max-width:640px){.header-container{align-items:center;flex-direction:column;gap:1rem;padding:1.5rem 1.25rem 1.25rem}.logo img{height:60px}nav ul{gap:1.25rem}}.container{margin:0 auto;max-width:968px;padding:3rem 2rem}main{min-width:0}.content-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:920px){.content-grid[data-view=card]{grid-template-columns:repeat(3,1fr)}}.content-footer{margin-top:4rem}@media (max-width:640px){.container{padding:2rem 1.25rem}}.section-heading-row{align-items:flex-end;display:flex;margin-bottom:2rem;margin-top:3rem}.section-heading-row .section-heading{flex:1;margin-bottom:0;margin-top:0}.section-heading-row .view-toggle{flex-shrink:0;margin-bottom:.75rem}.section-heading{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1.5rem;font-weight:500;margin-bottom:2rem;margin-top:3rem;padding-bottom:.75rem;transition:border-color var(--transition-base)}.content-block,.recent-content{margin-bottom:3rem}.content-block-title{color:var(--text-secondary);font-family:var(--font-base);font-size:.8125rem;font-weight:600;letter-spacing:.08em;margin-bottom:1.25rem;text-transform:uppercase}.tags-section{margin-bottom:3rem}.tags-by-topic{margin-top:1.5rem}.topic-section{margin-bottom:2.5rem}.topic-title{color:var(--text-primary);font-size:1.125rem;font-weight:500;margin-bottom:1rem}.random-content{margin-bottom:3rem}.random-item{margin-bottom:1rem}.page-footer{border-top:1px solid var(--border);color:var(--text-secondary);font-size:.8125rem;margin-top:4rem;padding-top:2rem;text-align:center;transition:border-color var(--transition-base)}.page-footer p{margin:0}.site-footer{border-top:1px solid var(--border);margin-top:auto;padding:2rem 0;transition:border-color var(--transition-base)}.site-footer-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:820px;padding:0 2rem}.site-footer p{color:var(--text-secondary);font-size:.8125rem;line-height:1.6;margin:0}.site-footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.site-footer a:hover{color:var(--accent-warm)}.site-footer:before{background:var(--accent-warm);border-radius:1px;content:"";display:block;height:2px;margin:0 auto 2rem;opacity:.4;width:40px}@media (max-width:640px){.site-footer-inner{flex-direction:column;gap:.75rem;text-align:center}}a{color:var(--accent-hover);text-decoration-color:var(--accent-light);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}a:hover{color:var(--accent-warm);text-decoration-color:var(--accent-warm)}.article-header{margin-bottom:3rem}.article-title{color:var(--text-primary);font-size:2.5rem;font-weight:500;letter-spacing:-.01em;line-height:1.2;margin-bottom:1rem}.article-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;letter-spacing:.01em;margin-bottom:1.5rem}.article-meta .separator{color:var(--accent);opacity:.4}.article-content{color:var(--text-primary);font-size:1.0625rem;line-height:1.85}.article-content h2{font-size:1.625rem;font-weight:500;letter-spacing:-.01em;margin-bottom:1rem;margin-top:3rem}.article-content h3{font-size:1.3125rem;font-weight:500;margin-bottom:.75rem;margin-top:2.5rem}.article-content p{margin-bottom:1.25rem}.article-content ol,.article-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content a{border-bottom:1px solid var(--accent-light);color:var(--accent-hover);text-decoration:none;transition:color var(--transition-base),border-color var(--transition-base)}.article-content a:hover{border-bottom-color:var(--accent-warm);color:var(--accent-warm)}.article-content code{background:var(--code-bg);border-radius:3px;font-family:var(--font-console);font-size:.9em;padding:.15rem .4rem;transition:background-color var(--transition-base)}.article-content pre{background:var(--code-bg);border:1px solid var(--border);border-radius:4px;margin-bottom:1.25rem;overflow-x:auto;padding:1.25rem;transition:background-color var(--transition-base),border-color var(--transition-base)}.article-content pre code{background:none;padding:0}.article-content blockquote{background:var(--bg-secondary);border-left:3px solid var(--accent-warm);border-radius:0 4px 4px 0;color:var(--text-secondary);font-size:1.05rem;font-style:italic;margin:2rem 0;padding:1.25rem 1.5rem;transition:background-color var(--transition-base),border-color var(--transition-base)}.article-content hr{border:none;border-top:1px solid var(--border);margin:3rem 0;transition:border-color var(--transition-base)}@media (max-width:968px){.article-title{font-size:2rem}}@media (max-width:640px){.article-title{font-size:1.75rem}.article-content{font-size:1rem}}.breadcrumbs{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.5rem;margin-bottom:2rem}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--accent-warm)}.breadcrumbs .separator{opacity:.4}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;min-width:0;overflow-wrap:break-word;padding:1.75rem;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);word-break:break-word}.card:hover{border-color:var(--accent);box-shadow:0 4px 16px rgba(45,42,38,.06)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.card h2{font-size:1.375rem;font-weight:500;margin-bottom:.375rem}.card h2 a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.card h2 a:hover{color:var(--accent-warm)}.card-meta{font-size:.8125rem}.card p,.card-meta{color:var(--text-secondary);margin-bottom:.75rem}.card p{font-size:.9375rem;line-height:1.65}[data-theme=dark] .card:hover{box-shadow:0 4px 16px rgba(0,0,0,.2)}@media (max-width:640px){.card{padding:1.25rem}}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:var(--tag-bg);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);display:inline-block;font-size:.8125rem;letter-spacing:.01em;padding:.25rem .7rem;text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.tag:hover{background:var(--highlight);border-color:var(--accent-warm-light);color:var(--accent-warm)}.status-badge{align-items:center;background-position:.5rem;background-repeat:no-repeat;background-size:16px 16px;border:1px solid;border-radius:3px;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:.5rem;letter-spacing:.02em;margin-left:1rem;padding:.35rem .75rem .35rem 2rem;transition:background-color var(--transition-base),border-color var(--transition-base);white-space:nowrap}.status-seed{background-color:#f5efe6;background-image:url(/_assets/images/icon-seed.png);border-color:#d4c4b0;color:#9a7b4f}.status-sapling{background-color:#f0ebe3;background-image:url(/_assets/images/icon-sapling.png);border-color:#cfc2b1;color:#8a7355}.status-tree{background-color:#ecf0e8;background-image:url(/_assets/images/icon-tree.png);border-color:var(--accent);color:#6b7c5d}.status-fruit{background-color:#f5ebe6;background-image:url(/_assets/images/icon-fruit.png);border-color:var(--accent-warm);color:#a16b56}[data-theme=dark] .status-seed{background-color:#2a2520;border-color:#4a3f32;color:#c9a86e}[data-theme=dark] .status-sapling{background-color:#28241f;border-color:#463d30;color:#b89a72}[data-theme=dark] .status-tree{background-color:#222820;border-color:#3d4a38;color:#9aad8a}[data-theme=dark] .status-fruit{background-color:#2a2220;border-color:#4a3530;color:#d4916e}.related-links{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem;transition:border-color var(--transition-base)}.related-links h3{color:var(--text-secondary);font-family:var(--font-base);font-size:.8125rem;font-weight:600;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.related-links ul{display:flex;flex-direction:column;gap:.5rem;list-style:none}.related-links a{color:var(--accent-hover);font-size:.9rem;text-decoration:none;transition:color var(--transition-fast)}.related-links a:hover{color:var(--accent-warm)}.related-links a:before{color:var(--accent);content:"\2192\00a0";opacity:.5}.link-list{display:grid;gap:.75rem;list-style:none}.link-list a{color:var(--accent-hover);display:block;font-size:1rem;text-decoration:none;transition:color var(--transition-fast)}.link-list a:hover{color:var(--accent-warm)}.link-list a:before{color:var(--accent);content:"\2192\00a0";margin-right:.35rem;opacity:.5}.theme-switch{align-items:center;cursor:pointer;display:flex;position:absolute;right:1.5rem;top:1.25rem}.theme-switch-input{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}.theme-switch-track{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:1rem;color:var(--text-secondary);display:flex;height:1.625rem;justify-content:space-between;padding:0 .3rem;position:relative;transition:background-color var(--transition-base),border-color var(--transition-base);width:3rem}.theme-switch-track:hover{border-color:var(--accent)}.theme-switch-input:focus-visible+.theme-switch-track{outline:2px solid var(--color-focus);outline-offset:2px}.theme-switch-thumb{background:var(--accent);border-radius:50%;height:1.25rem;left:2px;position:absolute;top:2px;transition:transform var(--transition-fast);width:1.25rem}.theme-switch-input:checked+.theme-switch-track .theme-switch-thumb{transform:translateX(1.375rem)}.theme-switch-icon{flex-shrink:0;position:relative;z-index:1}.icon-sun{opacity:1}.icon-moon,[data-theme=dark] .icon-sun{opacity:.4}[data-theme=dark] .icon-moon{opacity:1}@media (max-width:640px){.theme-switch{right:1rem;top:1rem}}.view-toggle{display:none;gap:.25rem;justify-content:flex-end;margin-bottom:1.5rem}@media (min-width:920px){.view-toggle{display:flex}}.view-toggle-btn{align-items:center;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:2.25rem;justify-content:center;padding:0;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);width:2.25rem}.view-toggle-btn.active,.view-toggle-btn:hover{border-color:var(--accent);color:var(--text-primary)}.view-toggle-btn.active{background:var(--bg-secondary)}.intro{margin-bottom:3.5rem}.intro h1{font-size:2.5rem;font-weight:500;letter-spacing:-.02em;margin-bottom:.75rem}.intro p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.7;max-width:600px}.intro-row{align-items:flex-end;display:flex}.intro-row p{flex:1;margin:0}.intro-row .view-toggle{flex-shrink:0;margin-bottom:0}@media (max-width:640px){.intro h1{font-size:1.875rem}}.section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin-bottom:3rem;padding:1.75rem;transition:background-color var(--transition-base),border-color var(--transition-base)}.section h3{color:var(--text-secondary);font-family:var(--font-base);font-size:.8125rem;font-weight:600;letter-spacing:.08em;margin-bottom:1rem;text-transform:uppercase}.listing-controls{align-items:flex-end;display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem}.listing-controls .view-toggle{flex-shrink:0;margin-bottom:0}.listing-filters{display:flex;flex:1;flex-direction:column;gap:.5rem;min-width:0}.filter-row{align-items:baseline;display:flex;gap:.625rem}.filter-label{color:var(--text-secondary);flex-shrink:0;font-size:.75rem;font-weight:500;letter-spacing:.03em;min-width:4.5rem;text-transform:uppercase}.maturity-filter,.tag-filter{display:flex;flex-wrap:wrap;gap:.375rem}.maturity-filter-btn,.tag-filter-btn{background:var(--tag-bg);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);cursor:pointer;display:inline-block;font-family:var(--font-base);font-size:.8125rem;letter-spacing:.01em;padding:.25rem .7rem;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.maturity-filter-btn:hover,.tag-filter-btn:hover{background:var(--highlight);border-color:var(--accent-warm-light);color:var(--accent-warm)}.maturity-filter-btn.active,.tag-filter-btn.active{background:var(--highlight);border-color:var(--accent);color:var(--text-primary)}.maturity-filter-btn.maturity-seed.active{background-color:#f5efe6;border-color:#d4c4b0;color:#9a7b4f}.maturity-filter-btn.maturity-sapling.active{background-color:#f0ebe3;border-color:#cfc2b1;color:#8a7355}.maturity-filter-btn.maturity-tree.active{background-color:#ecf0e8;border-color:var(--accent);color:#6b7c5d}.maturity-filter-btn.maturity-fruit.active{background-color:#f5ebe6;border-color:var(--accent-warm);color:#a16b56}[data-theme=dark] .maturity-filter-btn.maturity-seed.active{background-color:#2a2520;border-color:#4a3f32;color:#c9a86e}[data-theme=dark] .maturity-filter-btn.maturity-sapling.active{background-color:#28241f;border-color:#463d30;color:#b89a72}[data-theme=dark] .maturity-filter-btn.maturity-tree.active{background-color:#222820;border-color:#3d4a38;color:#9aad8a}[data-theme=dark] .maturity-filter-btn.maturity-fruit.active{background-color:#2a2220;border-color:#4a3530;color:#d4916e}