:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf8f4;--bg-card:#faf8f4;--fg:#1c1a16;--fg-muted:#6b655c;--fg-faint:#8c857a;--rule:#ddd6c7;--link:#7a5c2e;--overlay:#1c1a16c7;--overlay-fg:#f7f3ea;--nav-bg:#1c1a160f;--chip-bg:#1c1a160f;--chip-fg:#6b655c;--bar-bg:#faf8f4db;--bar-border:#1c1a161a;--bar-shadow:#1c1a1624;--like:#d4483b;--save:#7a5c2e;--font-mincho:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "Yu Mincho Medium", "Noto Serif JP", "Source Han Serif JP", "MS PMincho", serif;--font-ui:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Noto Sans JP", system-ui, sans-serif;--body-size:1.0625rem;--body-leading:1.9;--gutter:1.375rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#131210;--bg-card:#131210;--fg:#e8e2d6;--fg-muted:#9c9486;--fg-faint:#7d766a;--rule:#34302a;--link:#cbab74;--overlay:#080807d6;--overlay-fg:#f2ece0;--nav-bg:#e8e2d614;--chip-bg:#e8e2d61a;--chip-fg:#a49b8c;--bar-bg:#1e1c19db;--bar-border:#e8e2d61f;--bar-shadow:#00000073;--like:#e8695c;--save:#cbab74}}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--fg);margin:0;overflow:hidden}body{font-family:var(--font-mincho);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}#root{height:100dvh}*,:before,:after{box-sizing:border-box}a{color:var(--link);text-underline-offset:.2em}.feed{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:100dvh;display:flex;overflow:auto hidden}.feed::-webkit-scrollbar{display:none}.card{scroll-snap-align:center;scroll-snap-stop:always;background:var(--bg-card);flex:0 0 100%;justify-content:center;height:100%;display:flex;position:relative;overflow:hidden}.card__scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;outline-offset:-3px;touch-action:manipulation;width:min(100%,40em);height:100%;overflow-y:auto}.card__scroll:focus{outline:none}.card__scroll:focus-visible{outline:2px solid var(--link)}.card__content{padding:calc(env(safe-area-inset-top,0px) + 2.5rem) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 7rem)}.card__header{margin-bottom:2rem}.card__title{margin:0 0 .5rem;font-size:1.375rem;font-weight:600;line-height:1.5}.card__meta{font-family:var(--font-ui);color:var(--fg-muted);margin:0;font-size:.8125rem;line-height:1.6}.card__dot{margin:0 .1em}.card__tags{flex-wrap:wrap;gap:.375rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.card__tag{background:var(--chip-bg);color:var(--chip-fg);font-family:var(--font-ui);letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:.3rem .6rem;font-size:.6875rem;line-height:1}.card__body{font-size:var(--body-size);line-height:var(--body-leading);letter-spacing:.02em}.line{white-space:pre-wrap;overflow-wrap:break-word;margin:0}.line--blank{height:calc(var(--body-size) * var(--body-leading))}ruby{ruby-position:over}ruby>rt{color:inherit;letter-spacing:0;font-size:.5em;line-height:1.2}.card__footer{border-top:1px solid var(--rule);font-family:var(--font-ui);color:var(--fg-muted);margin-top:3rem;padding-top:1.25rem;font-size:.8125rem;line-height:1.7}.card__source{margin:0}.card__note{color:var(--fg-faint);margin-top:.25rem;font-size:.75rem;display:block}.card__next-hint{color:var(--fg-faint);letter-spacing:.04em;margin:1.5rem 0 0}.action-bar{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);z-index:3;border:1px solid var(--bar-border);background:var(--bar-bg);box-shadow:0 2px 14px var(--bar-shadow);-webkit-backdrop-filter:blur(10px);border-radius:999px;gap:.25rem;padding:.3rem;transition:opacity .22s,transform .22s,visibility .22s;display:flex;position:absolute;transform:translate(-50%)}.action-bar--hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%)translateY(1.5rem)}.action-bar__button{width:2.875rem;height:2.875rem;color:var(--fg-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;transition:color .18s,transform .18s;display:grid}.action-bar__button svg{width:1.5rem;height:1.5rem}.action-bar__button:hover{color:var(--fg)}.action-bar__button:active{transform:scale(.9)}.action-bar__button--like.is-on{color:var(--like)}.action-bar__button--save.is-on,.action-bar__button--share.is-on{color:var(--save)}.action-bar__button.is-on{animation:.28s ease-out action-pop}@keyframes action-pop{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}.heart-burst{z-index:4;color:var(--like);pointer-events:none;animation:.72s ease-out forwards heart-burst;position:absolute}.heart-burst svg{width:5.5rem;height:5.5rem;filter:drop-shadow(0 2px 10px var(--bar-shadow));display:block}@keyframes heart-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-8deg)}22%{opacity:.95;transform:translate(-50%,-50%)scale(1.15)rotate(-8deg)}45%{opacity:.95;transform:translate(-50%,-58%)scale(1)rotate(-6deg)}to{opacity:0;transform:translate(-50%,-130%)scale(.9)rotate(-4deg)}}.nav{background:var(--nav-bg);width:2.75rem;height:4.5rem;color:var(--fg-muted);font-family:var(--font-ui);cursor:pointer;border:none;border-radius:.5rem;place-items:center;padding:0;font-size:1.75rem;line-height:1;display:none;position:fixed;top:50%;transform:translateY(-50%)}.nav:hover:not(:disabled){color:var(--fg)}.nav:disabled{opacity:.25;cursor:default}.nav--prev{left:.75rem}.nav--next{right:.75rem}@media (width>=48em){.nav{display:grid}}.hint{padding:var(--gutter);background:var(--overlay);color:var(--overlay-fg);font-family:var(--font-ui);text-align:center;z-index:10;place-items:center;display:grid;position:fixed;inset:0}.hint__panel{max-width:22em}.hint__line{letter-spacing:.04em;margin:0 0 .75rem;font-size:1rem;line-height:1.7}.hint__line--main{margin-bottom:1rem;font-size:1.25rem}.hint__button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;margin-top:1.5rem;padding:.6rem 1.6rem;font-size:.9375rem}.splash{height:100dvh;color:var(--fg-muted);font-family:var(--font-ui);place-items:center;font-size:.9375rem;display:grid}.fallback-banner{top:calc(env(safe-area-inset-top,0px) + .4rem);background:var(--nav-bg);color:var(--fg-faint);font-family:var(--font-ui);pointer-events:none;z-index:5;border-radius:999px;margin:0;padding:.25rem .75rem;font-size:.6875rem;position:fixed;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.feed{scroll-behavior:auto}.action-bar{transition:opacity .01ms}.action-bar__button.is-on{animation:none}.heart-burst{animation-duration:.3s}}