@import "https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--ink:#103632;--ink-soft:#31534f;--paper:#eef9f7;--panel-border:#1036322e;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"M PLUS 1p",Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 8%, #f2b95c57, transparent 36%), radial-gradient(circle at 88% 92%, #24a89a33, transparent 40%), linear-gradient(180deg, #f7fffd, var(--paper));min-height:100vh;margin:0}#root{min-height:100vh;padding:.35rem}h1{font-family:Space Grotesk,"M PLUS 1p",sans-serif}a,button,input{-webkit-tap-highlight-color:transparent}.chat-demo{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffffeb,#f4fcfae6),#ffffffe0;border-radius:28px;width:min(1080px,100% - 2rem);margin:1.5rem auto 2rem;padding:1.25rem;box-shadow:0 22px 48px #0b374524}.chat-header{margin-bottom:1rem}.chat-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.brand-link{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);align-items:center;gap:.4rem;font-family:Space Grotesk,"M PLUS 1p",sans-serif;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-link:before{content:"";background:linear-gradient(135deg,#19b09c,#ffb96c);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #19b09c1f}.toolbar-links{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.toolbar-links a,.footer-links a{min-height:40px;color:var(--ink);background:#ffffffc7;border:1px solid #10363224;border-radius:999px;justify-content:center;align-items:center;padding:.65rem .9rem;font-size:.94rem;font-weight:600;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.toolbar-links a:hover,.footer-links a:hover,.prompt-chip:hover:not(:disabled),.chat-input button:hover:not(:disabled){transform:translateY(-1px)}.chat-hero{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:1rem;display:grid}.hero-copy{padding:.25rem 0}.badge{letter-spacing:.08em;text-transform:uppercase;min-height:30px;color:var(--ink-soft);background:#19b09c1a;border:1px solid #19b09c33;border-radius:999px;align-items:center;margin:0;padding:.22rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.chat-header h1{color:var(--ink);margin:.55rem 0 .2rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.subtitle{max-width:58ch;color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.7}.prompt-list{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.prompt-chip{color:var(--ink);font:inherit;cursor:pointer;background:#fffc;border:1px solid #1036321f;border-radius:999px;padding:.72rem .95rem;font-size:.94rem;transition:transform .16s,border-color .16s,background .16s}.prompt-chip:disabled{opacity:.55;cursor:not-allowed}.meta-panel{gap:.8rem;display:grid}.meta-card{background:linear-gradient(160deg,#ffffffd6,#edf9f6c2),#fffc;border:1px solid #1036321f;border-radius:18px;gap:.25rem;padding:1rem;display:grid}.meta-label{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.meta-value{color:var(--ink);font-size:1rem}.chat-window{background:radial-gradient(circle at 0 0,#24a89a1a,#0000 44%),radial-gradient(circle at 100% 100%,#f4b56124,#0000 42%),#fbfefdeb;border:1px solid #1036321f;border-radius:22px;height:min(55vh,510px);margin-top:1rem;padding:1rem;overflow-y:auto}.bubble-row{margin-bottom:.85rem;display:flex}.bubble-row.user{justify-content:flex-end}.bubble-row.ai{justify-content:flex-start}.bubble{word-break:break-word;border-radius:16px;max-width:min(84%,680px);margin:0;padding:.88rem 1rem;font-size:.98rem;line-height:1.7;animation:.22s ease-out rise-in}.bubble.user{color:#fff;background:linear-gradient(135deg,#0f5568,#197c83);border-bottom-right-radius:6px;box-shadow:0 12px 28px #0f556829}.bubble.ai{color:var(--ink);background:#fffffff5;border:1px solid #1036321f;border-bottom-left-radius:6px}.chat-input{grid-template-columns:1fr auto;gap:.7rem;margin-top:1rem;display:grid}.chat-input input{min-width:0;font:inherit;color:var(--ink);background:#fffffff0;border:1px solid #10363233;border-radius:16px;padding:.9rem 1rem;font-size:1rem;box-shadow:inset 0 1px #ffffff73}.chat-input input:focus{outline-offset:1px;outline:2px solid #19b09c47}.chat-input button{color:#2d1b00;min-width:132px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#ffcb82,#f0a63f);border:none;border-radius:16px;padding:.9rem 1.15rem;font-weight:700;box-shadow:0 14px 28px #f0a63f38}.chat-input button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.demo-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.demo-footer p{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.7}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.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}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.chat-demo{border-radius:22px;width:calc(100% - 1rem);margin:1rem auto 1.5rem;padding:.9rem}.chat-hero,.demo-footer{grid-template-columns:1fr;display:grid}.chat-toolbar,.demo-footer,.footer-links{justify-content:flex-start}.chat-window{height:58vh;padding:.85rem}.bubble{max-width:92%;font-size:.94rem}.chat-input{grid-template-columns:1fr}.chat-input button{width:100%}}@media (width<=520px){.chat-header h1{font-size:1.9rem}.toolbar-links,.prompt-list,.footer-links{gap:.55rem}.toolbar-links a,.footer-links a,.prompt-chip{justify-content:center;width:100%}}