@charset "UTF-8";:root{--background-color: #fff;--header-color: #00943b;--border-color: #00943b;--submit-button-fgcolor: #eee;--submit-button-bgcolor: #00943b;--submit-button-bordercolor: #00943b;--ai-icon: url(/ai.png)}html,body{margin:0;padding:0;width:100vw;height:100dvh}.chat-window{width:100vw;height:100dvh;font-family:游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif;font-weight:800;font-size:16px}.chat-window .chat-container{width:100vw;height:100dvh;display:grid;flex-direction:column;grid-template-rows:30px 1fr auto;background-color:var(--background-color);-webkit-overflow-scrolling:touch}.chat-window .chat-container .header{grid-row:1;background-color:var(--header-color);border:solid 5px transparent;box-sizing:border-box;vertical-align:middle;text-align:center;color:#fff;font-size:13px;line-height:24px}.chat-window .chat-container .header:after{content:"チャット"}.chat-window .chat-container .read-more{background-color:transparent;width:calc(100% - 10px);border-radius:8px;border:dashed 1px #aaa;padding:5px 20px;margin:5px}.chat-window .chat-container .read-more:hover{background-color:#ffd}.chat-window .chat-container .read-more:after{content:"もっと見る"}.chat-window .chat-container .chat-log{grid-row:2;border-left:solid 5px transparent;border-right:solid 5px transparent;box-sizing:border-box;overflow-y:scroll;overflow-x:hidden;border:solid 2px var(--border-color);border-radius:2px;margin:5px}.chat-window .chat-container .footer{grid-row:3;background-color:transparent;background-attachment:fixed;background-size:cover;z-index:10;margin:0 5px 5px}.chat-window .chat-container .footer .footer-grid{display:grid;grid-template-columns:1fr 120px;align-items:flex-end}.chat-window .chat-container .chat-input{grid-column:1;font-size:16px;margin:0;padding:12px 16px 0;outline:none;display:inline-block;box-sizing:content-box;overflow-y:auto;border:solid 2px var(--border-color);border-radius:2px;resize:none}.chat-window .chat-container .chat-submit,.chat-window .chat-container .chat-listening{grid-column:2;cursor:pointer;background-color:var(--submit-button-bgcolor);color:var(--submit-button-fgcolor);vertical-align:middle;text-align:center;font-size:20px;font-family:游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif;font-weight:700;height:52px;line-height:48px;align-self:flex-end;margin-left:4px;border:solid 2px var(--submit-button-border-color);border-radius:2px;-webkit-appearance:button;-webkit-box-sizing:content-box;-moz-appearance:button;appearance:button;box-sizing:border-box}.chat-window .chat-container .chat-submit:after{content:"送信"}.chat-window .chat-container .chat-listening.start:after{content:"認識開始"}.chat-window .chat-container .chat-listening.stop{background-color:#888}.chat-window .chat-container .chat-listening.stop:after{content:"キャンセル"}.chat-window .chat-container .chat-listening.disabled{background-color:#444}.chat-window .chat-container .chat-listening.disabled:after{content:"処理中"}.chat-window .chat-container .chat-message-spacer{display:block;height:60px;width:100%}.chat-window .chat-container .message{padding:8px}.chat-window .chat-container .message .text-container{position:relative;display:grid;-webkit-user-select:text;user-select:text;grid-template-columns:72px 1fr 48px}.chat-window .chat-container .message .text-container .text.user-side{grid-column-start:1;grid-column-end:4;grid-row:1}.chat-window .chat-container .message .text-container .text.ai-side{grid-column-start:2;grid-column-end:4;grid-row:1}.chat-window .chat-container .message .text-container .text-data{display:inline-block;padding:4px 8px 2px;border-radius:16px;min-height:16px}.chat-window .chat-container .message .text-container .text-data p{margin-top:6px;margin-bottom:6px}.chat-window .chat-container .message .text-container .text-data img{width:100%;margin:0;border-radius:10px}.chat-window .chat-container .message .text-container .text-data .image-container{display:block;width:100%;margin:0;padding:10px;background-color:transparent;border-radius:10px}.chat-window .chat-container .message .text-container .text-data.user-side{background-color:#d7e4bd;color:#000;float:right;border-top-right-radius:0;white-space:pre;display:block}.chat-window .chat-container .message .text-container .text-data.ai-side{background-color:#ebf1de;color:#000;border:solid 3px #00943b;border-top-left-radius:0}.chat-window .chat-container .message .text-container .icon.user-side{display:none}.chat-window .chat-container .message .text-container .icon.ai-side{width:60px;height:60px;margin:0;padding:0;display:inline-block;grid-column:1;grid-row:1;border-radius:30px;background-image:var(--ai-icon);background-size:contain}.chat-window .chat-container .message .text-container .link-container a,.chat-window .chat-container .message .text-container .link-container span{margin:0 8px}.chat-window .chat-container .message .text-container .rating-container{text-align:right;margin-right:10px}.chat-window .chat-container .message .text-container .rating-container button{-webkit-user-select:none;user-select:none;border:none;margin:0 4px;cursor:pointer;background-color:transparent;font-family:Segoe UI Symbol,"Noto Emoji",sans-serif;color:#fff;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000}.chat-window .chat-container .message .text-container .rating-container button:active{scale:.98;color:#ff0}.chat-window .chat-container .message .timestamp{font-size:14px;color:#888;display:block;margin-top:6px}.chat-window .chat-container .message .timestamp.ai-side{margin-left:16px}.chat-window .chat-container .message .timestamp.user-side{text-align:right;margin-right:16px}.config-window{position:fixed;z-index:10;top:0;left:0;width:100vw;height:100dvh;background-color:#eee;overflow-y:scroll}.config-window .content-container{margin:10px}.config-window .header-container{font-size:20px;font-weight:0;display:grid;grid-template-columns:300px 180px 180px 180px 180px 1fr auto;height:40px;background-color:#fff;border-bottom:solid 1px #aaa}.config-window .header-container div{height:40px;line-height:40px}.config-window .header-container .title{margin-left:20px}.config-window .header-container .logout{text-align:right;padding:0 30px;cursor:pointer}.config-window .header-container .logout:hover{background-color:#aaa}.config-window .header-container a.tab{text-decoration:none;color:#444}.config-window .header-container a.tab div{text-align:center;border-top:solid 1px transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.config-window .header-container a.tab.active div{border-radius:5px 5px 0 0;border:solid 1px #444;border-bottom:none;background-color:#eee}.config-window select{width:calc(100% - 20px);box-sizing:border-box;margin:10px}.config-window .upload-config-header{border:solid 1px #aaa;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 8px 0;margin:8px 8px 0;line-height:30px;background-color:#ddd}.config-window .upload-config-table{border:solid 1px #888;border-radius:0 0 8px 8px;padding:0 8px 8px;margin:0 8px 8px}.config-window .upload-config-table th{margin-right:8px;width:50px}.config-window .upload-config-table td{padding-right:40px}.config-window .upload-area{border:dashed 1px #888;border-radius:10px;margin:10px;height:100px;text-align:center;vertical-align:middle;line-height:100px}.config-window .upload-area.dropping{background-color:#ffe}.config-window .config-property-sheet{width:calc(100% - 20px);margin:10px}.config-window .config-property-sheet .can-be-copied{width:auto;cursor:pointer;text-align:left;border:none;margin:0;padding:0 6px}.config-window .config-property-sheet .can-be-copied:active{background-color:#ffd;transform:scale(.99)}.config-window .config-property-sheet .errors{color:#f44}.config-window .config-property-sheet .tag{display:inline-block;background-color:#ffa;border-radius:3px;margin-right:80px;padding:0 8px}.config-window .config-property-sheet table{width:100%}.config-window .config-property-sheet table thead th{border-bottom:solid 1px #888;text-align:left}.config-window .config-property-sheet table td,.config-window .config-property-sheet table th{border-bottom:solid 1px #888}.config-window .config-property-sheet table td{text-align:left}.config-window .config-property-sheet table tr:hover{background-color:#ddf}.config-window .config-property-sheet table input[type=text]{width:100%;box-sizing:border-box}.config-window .config-property-sheet table textarea{width:100%}.config-window .config-property-sheet table button{width:120px}.config-window .info-message{display:inline-block;background-color:#ffa;border-radius:4px;padding:0 8px}.config-window .text{margin:10px}.config-window .text.error{background-color:#faa}.config-window .group{border:solid 1px #444;margin:10px;padding:10px}.config-window .property{display:grid;grid-template-columns:200px 1fr;margin:5px}.config-window .property .label{font-weight:700;line-height:40px;text-align:right;margin-right:10px}.config-window .property input.text{margin:0;width:calc(100vw - 100px)}.config-window .property select{box-sizing:border-box;width:unset;font-size:18px;padding:5px 10px;margin:0}.config-window .input-text-full{margin:10px;width:calc(100vw - 50px)}.config-window button{margin:10px}.config-window input{font-size:18px;padding:5px 10px}.config-window input[type=checkbox]{transform:scale(2);width:30px}.config-window input:invalid{background-color:#fee}.config-window label{-webkit-user-select:none;user-select:none;font-size:18px}.config-window select{font-size:18px;padding:5px}.config-window h2{background-color:#ccc;padding:5px 10px}.config-window h3{font-size:14px;background-color:#ddd;padding:2px 10px;margin:0}.config-window .save-status{position:absolute;background-color:#ffc;padding:8px 0;text-align:center;width:100%;top:0;left:0}.config-window .save-status.hidden{display:none}.config-window .danger{background-color:#faa}.config-window .danger:active{background-color:#f99}.loading{background-image:url(/spinner.gif);background-size:contain;width:16px;height:16px;display:inline-block;vertical-align:-2px}
