@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--ink:#20302a;--ink2:#3c4a43;--muted:#6d7a70;--paper:#e9ede1;--paper2:#dfe4d4;--card:#f6f8f0;--line:#cdd5bf;--forest:#4d7a49;--turmeric:#bd8a1f;--madder:#a9382c;--stone:#8a9585;--shadow:0 1px 2px #20302a0f,0 6px 20px -12px #20302a47}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);margin:0}.wpf-mincho{font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,YuMincho,serif}.wpf-body{font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif}.wpf-lat{font-family:Georgia,Times New Roman,serif;font-style:italic}.wpf-scroll::-webkit-scrollbar{width:8px;height:8px}.wpf-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}ruby.wpf-ruby{ruby-align:center}ruby.wpf-ruby rt{color:var(--madder);letter-spacing:.02em;font-family:Zen Kaku Gothic New,sans-serif;font-size:.52em;font-weight:600;transform:translateY(1px)}.wpf-sel{color:var(--ink);background:var(--card);border:1.5px solid var(--line);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236d7a70' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 10px center;background-repeat:no-repeat;border-radius:9px;outline:none;padding:8px 30px 8px 12px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;font-weight:600}@keyframes wpf-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes wpf-pop{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes wpf-rev{0%{background:#bd8a1f59}to{background:0 0}}.wpf-card{animation:.28s both wpf-in}.wpf-reveal{animation:.6s wpf-rev}@media (prefers-reduced-motion:reduce){.wpf-card,.wpf-reveal,*{animation:none!important}}a{color:inherit;text-decoration:none}