:root{color:#203832;font-synthesis:none;text-rendering:optimizelegibility;--forest-950:#0d2f29;--forest-900:#123b34;--forest-800:#1b5146;--forest-700:#2a695a;--forest-100:#dce9e4;--forest-50:#eef5f2;--ink:#203832;--muted:#667c75;--paper:#fffefb;--canvas:#f6f4ee;--gold:#c79845;--gold-soft:#efe1bd;--line:#18423926;--shadow:0 18px 48px #15372f1a;background:#f3f1eb;font-family:Noto Sans JP,Yu Gothic UI,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #c7984573}label:has(input:focus-visible){outline-offset:2px;outline:3px solid #c7984573}body{background:radial-gradient(circle at 12% 4%, #c798451a, transparent 29rem), radial-gradient(circle at 88% 76%, #2a695a17, transparent 34rem), var(--canvas);min-width:320px}.app-shell{flex-direction:column;height:100dvh;min-height:620px;display:flex;overflow:hidden}.topbar{color:#fff;background:linear-gradient(110deg, #ffffff09, transparent 42%), linear-gradient(120deg, var(--forest-950), var(--forest-900));z-index:10;border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;min-height:88px;padding:12px clamp(18px,4vw,56px);display:flex;box-shadow:0 8px 28px #09241d29}.brand-mark{color:#f4d991;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:21px;display:grid;box-shadow:inset 0 1px #ffffff1a}.brand-copy{min-width:250px}.eyebrow{color:#bed6cd;letter-spacing:.12em;margin:0 0 4px;font-size:10px;font-weight:700}.brand-title-line{align-items:center;gap:12px;display:flex}.topbar h1{letter-spacing:.06em;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(22px,2.2vw,30px)}.topbar-status{color:#d6e6e0;white-space:nowrap;background:#0000001f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;display:flex}.topbar-status span{background:#d8b86a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #d8b86a1f}.topbar-status[data-online=true] span{background:#70c697;box-shadow:0 0 0 3px #70c69721}.header-actions{align-items:stretch;gap:8px;margin-left:auto;display:flex}.header-control{color:#e6efec;background:#fff1;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:9px;min-height:48px;margin:0;padding:7px 11px;transition:border-color .18s,background .18s,transform .18s;display:flex;box-shadow:inset 0 1px #ffffff0d}.header-control:hover{background:#ffffff1a;border-color:#ffffff47}.header-control:active{transform:translateY(1px)}.header-control input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.header-control[data-active=true]{background:#5b978330;border-color:#c3e0d459}.header-save-control{cursor:pointer;min-width:224px}.header-sound-control{cursor:pointer;min-width:154px}.header-reset-control{text-align:left;min-width:154px}.control-symbol{color:#f2d58b;background:#ffffff1a;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-size:14px;font-weight:900;display:grid}.header-control[data-active=true] .control-symbol{color:#d9f1e7;background:#70c6972e}.sound-symbol{font-family:Georgia,serif;font-size:16px}.control-copy{gap:1px;line-height:1.15;display:grid}.control-copy strong{color:inherit;white-space:nowrap;font-size:11px;font-weight:800}.control-copy small{color:#abc4bb;white-space:nowrap;font-size:8px}.control-label-short{display:none}.simple-workspace{background:linear-gradient(155deg,#f7f5ef,#edf4f0 65%,#f7f3e9);grid-template-rows:minmax(245px,35vh) minmax(0,1fr);height:calc(100dvh - 88px);min-height:532px;display:grid;overflow:hidden}.simple-avatar-area{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff6,#0000 28% 72%,#fff6),radial-gradient(circle at 50% 57%,#427e6b2e,#0000 19rem);justify-content:center;align-items:center;min-height:0;padding:12px 22px 9px;display:flex;position:relative;overflow:hidden}.simple-avatar-area:before{content:"";pointer-events:none;border:1px solid #2b63540f;border-radius:50%;position:absolute;inset:16% 22%}.simple-avatar-area .avatar-shell{z-index:2;width:min(28vh,258px);max-height:100%}.avatar-shell{flex-direction:column;align-items:center;display:flex;position:relative}.avatar-glow{filter:blur(22px);background:radial-gradient(circle,#3c7b6833,#0000 69%);border-radius:50%;position:absolute;inset:4% 3% 10%}.avatar-frame{aspect-ratio:1;background:#fffaf2;border:1px solid #ffffffeb;border-radius:26px;width:100%;position:relative;overflow:hidden;box-shadow:0 17px 44px #143b3129,inset 0 0 0 4px #ffffff59}.avatar-base,.avatar-layer{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.avatar-layer{will-change:opacity}.avatar-mouth{clip-path:inset(54% 30.5% 27.5% round 30%);animation:.145s ease-out mouth-in}.avatar-eyes{clip-path:inset(38.5% 22.5% 42% round 13%);opacity:0;transition:opacity 62ms ease-in-out}.avatar-eyes[data-visible=true]{opacity:1}@keyframes mouth-in{0%{opacity:.72}to{opacity:1}}.avatar-shell[data-speaking=true] .avatar-frame{box-shadow:0 18px 50px #143b3133,0 0 0 5px #c798451c}.avatar-state{color:#fff;background:var(--forest-800);border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:8px;margin-top:-18px;padding:7px 13px;font-size:10px;display:flex;position:relative;box-shadow:0 7px 18px #0f372d38}.state-dot{background:#edcb76;border-radius:50%;width:7px;height:7px}.avatar-shell[data-speaking=true] .state-dot{animation:.85s infinite pulse}@keyframes pulse{50%{opacity:.5;transform:scale(1.4)}}.hero-introduction,.hero-assurance{z-index:1;width:min(27vw,300px);position:absolute}.hero-introduction{left:max(26px,50% - 560px)}.hero-introduction>span{color:var(--forest-700);letter-spacing:.13em;font-size:9px;font-weight:900}.hero-introduction h2{color:var(--forest-950);letter-spacing:.03em;margin:8px 0 7px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(18px,2vw,27px);line-height:1.45}.hero-introduction p{max-width:260px;color:var(--muted);margin:0;font-size:11px;line-height:1.7}.hero-assurance{gap:9px;display:grid;right:max(26px,50% - 560px)}.hero-assurance p{background:#ffffff9e;border:1px solid #1f50441c;border-radius:12px;grid-template-columns:30px 1fr;column-gap:9px;margin:0;padding:10px 12px;display:grid;box-shadow:0 8px 24px #1b493d0d}.hero-assurance p>span{color:#fff;background:var(--forest-700);border-radius:9px;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:10px;font-weight:900;display:grid}.hero-assurance strong{color:var(--forest-900);font-size:11px}.hero-assurance small{color:var(--muted);margin-top:2px;font-size:9px}.simple-talk-panel{border-left:1px solid var(--line);border-right:1px solid var(--line);width:min(100%,1000px);min-height:0;box-shadow:var(--shadow);background:#fffefbf0;grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;display:grid;overflow:hidden}.conversation-topline{border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;gap:16px;min-height:49px;padding:8px clamp(16px,4vw,42px);display:flex}.conversation-topline>div{gap:2px;display:grid}.conversation-topline strong{color:var(--forest-950);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:13px}.conversation-topline small{color:var(--muted);font-size:9px}.conversation-topline>span{color:#788984;background:#eef1ef;border-radius:999px;flex:none;padding:5px 9px;font-size:9px;font-weight:800}.conversation-topline>span[data-saved=true]{color:var(--forest-700);background:var(--forest-50)}.simple-message-list{scroll-behavior:smooth;scrollbar-color:#2a695a40 transparent;min-height:0;padding:18px clamp(16px,4vw,46px) 14px;overflow-y:auto}.simple-start-card{border:1px solid #1f504421;border-left:4px solid var(--gold);background:linear-gradient(125deg,#fffdf8,#f3f8f5);border-radius:14px;align-items:center;gap:14px;max-width:720px;margin:4px auto 18px;padding:15px 17px;display:flex;box-shadow:0 10px 28px #193f3512}.simple-start-card>div{flex:1}.welcome-spark{color:#8e6726;background:var(--gold-soft);border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.simple-start-card strong{color:var(--forest-950);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:14px;display:block}.simple-start-card p{color:var(--muted);margin:4px 0 0;font-size:10px}.simple-start-card button,.simple-composer-footer button{color:#fff;background:linear-gradient(135deg, var(--forest-700), var(--forest-800));border:0;border-radius:10px;flex:none;min-height:42px;padding:9px 17px;font-size:11px;font-weight:800;box-shadow:0 7px 17px #1e4b402e}.simple-start-card button:hover,.simple-composer-footer button:hover{filter:brightness(1.06)}.message{max-width:780px;margin-bottom:15px}.message>span{color:#71847e;margin:0 0 5px 3px;font-size:9px;font-weight:800;display:block}.user-message{text-align:right;margin-left:auto}.user-message>span{margin-right:3px}.user-message p{color:#fff;background:linear-gradient(135deg, var(--forest-700), var(--forest-800));text-align:left;border-radius:15px 4px 15px 15px;max-width:82%;margin:0;padding:11px 14px;font-size:13px;line-height:1.7;display:inline-block;box-shadow:0 7px 18px #1b493d24}.simple-assistant-prompt>p{border:1px solid var(--line);color:#304b43;background:#fff;border-radius:4px 15px 15px;max-width:88%;margin:0;padding:12px 15px;font-size:13px;line-height:1.75;display:inline-block;box-shadow:0 8px 22px #193f350f}.reply-card{border:1px solid var(--line);color:#314a43;background:#fff;border-radius:4px 16px 16px;max-width:760px;padding:16px 18px;font-size:13px;line-height:1.76;box-shadow:0 9px 25px #193f3512}.reply-card p{margin:0 0 11px}.reply-principle{color:var(--forest-800);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:16px;font-weight:800}.key-term{color:#163f34;background:linear-gradient(#0000 62%,#e5c36f6b 62%);padding:0 .12em;font-weight:850}.actions-box{border-left:3px solid var(--gold);background:#fbf7ea;border-radius:8px;margin:14px 0;padding:13px 15px}.actions-box strong{color:#755720;font-size:11px}.actions-box ol{margin:7px 0 0;padding-left:21px}.actions-box li+li{margin-top:4px}.capability{background:var(--forest-50);border-radius:9px;gap:9px;padding:9px 11px;display:flex}.capability span{color:var(--forest-700);flex:none;font-size:10px;font-weight:900}.boundary{color:#80654b;font-size:11px}.reply-question{color:var(--forest-950);font-weight:800;margin-top:15px!important}.reply-safety{background:#fff9f8;border-color:#d7a2a2}.reply-tools{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:11px;padding-top:10px;display:flex}.text-button{color:var(--forest-700);background:0 0;border:0;padding:4px 0;font-size:11px;font-weight:800}.reply-mode{color:#6f817b;background:#eef3f1;border-radius:999px;padding:3px 7px;font-size:8px}.reply-tools details{color:#71837e;flex:1;min-width:180px;font-size:10px}.reply-tools details summary{cursor:pointer;text-align:right}.reply-tools ul{margin:9px 0 0;padding-left:18px}.reply-tools li+li{margin-top:6px}.reply-tools small{color:#93a09d;display:block}.typewriter-cursor{vertical-align:-.17em;background:var(--gold);width:2px;height:1.1em;margin-left:2px;animation:.72s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{50%{opacity:0}}.thinking{color:#6b817a;align-items:center;gap:5px;max-width:760px;margin:0 auto;font-size:11px;display:flex}.thinking i{background:var(--forest-700);border-radius:50%;width:6px;height:6px;animation:1s infinite think}.thinking i:nth-child(2){animation-delay:.16s}.thinking i:nth-child(3){animation-delay:.32s}.thinking span{margin-left:5px}@keyframes think{50%{opacity:.45;transform:translateY(-4px)}}.simple-composer{border-top:1px solid var(--line);background:#fffffff7;padding:10px clamp(16px,4vw,42px) 12px}.textarea-wrap{position:relative}.simple-composer textarea{resize:none;width:100%;min-height:56px;max-height:120px;color:var(--ink);background:#fffefb;border:1px solid #18423930;border-radius:12px;outline:none;padding:11px 106px 11px 14px;line-height:1.55;transition:border-color .18s,box-shadow .18s;box-shadow:inset 0 1px 2px #14322a09}.simple-composer textarea:focus{border-color:#2a695a9e;box-shadow:0 0 0 4px #2a695a14}.simple-composer textarea:disabled{color:#82918d;cursor:default;background:#f1f1ed}.microphone-button{min-height:36px;color:var(--forest-700);background:var(--forest-50);border:1px solid #2a695a2e;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:900;display:flex;position:absolute;bottom:9px;right:9px}.mic-dot{color:#c05c55;font-size:8px}.microphone-button[data-listening=true]{color:#fff;background:#b9544d;border-color:#a34742;animation:1.2s infinite mic-pulse}.microphone-button[data-listening=true] .mic-dot{color:#fff}.microphone-button:disabled{cursor:not-allowed;opacity:.42}@keyframes mic-pulse{50%{box-shadow:0 0 0 7px #b9544d1f}}.listening-note{color:#a34c46;align-items:center;gap:7px;margin:6px 2px 0;font-size:10px;display:flex}.listening-note i{background:#c7564e;border-radius:50%;width:7px;height:7px;animation:.85s infinite pulse}.simple-composer-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:7px;display:flex}.simple-composer-footer small{color:#758782;font-size:9px}.simple-composer-footer button{min-width:84px}.simple-composer-footer button:disabled{cursor:default;opacity:.43;box-shadow:none}.notice{border-left:3px solid var(--gold);color:#765b2b;background:#fbf6e9;border-radius:5px;margin:0 0 7px;padding:7px 10px;font-size:10px}@media (width<=1080px){.brand-copy{min-width:220px}.header-save-control{min-width:158px}.header-sound-control,.header-reset-control{min-width:125px}.control-label-long{display:none}.control-label-short{display:block}.hero-assurance{display:none}.hero-introduction{width:260px;left:28px}}@media (width<=760px){.app-shell{min-height:560px}.topbar{flex-wrap:wrap;gap:7px 10px;min-height:112px;padding:8px 12px}.brand-mark{border-radius:11px;width:38px;height:38px;font-size:17px}.brand-copy{flex:1;min-width:0}.eyebrow{margin-bottom:1px;font-size:8px}.topbar h1{font-size:19px}.topbar-status{padding:3px 6px;font-size:7px}.header-actions{grid-template-columns:1.35fr 1fr 1fr;gap:6px;width:100%;margin-left:0;display:grid}.header-control{border-radius:9px;gap:6px;min-width:0;min-height:39px;padding:5px 7px}.control-symbol{border-radius:7px;width:24px;height:24px;font-size:12px}.control-copy strong{font-size:9px}.control-copy small{display:none}.simple-workspace{grid-template-rows:minmax(168px,28vh) minmax(0,1fr);height:calc(100dvh - 112px);min-height:448px}.simple-avatar-area{padding:6px 10px 4px}.simple-avatar-area .avatar-shell{width:min(23vh,190px)}.avatar-frame{border-radius:20px}.avatar-state{margin-top:-15px;padding:5px 9px;font-size:8px}.hero-introduction,.hero-assurance{display:none}.simple-talk-panel{border-left:0;border-right:0}.conversation-topline{min-height:43px;padding:6px 12px}.conversation-topline strong{font-size:11px}.conversation-topline small{display:none}.conversation-topline>span{font-size:8px}.simple-message-list{padding:12px 12px 9px}.simple-start-card{gap:9px;padding:11px 12px}.welcome-spark{display:none}.simple-start-card strong{font-size:12px}.simple-start-card p{font-size:9px}.simple-start-card button{min-height:38px;padding:7px 10px;font-size:10px}.message{margin-bottom:12px}.user-message p{max-width:92%;padding:10px 12px;font-size:12px}.simple-assistant-prompt>p{max-width:94%;padding:10px 12px;font-size:12px}.reply-card{padding:13px 14px;font-size:12px}.reply-principle{font-size:14px}.simple-composer{padding:8px 11px 9px}.simple-composer textarea{min-height:52px;font-size:12px}.simple-composer-footer{justify-content:flex-end}.simple-composer-footer small{display:none}.simple-composer-footer button{min-height:38px}}@media (width<=420px){.brand-title-line{gap:7px}.topbar-status{display:none}.header-actions{grid-template-columns:1.25fr 1fr 1fr}.header-control{justify-content:center}.control-symbol{width:21px;height:21px}.control-copy strong{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}