:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:112px;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--radius-xl:44px;--radius-pill:999px;--radius-round:50%;--font-sans:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-note:"Kiwi Maru", "Zen Maru Gothic", "Hiragino Mincho ProN", serif;--text-display-size:56px;--text-display-line:1.25;--text-display-weight:700;--text-display-tracking:.02em;--text-h1-size:40px;--text-h1-line:1.35;--text-h1-weight:700;--text-h1-tracking:.02em;--text-h2-size:28px;--text-h2-line:1.45;--text-h2-weight:700;--text-h2-tracking:.02em;--text-h3-size:20px;--text-h3-line:1.5;--text-h3-weight:700;--text-h3-tracking:.02em;--text-lead-size:18px;--text-lead-line:1.9;--text-lead-weight:500;--text-lead-tracking:.03em;--text-body-size:16px;--text-body-line:1.9;--text-body-weight:400;--text-body-tracking:.03em;--text-small-size:14px;--text-small-line:1.7;--text-small-weight:400;--text-small-tracking:.03em;--text-label-size:13px;--text-label-line:1.4;--text-label-weight:700;--text-label-tracking:.08em;--text-note-size:16px;--text-note-line:1.9;--text-note-weight:400;--text-note-tracking:.04em;--text-note-lg-size:22px;--text-note-lg-line:1.6;--text-note-lg-weight:500;--text-note-lg-tracking:.04em}:root,[data-theme=day]{--surface:#f6f1e0;--surface-raised:#fffcf2;--surface-sunken:#e9e3c8;--ink:#1f2b1a;--ink-muted:#4e5a44;--line:#c9c3a0;--line-strong:#7a8566;--brand:#8dc55c;--on-brand:#1f2b1a;--brand-text:#3b6828;--brand-tint:#e1f0c9;--mouth:#f0958b;--on-mouth:#1f2b1a;--mouth-text:#a03a32;--moss:#c2ac3e;--on-moss:#1f2b1a;--moss-text:#6b5f12;--charm:#c23b32;--on-charm:#fff8ea;--pond:#2f5d3a;--on-pond:#f6f1e0;--belly:#d6cfb2;--focus-ring:var(--ink);--haru:#ebc3d2;--on-haru:#1f2b1a;--haru-text:#8d4462;--haru-tint:#f8eaf0;--natsu:#8cc9df;--on-natsu:#1f2b1a;--natsu-text:#26607a;--natsu-tint:#e1f1f7;--aki:#d9a13f;--on-aki:#1f2b1a;--aki-text:#7a500c;--aki-tint:#f6e7c6;--fuyu:#b9bdca;--on-fuyu:#1f2b1a;--fuyu-text:#474d61;--fuyu-tint:#eceef2;--shadow-pad:0 4px 0 0 rgba(31,43,26,.16);--shadow-pressed:0 1px 0 0 rgba(31,43,26,.16)}[data-theme=night]{--surface:#142019;--surface-raised:#1d2d22;--surface-sunken:#0f1913;--ink:#eef3df;--ink-muted:#b3c1a2;--line:#33453a;--line-strong:#7c9583;--brand:#9ed06a;--on-brand:#142019;--brand-text:#a9d87a;--brand-tint:#24382a;--mouth:#f0958b;--on-mouth:#142019;--mouth-text:#f5a79e;--moss:#c9b546;--on-moss:#142019;--moss-text:#d8c55a;--charm:#e0564b;--on-charm:#1a0b09;--pond:#2f5d3a;--on-pond:#f6f1e0;--belly:#3a4b3e;--focus-ring:var(--ink);--haru:#e3b6c7;--on-haru:#142019;--haru-text:#f1c6d6;--haru-tint:#3a2b33;--natsu:#86c3da;--on-natsu:#142019;--natsu-text:#a9dcee;--natsu-tint:#1e3440;--aki:#dcaa4e;--on-aki:#142019;--aki-text:#ecc57e;--aki-tint:#3b2f1a;--fuyu:#b0b5c4;--on-fuyu:#142019;--fuyu-text:#c9cedc;--fuyu-tint:#2a2e38;--shadow-pad:0 4px 0 0 rgba(0,0,0,.45);--shadow-pressed:0 1px 0 0 rgba(0,0,0,.45)}@media(prefers-color-scheme:dark){:root:not([data-theme=day]){--surface:#142019;--surface-raised:#1d2d22;--surface-sunken:#0f1913;--ink:#eef3df;--ink-muted:#b3c1a2;--line:#33453a;--line-strong:#7c9583;--brand:#9ed06a;--on-brand:#142019;--brand-text:#a9d87a;--brand-tint:#24382a;--mouth:#f0958b;--on-mouth:#142019;--mouth-text:#f5a79e;--moss:#c9b546;--on-moss:#142019;--moss-text:#d8c55a;--charm:#e0564b;--on-charm:#1a0b09;--pond:#2f5d3a;--on-pond:#f6f1e0;--belly:#3a4b3e;--focus-ring:var(--ink);--haru:#e3b6c7;--on-haru:#142019;--haru-text:#f1c6d6;--haru-tint:#3a2b33;--natsu:#86c3da;--on-natsu:#142019;--natsu-text:#a9dcee;--natsu-tint:#1e3440;--aki:#dcaa4e;--on-aki:#142019;--aki-text:#ecc57e;--aki-tint:#3b2f1a;--fuyu:#b0b5c4;--on-fuyu:#142019;--fuyu-text:#c9cedc;--fuyu-tint:#2a2e38;--shadow-pad:0 4px 0 0 rgba(0,0,0,.45);--shadow-pressed:0 1px 0 0 rgba(0,0,0,.45)}}.t-display{font-family:var(--font-sans);font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking)}.t-h1{font-family:var(--font-sans);font-size:var(--text-h1-size);line-height:var(--text-h1-line);font-weight:var(--text-h1-weight);letter-spacing:var(--text-h1-tracking)}.t-h2{font-family:var(--font-sans);font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:var(--text-h2-weight);letter-spacing:var(--text-h2-tracking)}.t-h3{font-family:var(--font-sans);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:var(--text-h3-weight);letter-spacing:var(--text-h3-tracking)}.t-lead{font-family:var(--font-sans);font-size:var(--text-lead-size);line-height:var(--text-lead-line);font-weight:var(--text-lead-weight);letter-spacing:var(--text-lead-tracking)}.t-body{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-body-weight);letter-spacing:var(--text-body-tracking)}.t-small{font-family:var(--font-sans);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:var(--text-small-weight);letter-spacing:var(--text-small-tracking)}.t-label{font-family:var(--font-sans);font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight);letter-spacing:var(--text-label-tracking)}.t-note{font-family:var(--font-note);font-size:var(--text-note-size);line-height:var(--text-note-line);font-weight:var(--text-note-weight);letter-spacing:var(--text-note-tracking)}.t-note-lg{font-family:var(--font-note);font-size:var(--text-note-lg-size);line-height:var(--text-note-lg-line);font-weight:var(--text-note-lg-weight);letter-spacing:var(--text-note-lg-tracking)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--pond)}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--pond);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);letter-spacing:var(--text-body-tracking)}img{max-width:100%;display:block}a{color:var(--brand-text)}h1,h2,h3{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.wrap{max-width:1200px;margin:0 auto;padding-inline:var(--space-6)}@media(max-width:760px){.wrap{padding-inline:var(--space-4)}}.gloss{display:block;font-size:var(--text-small-size);line-height:var(--text-small-line);color:var(--ink-muted);font-weight:400;letter-spacing:.03em}.note{font-family:var(--font-note);font-size:var(--text-note-size);line-height:var(--text-note-line);letter-spacing:var(--text-note-tracking);color:var(--brand-text)}.card{background:var(--surface-raised);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-pad)}a.card{color:inherit;text-decoration:none;display:block;transition:transform .32s ease-out,box-shadow .32s ease-out}a.card:hover{transform:translateY(3px);box-shadow:var(--shadow-pressed)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);font:700 var(--text-label-size)/1 var(--font-sans);letter-spacing:.08em;text-decoration:none;box-shadow:var(--shadow-pad);cursor:pointer;transition:transform .32s ease-out,box-shadow .32s ease-out}.btn:hover{transform:translateY(3px);box-shadow:var(--shadow-pressed)}.btn.primary{background:var(--brand);color:var(--on-brand)}.btn svg{width:18px;height:18px}.tag{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);font:700 13px/1 var(--font-sans);letter-spacing:.08em;background:var(--brand-tint);color:var(--brand-text)}.tag svg{width:18px;height:18px}.empty{padding-block:var(--space-9);text-align:center}.empty p{margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}main{flex:1}[hidden]{display:none!important}.cards{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}.cc{box-sizing:border-box;width:300px;max-width:100%;background:var(--surface-raised);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-pad);overflow:hidden;color:var(--ink);font-family:var(--font-sans);line-height:1.6}.cc h3{margin:0;font-size:20px;line-height:1.4;letter-spacing:.02em}.cc .zh{margin:2px 0 0;font-size:12px;color:var(--ink-muted);letter-spacing:.04em}.cc .bd{padding:16px 20px 20px}.cc .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.cc .tg{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px;border-radius:999px;background:var(--brand-tint);color:var(--brand-text);font-size:12px;font-weight:700;letter-spacing:.06em}.cc .tg.soft{background:var(--moss);color:var(--on-moss)}.cc .lab{margin:16px 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-muted)}.cc .hd{display:flex;gap:12px;align-items:center;padding:18px 20px 12px;border-bottom:2px solid var(--ink)}.cc.quote{background:var(--pond);color:var(--on-pond);padding:26px 24px 18px}.cc.quote .q{margin:0;font-family:var(--font-note);font-size:26px;line-height:1.55;letter-spacing:.04em}.cc.quote .qz{margin:10px 0 0;font-size:12px;letter-spacing:.06em}.cc .qf{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:20px;font-size:12px;letter-spacing:.08em}.cc .qf .rfrog .frog{stroke:var(--ink);stroke-width:2.2}.cc .food{list-style:none;margin:0;padding:4px 20px}.cc .food li{display:flex;gap:14px;padding:12px 0;border-bottom:1.5px dashed var(--line)}.cc .food li:last-child{border-bottom:0}.cc .food time{font-size:13px;font-weight:700;color:var(--brand-text);min-width:40px;padding-top:2px}.cc .food b{display:block;font-size:15px}.cc .food span{font-size:12px;color:var(--ink-muted)}.cc .ft{display:flex;gap:6px;padding:0 20px 18px}.cc.pola{padding:14px 14px 16px;transform:rotate(-1.5deg)}.cc.pola .ph{display:grid;place-items:center;aspect-ratio:4/3;background:var(--belly);border:2px solid var(--ink);border-radius:14px;overflow:hidden}.cc.pola .ph img{width:100%;height:100%;object-fit:cover}.cc.pola .ph span{font-family:var(--font-note);color:var(--ink-muted)}.cc.pola .cap{margin:12px 4px 0;font-family:var(--font-note);font-size:20px}.cc.pola .zh{margin-left:4px}.cc .meta{display:flex;justify-content:space-between;gap:8px;margin:8px 4px 0;font-size:12px;color:var(--ink-muted)}.cc .brew{margin:0;font-size:13px;font-weight:700;color:var(--ink-muted)}.cc .tseg{display:inline-flex;border:2px solid var(--ink);border-radius:999px;overflow:hidden}.cc .tseg span{padding:4px 12px;font-size:12px;font-weight:700}.cc .tseg span+span{border-left:2px solid var(--ink)}.cc .tseg .on{background:var(--brand);color:var(--on-brand)}.cc .pair{margin:0;font-size:15px;font-weight:700}.cc .pair span{display:block;font-size:11px;font-weight:400;color:var(--ink-muted)}.cc .where{margin:16px 0 0;font-size:12px;color:var(--ink-muted)}.fbg{position:relative;display:inline-block;flex:none}.fbg>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.fbgf{fill:var(--brand-tint)}.fbgo{fill:none;stroke:var(--brand);stroke-width:4;stroke-linejoin:round}.fbe{fill:none;stroke:var(--brand);stroke-width:2.2;stroke-linecap:round}.fbi{position:absolute;inset:40% 0 5%;display:flex;align-items:center;justify-content:center;color:var(--brand-text)}.fbi svg{stroke-width:1.8}.cc .pic{line-height:0;border-bottom:2px solid var(--ink);background:var(--surface-raised)}.cc .pic img{width:100%;height:auto;display:block}.cc .info{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink-muted)}.cc .info li{display:flex;align-items:center;gap:4px}.cc .note{margin:12px 0 0;font-family:var(--font-note);font-size:16px;line-height:1.7;color:var(--brand-text)}.cc .mrow{display:flex;gap:12px;align-items:center}.cc .body{margin:12px 0 0;font-size:14px;line-height:1.8}.cc .asof{margin:10px 0 0;font-size:11px;color:var(--ink-muted)}.cc .meta span{display:inline-flex;gap:4px;align-items:center}.fs-night{display:none!important}:root[data-theme=night] .fs-day{display:none!important}:root[data-theme=night] .fs-night{display:block!important}@media(prefers-color-scheme:dark){:root:not([data-theme=day]) .fs-day{display:none!important}:root:not([data-theme=day]) .fs-night{display:block!important}}:root{--cover-h:56px;--stick-top:calc(var(--cover-h) + env(safe-area-inset-top,0px));--rail-l:40px;--rail-r:70px;--paper-r:32px;--bind-w:64px;--ring-pitch:40px;--ring-top:26px;--tab-top:36px;--tab-w:52px;--tab-w-on:64px;--tab-r:16px;--tab-fs:16px;--tab-gloss:11px;--foot-h:84px}@media(max-width:760px){:root{--cover-h:52px;--rail-l:14px;--rail-r:46px;--paper-r:22px;--bind-w:34px;--ring-pitch:34px;--ring-top:18px;--tab-top:22px;--tab-w:36px;--tab-w-on:44px;--tab-r:14px;--tab-fs:14px;--tab-gloss:10px}}html,body{background:var(--pond)}.nb-cover{position:sticky;top:0;z-index:40;background:var(--pond);color:var(--on-pond);padding:env(safe-area-inset-top,0px) calc(var(--rail-r) + 2px) 0 calc(var(--rail-l) + 2px)}.nb-cover-in{min-height:var(--cover-h);display:flex;align-items:center;gap:var(--space-4)}.nb-cover .lockup{display:inline-flex;align-items:center;gap:12px;min-height:48px;color:var(--on-pond);text-decoration:none}.nb-cover .lockup b{font-size:20px;line-height:1;font-weight:700;letter-spacing:.02em}.nb-cover .nb-theme{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);font:700 var(--text-label-size)/1 var(--font-sans);letter-spacing:.08em;cursor:pointer;transition:background .32s ease-out}.nb-cover .nb-theme:hover{background:var(--brand-tint)}.nb-cover .nb-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nb-cover :focus-visible,.nb-tabs :focus-visible{outline:2px solid var(--on-pond);outline-offset:2px}.nb-book{flex:1 0 auto;display:grid;grid-template-columns:var(--rail-l) minmax(0,1fr) var(--rail-r);align-items:start;margin-bottom:var(--space-5);overflow-y:clip}.nb-binding{grid-column:1;grid-row:1}.nb-paper{grid-column:2;grid-row:1}.nb-tabs{grid-column:3;grid-row:1}.nb-binding{position:sticky;top:var(--stick-top);z-index:25;width:var(--bind-w);height:calc(100lvh - var(--stick-top));margin-bottom:calc(100svh - 100lvh);padding-top:var(--ring-top);overflow:hidden;pointer-events:none;padding-top:calc(var(--ring-top) + mod(100svh - var(--stick-top) - var(--ring-top),var(--ring-pitch)))}.nb-binding i{display:block;position:relative;height:var(--ring-pitch)}.nb-binding i:before,.nb-binding i:after{content:"";position:absolute;border:2px solid var(--ink)}.nb-binding i:before{left:48px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--pond)}.nb-binding i:after{left:14px;top:15px;width:43px;height:10px;border-radius:var(--radius-pill);background:var(--belly)}.nb-book:after{content:"";grid-column:1;grid-row:1;align-self:end;justify-self:start;z-index:26;pointer-events:none;width:var(--bind-w);height:calc(var(--ring-pitch) - 2px);margin-bottom:2px;border-left:var(--rail-l) solid var(--pond);background:var(--surface);box-shadow:inset 2px 0 0 var(--ink)}.nb-paper{align-self:start;min-width:0;min-height:calc(100svh - var(--stick-top));display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-top:0;border-radius:0 0 var(--paper-r) 0}.nb-paper>main{flex:1 0 auto;position:relative;z-index:0;padding-bottom:var(--space-7)}@media(max-width:760px){.nb-paper>main{padding-bottom:var(--space-6)}}.nb-paper-top{position:sticky;top:var(--stick-top);z-index:20;height:0;pointer-events:none}.nb-paper-top:before{content:"";position:absolute;left:-2px;right:-2px;top:0;height:calc(var(--paper-r) + 2px);border:2px solid var(--ink);border-bottom:0;border-radius:0 var(--paper-r) 0 0;box-shadow:0 0 0 var(--paper-r) var(--pond);clip-path:inset(0)}.nb-tabs{position:sticky;top:var(--stick-top);z-index:22;width:calc(var(--rail-r) + 2px);margin-left:-2px;padding-top:var(--tab-top);display:flex;flex-direction:column;--tab-h:clamp(88px, calc((100svh - var(--stick-top) - var(--tab-top) - var(--foot-h) - 16px) / var(--n, 3) + 2px), 124px)}.nb-tab{display:flex;color:var(--ink);text-decoration:none}.nb-tab+.nb-tab{margin-top:-2px}.nb-tab-face{position:relative;width:var(--tab-w);height:var(--tab-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;writing-mode:vertical-rl;border:2px solid var(--ink);border-radius:0 var(--tab-r) var(--tab-r) 0;background:var(--surface-sunken);transition:width .32s ease-out,background .32s ease-out,padding .32s ease-out}.nb-tab-ja{font-size:clamp(14px,calc(var(--tab-h) * .15),var(--tab-fs));font-weight:700;line-height:1;letter-spacing:clamp(0px,calc((var(--tab-h) - 88px) * .062),.14em);white-space:nowrap}.nb-tab-zh{font-family:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Noto Sans CJK SC",var(--font-sans);font-size:var(--tab-gloss);line-height:1;letter-spacing:.14em;color:var(--ink-muted);white-space:nowrap}.nb-tab:hover .nb-tab-face{background:var(--brand-tint)}.nb-tab[aria-current] .nb-tab-face{width:var(--tab-w-on);padding-right:12px;border-left-color:transparent;background:var(--surface)}.nb-tab[aria-current] .nb-tab-face:after{content:"";position:absolute;right:6px;top:50%;width:7px;height:28px;margin-top:-14px;border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--brand)}.site-footer{background:var(--pond);color:var(--on-pond);padding:0 calc(var(--rail-r) + 2px) var(--space-4) calc(var(--rail-l) + 2px)}.site-footer .foot{min-height:44px;display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.site-footer .lockup{display:inline-flex;align-items:center;gap:12px;color:var(--on-pond);text-decoration:none;font-weight:700}.site-footer .note{margin:0;color:var(--on-pond)}@media(max-width:760px){.nb-cover{padding-left:0;padding-right:0}.nb-cover-in{padding-inline:14px;gap:10px}.nb-cover .lockup{gap:10px;min-height:44px}.nb-cover .lockup b{font-size:17px}.nb-cover .lockup svg{width:44px;height:26px}.nb-cover .nb-theme{width:44px;padding:0;justify-content:center;border-radius:50%}.nb-cover .nb-theme span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.nb-binding i:before{left:19px;top:12px;width:10px;height:10px}.nb-binding i:after{left:4px;top:13px;width:22px;height:8px}.nb-paper .wrap{padding-inline:28px 14px}.nb-tab-face{flex-direction:row;gap:4px}.nb-tab-ja{font-size:var(--tab-fs)}.nb-tab-zh{font-size:clamp(0px,calc((var(--tab-h) - 115px) * 99),var(--tab-gloss))}.nb-tab[aria-current] .nb-tab-face{padding-right:8px}.nb-tab[aria-current] .nb-tab-face:after{right:5px;height:26px;margin-top:-13px}.site-footer{padding-left:0;padding-right:0}.site-footer .foot{padding-inline:14px}}@media(max-width:340px){.site-footer .foot{gap:var(--space-3)}.site-footer .lockup{gap:8px}}@media(max-height:560px){:root{--stick-top:0px}.nb-cover{position:static}.nb-tabs{position:static;padding-bottom:var(--space-4);--tab-h:104px}}@media(prefers-reduced-motion:reduce){.nb-tab-face,.nb-cover .nb-theme{transition:none}}