@charset "UTF-8";*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#ffe0c8b3,#e8eaff99 55%,#fffbf5);color:#202230;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;touch-action:manipulation}#app,main.page{min-height:100vh}main.page{max-width:1000px;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}button{border:none;border-radius:999px;font-size:.95rem;font-weight:600;padding:.65rem 1.3rem;cursor:pointer;transition:transform .2s ease;font-family:inherit;background:#fff;color:#6b6e93;border:1px solid rgba(245,168,93,.2)}button:focus-visible{outline:3px solid rgba(245,168,93,.4);outline-offset:2px}button:hover:not(:disabled){transform:translateY(-1px)}button.primary{background:linear-gradient(120deg,#f5a85d,#f08c3a);color:#fff;border:none}button.primary.send[data-role=human]{background:linear-gradient(120deg,#7b7dce,#5a5dab);color:#fff;border:none}button.primary.send[data-role=hachimi]{background:linear-gradient(120deg,#f5a85d,#f08c3a);color:#fff;border:none}button.ghost{background:#ffffffd9;border-color:#f5a85d40}button.chip{font-size:.8rem;padding:.4rem .9rem;background:#fffc;color:#6b6e93}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.hero,.panel,.history{background:#ffffffeb;border-radius:28px;box-shadow:0 20px 60px #f08c3a1f;border:1.5px solid rgba(245,200,160,.7)}.hero{display:flex;flex-direction:column;gap:.8rem;padding:2rem}@media(max-width:720px){.hero{padding:1.25rem}}.hero h1{margin:.35rem 0 .45rem;font-size:clamp(2rem,5vw,2.75rem);line-height:1.2}.hero h1 span{color:#f08c3a}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:#f08c3a;margin:0}.lead{margin:0;color:#6b6e93}.panel{padding:2rem;display:flex;flex-direction:column;gap:1rem;position:relative}@media(max-width:720px){.panel{padding:1.25rem}}.panel .hachimi-spider-gif{height:3rem;object-fit:contain;margin-left:-.8rem;margin-right:-1rem;overflow:hidden}.role-switch{display:flex;align-items:center;justify-content:space-between}.toggle{display:inline-flex;padding:.3rem;background:#fff0e066;border-radius:999px;gap:.3rem;transition:background-color .3s ease;box-shadow:0 12px 32px #2022300d;white-space:nowrap}.toggle.role-human{background:#d8daff59}.toggle.role-human button.selected{color:#7b7dce}.toggle.role-hachimi{background:#fff0e066}.toggle.role-hachimi button.selected{color:#f5a85d}.toggle button{background:transparent;color:#6b6e93;border:none}.toggle button.selected{background:#fff;box-shadow:0 20px 60px #20223014}.composer{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.input-shell{border-radius:22px;padding:1rem;background:#ffffffe6;border:2px solid rgba(0,0,0,.03);display:flex;flex-direction:column;gap:.6rem;box-shadow:0 12px 32px #2022300f}.input-shell[data-role=human]{border-color:#5a5dab40;background:#d8daff59}.input-shell[data-role=hachimi]{border-color:#f5a85d4d;background:#fff0e066}textarea{width:100%;border-radius:18px;border:2px solid rgba(0,0,0,.04);padding:.9rem 1rem;font-family:inherit;font-size:1rem;resize:vertical;background:#fff;color:inherit;box-shadow:inset 0 8px 18px #2022300f}.input-shell[data-role=human] textarea{border-color:#5a5dab59}.input-shell[data-role=hachimi] textarea{border-color:#f5a85d66}textarea:focus{outline:none;border-color:#f08c3a;box-shadow:inset 0 8px 18px #f5a85d1a}.shell-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#6b6e93}.shell-head small{font-size:.8rem;color:#202230a6}.shell-body{display:flex;flex-direction:column;flex:1;gap:.8rem;overflow:hidden}.shell-body textarea{width:100%;min-height:200px;flex-grow:1}.shell-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.shell-actions button.chip,.shell-actions .copy-button{font-size:.95rem;padding:.65rem 1.3rem}.shell-actions .copy-button[data-role=human]{background:linear-gradient(120deg,#7b7dce,#5a5dab);color:#fff;border:none}.shell-actions .copy-button[data-role=hachimi]{background:linear-gradient(120deg,#f5a85d,#f08c3a);color:#fff;border:none}.preview textarea[readonly]{background:#fffffff2;color:#202230}.preview textarea.error{border-color:#b71c1c73;color:#b71c1c}.history{padding:2rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:720px){.history{padding:1.25rem}}.history-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#6b6e93}.history-head h2{margin:0}.history ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem;max-height:100vh;overflow-y:auto}.turn{display:flex;flex-direction:column;gap:.6rem}.bubble{border-radius:20px;padding:1rem 1.25rem;border:1px solid transparent}@media(max-width:720px){.bubble{padding:.75rem 1rem}}.bubble header{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;font-size:.85rem;color:#6b6e93;margin-bottom:.4rem}.bubble p{margin:0;line-height:1.7}.bubble.human{background:#e8eaff;border-color:#5a5dab66}.bubble.hachimi{background:#ffe8d1;border-color:#f5a85d80}.bubble.reply.error{border-color:#b71c1c59;background:#ffe9ea}.header-tools{display:inline-flex;gap:.4rem;align-items:center;justify-content:flex-end}.header-tools time{font-size:.8rem;color:#2022308c}.bubble-body{display:flex;flex-direction:column;gap:.6rem}.bubble-body-actions{display:flex;justify-content:flex-end}.empty{margin:0;color:#20223066;text-align:center;padding:2rem 0}.hachimi-bike-gif{height:2rem;object-fit:contain;vertical-align:middle}.footer{text-align:center;color:#6b6e93;font-size:.9rem;border-top:1px dashed rgba(245,168,93,.4);padding-top:1.4rem}@media(max-width:720px){main.page{padding:1.5rem 1rem 2rem;gap:1.2rem}.live-head{flex-direction:column;align-items:flex-start}.input-tools,.live-tools{justify-content:flex-start}.composer{grid-template-columns:1fr}.shell-head{flex-direction:column;align-items:flex-start;gap:.4rem}.shell-actions{gap:.5rem;row-gap:.5rem}.shell-actions button.chip{flex:0 1 auto;white-space:nowrap}.shell-actions .primary.send,.shell-actions .copy-button{flex:1 1 100%;width:100%}.turn,.bubble-body{gap:.4rem}.bubble-body-actions{margin-top:.4rem}.input-shell{gap:.4rem}.shell-body textarea{min-height:140px}button.chip,.shell-actions button.chip{font-size:.75rem;padding:.35rem .8rem}}.paw-print.svelte-1ofhap9{position:fixed;pointer-events:none;width:36px;height:36px;transform:translate(-50%,-50%) rotate(var(--rotation));animation:svelte-1ofhap9-pawFade 3s ease-out forwards;z-index:9999}.paw-print.svelte-1ofhap9 img:where(.svelte-1ofhap9){width:100%;height:100%}@keyframes svelte-1ofhap9-pawFade{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(.5)}10%{opacity:.5;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1)}40%{opacity:.5;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(.8)}}