:root{--paper:#fffdfb;--band:#fcf5f2;--ink:#3f3330;--ink-soft:#857570;--bar:#e6bfb3;--rule:#eee3dc;--link:#9a6b5e;--mark:#e4e9ee;--cta:#4b3b37;--q-bg:#f7ebe6;--error-ink:#9b3b33;--error-bg:#fbefec;--font:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", Meiryo, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0;padding:0}body{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;line-height:1.9}a{color:var(--link)}:focus-visible{outline:2px solid var(--link);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{flex-direction:column;max-width:680px;min-height:100dvh;margin:0 auto;display:flex}.bar{z-index:2;background:var(--paper);border-bottom:1px solid var(--rule);align-items:baseline;gap:10px;padding:14px 16px 12px;display:flex;position:sticky;top:0}.brand{letter-spacing:.04em;color:var(--ink);font-size:19px;font-weight:600;text-decoration:none}.product{color:var(--ink-soft);font-size:14px}.spacer{flex:1}.textlink{font:inherit;color:var(--link);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:4px 0;font-size:13px;text-decoration:underline}.thread{flex:1;padding:28px 16px 12px}.host{align-items:center;gap:16px;margin:0 0 20px;display:flex}.host-face{object-fit:cover;background:var(--band);width:96px;height:96px;box-shadow:0 0 0 1px var(--rule);border-radius:50%;flex:none;display:block}.host-text{flex-direction:column;gap:2px;margin:0;line-height:1.5;display:flex}.host-name{letter-spacing:.02em;font-size:15px;font-weight:600}.host-sub{color:var(--ink-soft);font-size:13px}.welcome h1{letter-spacing:.02em;margin:0 0 12px;font-size:22px;font-weight:600;line-height:1.55}.phrase{display:inline-block}.lede{margin:0 0 18px}.lede,.notes,.fine,.error{word-break:auto-phrase}.notes{background:var(--band);border-radius:6px;margin:0 0 26px;padding:14px 16px;font-size:14px;line-height:1.8;list-style:none}.notes li{padding-left:1.1em;position:relative}.notes li+li{margin-top:6px}.notes li:before{content:"";background:var(--bar);border-radius:50%;width:6px;height:6px;position:absolute;top:.75em;left:0}.suggest{flex-wrap:wrap;gap:8px;display:flex}.suggest button{font:inherit;text-align:left;color:var(--ink);border:1px solid var(--rule);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;line-height:1.5}.suggest button:hover{border-color:var(--bar)}.suggest button:disabled{opacity:.5;cursor:default}.q{justify-content:flex-end;margin:22px 0 14px;display:flex}.q p{background:var(--q-bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px 14px 4px;max-width:85%;margin:0;padding:10px 14px;line-height:1.7}.a{overflow-wrap:anywhere;margin:6px 0 26px}.a-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.face{object-fit:cover;background:var(--band);width:40px;height:40px;box-shadow:0 0 0 1px var(--rule);border-radius:50%;flex:none;display:block}.who{color:var(--ink-soft);letter-spacing:.03em;font-size:12.5px;line-height:1.4}.a-body{border-left:2px solid var(--bar);margin-left:19px;padding:2px 0 2px 19px}.a p{margin:0 0 .9em}.a p:last-child,.a ul:last-child{margin-bottom:0}.a ul{margin:0 0 .9em;padding-left:1.3em}.a li{margin-bottom:.3em}.a a{text-underline-offset:.15em;overflow-wrap:anywhere}.a strong{background:linear-gradient(transparent 72%, var(--mark) 72%, var(--mark) 96%, transparent 96%);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:700}.dots{align-items:center;gap:5px;height:1.9em;display:flex}.dots i{background:var(--bar);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite blink}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.dots i{opacity:.6;animation:none}}.error{color:var(--error-ink);background:var(--error-bg);border-radius:6px;margin:8px 0 18px;padding:10px 14px;font-size:14px;line-height:1.7}.composer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--band);border-top:1px solid var(--bar);grid-template-columns:1fr auto;align-items:end;gap:6px 10px;display:grid;position:sticky;bottom:0;box-shadow:0 -8px 20px #3f33300f}.composer-label{color:var(--ink);grid-column:1/-1;font-size:13px;font-weight:600;line-height:1.4}.composer textarea{font:inherit;color:var(--ink);border:1.5px solid var(--bar);resize:none;background:#fff;border-radius:10px;min-height:50px;max-height:32vh;padding:10px 12px;font-size:16px;line-height:1.6;overflow-y:hidden;box-shadow:0 2px 6px #3f33300d}.composer textarea::placeholder{color:#b3a6a1}.composer textarea:focus{outline:2px solid var(--link);outline-offset:0;border-color:#0000}.composer button[type=submit]{font:inherit;color:#fff;background:var(--cta);cursor:pointer;border:0;border-radius:10px;height:50px;padding:0 18px;font-size:15px;font-weight:600}.composer button[type=submit]:disabled{opacity:.5;cursor:default}.hint{color:var(--ink-soft);word-break:auto-phrase;margin:14px 0 0;font-size:13px;line-height:1.7}.meta{color:var(--ink-soft);grid-column:1/-1;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;display:flex}.meta:empty{display:none}.meta .over{color:var(--error-ink)}.fine{color:var(--ink-soft);grid-column:1/-1;margin:0;font-size:11.5px;line-height:1.6}@media (min-width:720px){.thread{padding-top:40px}.welcome h1{font-size:24px}.host-face{width:112px;height:112px}}
