:root{--pink:#ed758c;--ink:#403b40;--muted:#777078;--line:#eee5e8}*{box-sizing:border-box}body{margin:0;background:#faf7f7;color:var(--ink);font-family:Arial,'Noto Sans JP',sans-serif}.demo{padding:10px;text-align:center;font-size:12px;background:#ece7e9;color:#635b61}header{max-width:1100px;margin:auto;padding:28px 30px;display:flex;justify-content:space-between;align-items:center}header a{text-decoration:none;color:var(--ink);font-size:22px;letter-spacing:3px;font-weight:800}header i{font-size:12px;font-weight:400;letter-spacing:0;color:var(--pink)}header>span{font-size:12px;color:var(--muted)}main{max-width:1050px;margin:20px auto 50px;display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:start}.intro{position:relative;padding:38px 0}.eyebrow{font-size:13px;letter-spacing:2px}h1{font-size:52px;line-height:1.5;letter-spacing:-2px;margin:16px 0 0}h1 span{display:block;color:var(--pink)}.lead{font-size:23px;font-weight:700;margin-top:8px}.intro>p:not(.lead){font-size:14px;line-height:2.2;color:#746b73}.portrait{position:relative;height:200px;width:220px;margin-left:auto;margin-top:-105px;z-index:0;pointer-events:none}.portrait img{width:100%;height:100%;object-fit:contain}.portrait span{position:absolute;right:0;top:0;transform:rotate(12deg);color:var(--pink);font-family:cursive;font-size:25px}.note{margin-top:28px;font-size:16px;font-weight:bold}.note small{display:block;font-size:11px;font-weight:400;margin-top:9px;color:var(--muted)}.widget{background:white;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:0 20px 65px #7e4d6610}nav{display:flex;background:#f2ecef;padding:6px;gap:5px}button{font:inherit;cursor:pointer;border:0}nav button{width:50%;background:transparent;padding:10px;border-radius:13px;color:var(--muted);font-size:12px}nav button.selected{background:white;color:var(--ink);box-shadow:0 2px 8px #00000008}.widget-head{display:flex;gap:12px;align-items:center;padding:20px}.avatar{width:42px;height:42px;background:#ffe7ed;border-radius:50%;display:grid;place-items:center;color:var(--pink);font-size:24px}.widget-head b{font-size:14px}.status{font-size:11px;margin-top:7px;color:#817980}.status.ready{color:#378b6c}.live{font-size:8px;letter-spacing:1px;margin-left:auto;color:#a399a1}.session{text-align:center;padding:16px 25px;background:#fff8fa}.session>span{font-size:11px;letter-spacing:1px}.clock{font-size:46px;letter-spacing:2px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3;margin:8px}.session p{font-size:12px;line-height:1.8;color:var(--muted);min-height:22px}.primary{background:var(--pink);color:white;padding:14px 24px;border-radius:14px;width:100%;font-size:13px;font-weight:700}.secondary{background:transparent;color:var(--muted);font-size:11px;padding:12px}button:disabled{cursor:not-allowed;opacity:.45}.chat{height:205px;overflow:auto;padding:18px 20px}.welcome{padding:15px 0;font-size:13px}.welcome p{font-size:11px;line-height:1.9;color:var(--muted)}.bubble{padding:10px 13px;background:#f1edef;border-radius:13px;margin:7px 30px 7px 0;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.customer{background:#ffe5eb;margin:7px 0 7px 30px}.bubble small{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}form{display:flex;gap:8px;padding:12px 17px;border-top:1px solid var(--line)}input{min-width:0;flex:1;border:0;background:#f6f3f4;border-radius:10px;padding:12px;font-size:11px}form button{background:var(--pink);color:white;border-radius:10px;font-size:11px;padding:10px}.foot{padding:6px 10px 16px;text-align:center;font-size:9px;color:var(--muted)}#host-controls{padding:15px 20px;border-top:1px solid var(--line)}#host-controls label{font-size:11px}.status-buttons{display:flex;gap:8px;margin:10px 0}.status-buttons button{padding:9px;border-radius:8px;font-size:11px;background:#f1e9ed}small{font-size:10px;color:var(--muted)}footer{max-width:1050px;margin:0 auto 20px;display:flex;gap:16px;align-items:center;font-size:10px;color:var(--muted);flex-wrap:wrap}footer button{font-size:10px;color:var(--muted);background:#eee8eb;padding:10px;border-radius:8px}footer a{color:var(--muted)}@media(max-width:760px){header{padding:22px}header>span{display:none}main{display:block;margin:0 20px 25px}.intro{padding:20px 8px 25px}h1{font-size:38px}h1 span{display:inline}.lead{font-size:19px}.intro>p:not(.lead){font-size:12px}.portrait{height:145px;width:145px;margin-top:-130px}.note{margin-top:30px}.note small{font-size:9px}.widget{max-width:440px;margin:auto}.chat{height:180px}footer{margin:0 22px 25px;gap:12px}}
.offer-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:10px 0}.offer-controls input{width:auto;margin-right:4px}.offer-controls select,.offer-controls button{padding:6px;border:1px solid var(--line);border-radius:6px;background:white;font-size:11px}.offer-controls label{display:flex;align-items:center}
.until-label{display:block;font-size:11px}.until-label input{display:block;margin-top:5px;width:100%}#until-display{font-size:10px;color:var(--muted);margin-top:8px}#draft-panel,#question-panel{padding:14px 20px;border-top:1px solid var(--line);font-size:12px}#draft-panel textarea{display:block;width:100%;min-height:74px;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit;resize:vertical}#question-panel{white-space:pre-wrap;overflow-wrap:anywhere;background:#faf7f8}#warning{color:#b33e60;font-size:12px;font-weight:bold;margin-bottom:8px}.near-end{color:#b33e60}#history{padding:0 18px}#history details{border-top:1px solid var(--line);padding:12px 0;font-size:11px}#history summary{cursor:pointer}#history p{white-space:pre-wrap;overflow-wrap:anywhere}#error{color:#a6314d;font-size:11px;padding:8px 18px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a6314d;outline-offset:3px}
#package-panel{padding:14px 20px;border-top:1px solid var(--line);font-size:12px}#package-panel select{display:block;width:100%;padding:10px;margin:8px 0;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}#package-panel small{line-height:1.7}
#trial-note{padding:8px 20px;color:var(--muted);font-size:11px}#offline-request{padding:14px 20px;background:#f9f5f7;font-size:12px}#offline-request input{display:block;width:100%;margin:8px 0}#offline-request button{padding:10px 14px;border-radius:10px;background:#eee4e9;font-size:12px}#request-result{font-size:11px;color:#786373}
.demo{font-weight:700;background:#ffe7ec;color:#7a2540;line-height:1.7}#privacy-choice{border:0;border-top:1px solid var(--line);margin:0;padding:16px 20px;font-size:12px}#privacy-choice legend{padding-top:12px;font-weight:bold}#privacy-choice label{display:block;margin:9px 0}#privacy-choice input{margin-right:6px}#privacy-choice small{display:block;line-height:1.8}#summary-editor{padding:15px 20px;font-size:12px;background:#fff8fa}#summary-editor textarea{width:100%;display:block;min-height:85px;border:1px solid var(--line);border-radius:8px;padding:10px;margin:8px 0;font:inherit}#summary-editor button,.saved-memo button{background:#f4d8e0;padding:10px;border-radius:8px;font-size:11px}#summary-editor small{display:block;margin-top:8px;line-height:1.7}#privacy-note{padding:14px 20px;color:#786b74;font-size:10px;line-height:1.8}.saved-memo{border-top:1px solid var(--line);padding:14px 0;font-size:12px}.saved-memo p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.intro .portrait{margin:14px 0 0 auto;width:130px;height:130px}.intro h1{font-size:34px}.intro .note{margin-top:18px}}
.customer-preview{display:inline-block;margin-top:18px;padding:12px 16px;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;border:1px solid var(--line);font-size:13px;font-weight:700}.console-page{background:#f4f2f4}.console-page .demo{background:#403b40;color:#fff}.console-page .widget{border-top:4px solid var(--pink)}
@media(max-width:760px){.console-intro{padding-bottom:35px}.console-page main{margin-top:8px}.console-page .widget{margin-top:0}}