*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#21332c}body{background:#e8ede9}.chat-app{max-width:740px;margin:auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#a8bbc9;box-shadow:0 0 50px #20382e18}.chat-header{display:flex;align-items:center;gap:12px;background:#f8faf7;padding:calc(13px + env(safe-area-inset-top)) 18px 13px;flex-shrink:0;border-bottom:1px solid #dbe3dd}.back{font-size:34px;line-height:1;text-decoration:none;color:#3f5448}.avatar{width:40px;height:40px;border-radius:50%;background:#47775b;color:white;display:grid;place-items:center;font-size:26px;flex-shrink:0}.identity{flex:1}.identity h1{margin:0;font-size:17px;letter-spacing:-.3px}.identity p{margin:3px 0 0;font-size:11px;color:#6c7b71}.quiet{border:0;background:transparent;color:#48634f;font:500 12px system-ui;cursor:pointer;padding:8px}.filters{display:flex;gap:8px;align-items:center;background:#edf2ed;padding:9px 18px;font-size:12px}.filters label{color:#6b7a70}.filters select{min-width:0;flex:1;border:0;background:transparent;color:#324c3b;font:inherit;padding:4px}.filters a{color:#355c43;font-size:11px}.thread{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px 28px;scroll-behavior:smooth}.day{width:max-content;margin:0 auto 22px;padding:5px 13px;border-radius:20px;font-size:9px;letter-spacing:.12em;color:#fff;background:#6c84948c}.welcome{max-width:320px;margin:35px auto 32px;text-align:center;line-height:1.6;color:#344f60}.welcome strong{font-size:18px}.welcome p{font-size:13px}.welcome span{font-size:11px}.message{display:flex;gap:7px;margin:16px 0;align-items:flex-end}.message.me{justify-content:flex-end}.bubble{background:#fff;border-radius:15px 15px 15px 4px;padding:12px 15px;max-width:min(85%,510px);line-height:1.6;box-shadow:0 1px 2px #304e6010;overflow-wrap:anywhere;white-space:pre-wrap;font-size:15px}.me .bubble{background:#b9ee8e;border-radius:15px 15px 4px 15px}.message time{font-size:9px;color:#425c6c;flex-shrink:0}.message.me time{order:-1}.bubble p{margin:0}.bubble details{margin-top:10px;font-size:12px;white-space:normal}.bubble summary{cursor:pointer;color:#61786b;font-size:11px}.bubble details p{margin-top:8px}.bubble a{color:#486c55}.source{font-size:10px;color:#718678;margin-top:8px!important}.system{margin:16px auto;max-width:360px;text-align:center;font-size:12px;color:#3e5968;line-height:1.6}.choices{display:grid;gap:8px;max-width:510px;margin:8px 0 20px}.choice{padding:12px 14px;text-align:left;white-space:pre-wrap;font:13px/1.5 system-ui;border:1px solid #c9d9d2;border-radius:12px;background:#f8fcf8;color:#294a37;cursor:pointer}.choice small{display:block;color:#708579;font-size:10px;margin-top:5px}.composer-area{background:#f8faf7;padding:8px 12px calc(12px + env(safe-area-inset-bottom));flex-shrink:0}.footnote{text-align:center;font-size:9px;color:#7a8b7f;margin:0 0 8px}.composer-area form{display:flex;gap:10px;align-items:flex-end}textarea{flex:1;min-width:0;resize:none;max-height:140px;overflow-y:auto;border:1px solid #dce5dc;border-radius:22px;padding:12px 16px;background:#edf2eb;font:16px/1.5 system-ui;color:#263f2d;outline:none}textarea:focus{border-color:#82a389}#send{height:44px;width:44px;border:0;border-radius:50%;background:#4f805e;color:#fff;font-size:26px;flex-shrink:0;cursor:pointer}#send:disabled{opacity:.4}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:760px){.chat-app{height:calc(100dvh - 48px);margin:24px auto;border-radius:22px;overflow:hidden;border:1px solid #d5ded5}.chat-header{padding-top:16px}.thread{padding:26px}}@media(prefers-reduced-motion:reduce){.thread{scroll-behavior:auto}}

.correction{max-width:min(90%,510px);margin:10px 0 12px;padding:11px 15px;background:#f5f9ed;border-left:3px solid #6d9463;border-radius:10px;color:#37523b;font-size:13px;line-height:1.6}.correction strong{font-size:10px;letter-spacing:.03em;color:#6d8469}.correction p{margin:5px 0}.correction .original{font-size:12px;color:#61765e}.correction small{font-size:9px;color:#789071}

.caption-text{display:block;width:100%;text-align:left;border:0;padding:0;background:transparent;color:inherit;font:inherit;line-height:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.caption-text.readable{cursor:pointer}.caption-text.readable:focus-visible{outline:2px solid #6e9976;outline-offset:4px;border-radius:4px}.reading-hint{display:block;font:9px/1.5 system-ui;color:#7c9081;margin-top:5px}.hiragana{margin-top:10px;padding:10px 12px;border-radius:8px;background:#edf5e9;color:#466d4d;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.hiragana[hidden]{display:none}