@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&display=swap";:root{--ink:#12201a;--ink2:#2f4139;--muted:#5b6a5e;--paper:#eef1e8;--paper2:#e2e7d7;--card:#fff;--line:#c3cab6;--line-strong:#94a086;--forest:#0f7a4d;--forest-dark:#0a5c3a;--forest-tint:#0f7a4d1f;--turmeric:#d99400;--turmeric-tint:#d9940024;--madder:#c62f22;--madder-tint:#c62f221f;--stone:#78846f;--violet:#7b4fb3;--violet-tint:#7b4fb31f;--control:#fff;--control-hover:#f7f8f3;--control-border:var(--line-strong);--shadow:0 1px 2px #12201a14,0 8px 22px -12px #12201a4d;--shadow-sm:0 2px 6px #12201a1f;--shadow-hover:0 6px 18px -4px #12201a3d;--r-xs:5px;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-pill:999px;--eqh:64px;--font-head:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",Meiryo,system-ui,sans-serif;--font-body:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif}@media (width>=700px){:root{--eqh:78px}}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);font-family:var(--font-body);line-break:strict;word-break:auto-phrase;overflow-wrap:break-word;text-wrap:pretty;background:#fff;margin:0}h1,h2,h3,h4,h5,h6,button,.btn,.wpf-mincho,.qrx-mincho{text-wrap:balance}@supports not (word-break:auto-phrase){h1,h2,h3,h4,h5,h6{word-break:keep-all;overflow-wrap:anywhere}}.wpf-mincho,.qrx-mincho,h1,h2,h3,h4,h5,h6{font-family:var(--font-head);letter-spacing:.01em;font-weight:800}.wpf-body,.qrx-body{font-family:var(--font-body)}.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-strong);border-radius:8px}ruby.wpf-ruby{ruby-align:center}ruby.wpf-ruby rt{color:var(--madder);letter-spacing:.02em;font-size:.52em;font-weight:700;font-family:var(--font-body);transform:translateY(1px)}.wpf-sel{font-family:var(--font-body);color:var(--ink);background:var(--control);border:1.5px solid var(--control-border);border-radius:var(--r-sm);cursor:pointer;appearance:none;box-shadow:var(--shadow-sm);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='%235b6a5e' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 30px 8px 12px;font-size:14px;font-weight:700;transition:border-color .15s,box-shadow .15s}.wpf-sel:hover{border-color:var(--forest)}@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:#d9940059}to{background:0 0}}@keyframes wpf-flash{0%{box-shadow:0 0 0 3px #d994008c}to{box-shadow:var(--shadow)}}.wpf-card{animation:.28s both wpf-in}.wpf-reveal{animation:.6s wpf-rev}.wpf-flash{animation:1.6s wpf-flash}@media (prefers-reduced-motion:reduce){.wpf-card,.wpf-reveal,.wpf-flash,*{animation:none!important}}.qrx-chem{letter-spacing:.01em;font-family:Georgia,Times New Roman,serif}.qrx-chem sub{vertical-align:-.25em;font-size:.7em}.qrx-chem sup{vertical-align:.45em;font-size:.7em}.qrx-scroll::-webkit-scrollbar{width:7px;height:7px}.qrx-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}.qrx-mol{place-items:center;display:grid}.qrx-mol svg{display:block}input.qrx-in{font-family:var(--font-body);color:var(--ink);background:var(--control);border:1.5px solid var(--control-border);border-radius:var(--r-sm);outline:none;width:100%;padding:10px 36px 10px 38px;font-size:16px;transition:border-color .15s,box-shadow .15s}input.qrx-in:focus{border-color:var(--forest);box-shadow:0 0 0 3px var(--forest-tint)}input.qrx-in::placeholder{color:var(--stone);font-size:13.5px}@keyframes qrx-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes qrx-pop{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes qrx-rev{0%{background:#d9940059}to{background:0 0}}@keyframes qrx-flash{0%{box-shadow:0 0 0 3px #d994008c}to{box-shadow:var(--shadow)}}.qrx-card{animation:.28s both qrx-in}.qrx-reveal{animation:.6s qrx-rev}.qrx-flash{animation:1.6s qrx-flash}@media (prefers-reduced-motion:reduce){.qrx-card,.qrx-reveal,.qrx-flash,*{animation:none!important}}a{color:inherit;text-decoration:none}button{font-family:inherit}button,a,[role=button],input,select,textarea{transition:box-shadow .15s,border-color .15s,background-color .15s,transform 80ms,filter .15s}button:not(:disabled),a,[role=button]{cursor:pointer}button:not(:disabled):hover,a:hover,[role=button]:hover{filter:brightness(.97)}button:not(:disabled):active,a:active,[role=button]:active{filter:brightness(.92);transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55;filter:none}:focus-visible{outline:2.5px solid var(--forest);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){button,a,[role=button],input,select,textarea{transition:none}}.btn{font-family:var(--font-body);background:var(--control);color:var(--ink2);border:1.5px solid var(--control-border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--forest);box-shadow:var(--shadow-hover)}.btn-primary{background:var(--forest);border-color:var(--forest-dark);color:#fff}.btn-primary:hover{background:var(--forest-dark);border-color:var(--forest-dark)}.btn-danger{background:var(--madder);color:#fff;border-color:#9c241a}.qz-card{background:var(--paper2);border:1px solid var(--line);border-radius:var(--r-md)}.qz-card-link{background:var(--control);border:1.5px solid var(--control-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.qz-card-link:hover{border-color:var(--forest);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.qz-card-link:active{transform:translateY(0)}.qz-nav-row{border-radius:var(--r-sm)}.qz-nav-row:hover{background:var(--paper2)}.nb{display:inline-block}
