.slcs-page{margin:0;background:#f3f6f3;color:#253d38;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:17px;line-height:1.8}
#slcs-app,#slcs-app *{box-sizing:border-box;min-width:0}#slcs-app{max-width:820px;margin:0 auto;padding:28px 20px 40px;overflow-wrap:anywhere}#slcs-app [hidden]{display:none!important}#slcs-app h1{font-size:clamp(27px,5.5vw,36px);line-height:1.5;margin:22px 0 8px;font-weight:750}#slcs-app h2{font-size:22px;line-height:1.6;margin:0 0 12px}#slcs-app p{margin:12px 0}#slcs-app a{color:#155c50;text-underline-offset:4px}#slcs-app button,#slcs-app textarea{font:inherit}#slcs-app button,#slcs-app .slcs-primary{white-space:normal;overflow-wrap:anywhere;cursor:pointer;min-height:48px;border:1px solid #a7bfb8;border-radius:12px;padding:12px 18px;background:#fff;color:#244d43;font-weight:650;text-align:center;text-decoration:none;max-width:100%;line-height:1.6}#slcs-app button:hover{background:#edf5f1}#slcs-app button:disabled{cursor:wait;background:#e4eee9;color:#4e605b;border-color:#bacdc5}#slcs-app button:focus-visible,#slcs-app a:focus-visible,#slcs-app summary:focus-visible,#slcs-app input:focus-visible,#slcs-app textarea:focus{outline:3px solid #309b83;outline-offset:3px}#slcs-app .slcs-primary{background:#17685b;color:#fff;border-color:#17685b}#slcs-app .slcs-primary:hover{background:#125448}#slcs-app .slcs-primary:disabled{background:#d6e6df;color:#435b53;border-color:#aac3b8}.slcs-header{padding:10px 0 26px}.slcs-header>a{font-weight:bold;text-decoration:none}.slcs-tag{float:right;font-size:13px;background:#e0eee7;color:#2a5f4e;padding:4px 10px;border-radius:30px}.slcs-card{padding:26px;margin:20px 0;border:1px solid #d4e0d8;border-radius:20px;background:#fff}.slcs-nav{display:grid;grid-template-columns:2fr 1fr;gap:12px}.slcs-small{color:#576c64;font-size:14px}#slcs-app summary{cursor:pointer;font-weight:bold;padding:7px 0;min-height:44px}.slcs-history button{display:block;width:100%;margin:10px 0;text-align:left!important}.slcs-history button small{display:block;font-weight:normal;font-size:13px;color:#566b63}.slcs-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slcs-examples button{text-align:left!important;font-size:15px!important}.slcs-message{padding:18px;margin:16px 0;border-radius:15px;background:#f1f5f1;white-space:pre-wrap;overflow-wrap:anywhere}.slcs-message[data-role=user]{background:#e9f4ee}.slcs-message-label{font-size:13px;font-weight:bold;color:#546c60;display:block;margin-bottom:8px}.slcs-message p{margin:0!important}.slcs-status{padding:14px;border:1px solid #b8d6c7;background:#eff7f2;border-radius:12px}#slcs-app fieldset{border:0;padding:0;margin:22px 0}#slcs-app legend,.slcs-label{display:block;font-weight:bold;margin-bottom:12px}.slcs-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slcs-modes label{background:#f1f5f2;padding:12px;border-radius:12px;cursor:pointer;font-size:15px}#slcs-app input[type=checkbox],#slcs-app input[type=radio]{width:23px;height:23px;flex:0 0 23px;vertical-align:middle;accent-color:#17685b;margin:3px 8px 3px 0}#slcs-app textarea{display:block;width:100%;resize:vertical;min-height:120px;max-width:100%;border:1px solid #9dbbae;border-radius:12px;padding:16px;color:#223e34;background:#fff;font-size:18px;line-height:1.8}#slcs-app textarea::placeholder{color:#69796f;opacity:1}.slcs-required{display:inline-block;font-size:13px;color:#a12430;background:#fff0f1;border:1px solid #e6aab1;border-radius:5px;padding:1px 7px;vertical-align:middle;margin-left:6px}.slcs-disclosure{margin:22px 0;padding:14px;background:#f1f5f3;border-radius:12px;font-size:15px}.slcs-disclosure button{margin:10px 8px 0 0}.slcs-wide{width:100%;margin-top:20px}.slcs-error,.slcs-field-error{color:#a11f2c!important;font-weight:bold}.slcs-error{padding:16px;border:2px solid #c34a54;background:#fff1f2;border-radius:12px}.slcs-field-error{margin:8px 0!important;font-size:15px}#slcs-app [aria-invalid=true]{border-color:#c52d3a;outline:2px solid #c52d3a;outline-offset:2px}.slcs-thread-actions{border-top:1px solid #dce5df;margin-top:24px;padding-top:20px}#slcs-app .slcs-danger{color:#a12430;border-color:#d6a0a7}.slcs-footer{text-align:center;font-size:13px;color:#62756a;margin-top:30px}#slcs-app ol{padding-left:24px}#slcs-app li{margin-bottom:12px}
@media(max-width:540px){#slcs-app{padding:16px 12px 30px}.slcs-card{padding:19px 15px;border-radius:16px}.slcs-tag{font-size:11px}.slcs-examples,.slcs-modes{grid-template-columns:1fr}.slcs-message{padding:16px 13px}.slcs-nav{gap:8px}#slcs-app button{padding:12px 10px}.slcs-header{padding:8px 4px 18px}}
.slcs-partner-intro{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:22px}.slcs-portrait{display:block;width:100%;max-width:180px;height:auto;aspect-ratio:1;object-fit:contain;background:#edf4ef;border-radius:18px}.slcs-partner-label{font-size:13px;font-weight:700;color:#456d5d}.slcs-message-label{display:flex;align-items:center;gap:10px;white-space:normal}.slcs-avatar{display:block;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border-radius:50%;background:#e3eee8}.slcs-avatar img{display:block;width:48px;height:48px;max-width:none;transform:scale(1.55);transform-origin:50% 25%;object-fit:cover}
@media(max-width:540px){.slcs-partner-intro{grid-template-columns:100px minmax(0,1fr);gap:14px}.slcs-portrait{border-radius:14px}#slcs-app .slcs-partner-intro h2{font-size:20px}#slcs-app .slcs-partner-intro p{margin:8px 0}.slcs-partner-intro>div>p:last-child{font-size:15px}}
@media(max-width:360px){.slcs-partner-intro{grid-template-columns:80px minmax(0,1fr);gap:10px}}
.slcs-partner-feedback{display:flex;gap:14px;align-items:center;margin-top:16px;padding:12px;background:#f1f6f3;border-radius:14px;overflow:hidden}.slcs-feedback-portrait{flex:0 0 88px;width:88px;height:88px;overflow:hidden;border-radius:12px;background:#e3eee8}.slcs-feedback-portrait img{display:block;width:88px;height:88px;max-width:100%;object-fit:contain;transform-origin:50% 85%}#slcs-app .slcs-partner-feedback p{font-size:15px;margin:0}.slcs-avatar{transform-origin:50% 80%}
#slcs-app[data-motion=on] #slcs-partner-feedback[data-phase=sending] img{animation:slcs-partner-nod 1.1s ease-in-out 1}
#slcs-app[data-motion=on] .slcs-reply-motion{animation:slcs-partner-answer .8s ease-in-out 1}
#slcs-app[data-motion=on] .slcs-tap-motion{animation:slcs-partner-tap .7s ease-in-out 1}
#slcs-app button.slcs-portrait-tap{display:block;padding:0;border:0;min-height:0;line-height:0;box-shadow:none;background:transparent;cursor:pointer;touch-action:manipulation;overflow:hidden}
#slcs-app button.slcs-portrait-tap:disabled{cursor:default;opacity:1}
#slcs-app button.slcs-avatar,#slcs-app button.slcs-feedback-portrait{background:#e3eee8}
.slcs-portrait-button{width:100%;aspect-ratio:1;border-radius:18px;transform-origin:50% 85%}
.slcs-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.slcs-header-top .slcs-tag{float:none}.slcs-back{display:inline-flex;align-items:center;min-height:44px;font-weight:650;text-decoration:none}
@keyframes slcs-partner-nod{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(3px) rotate(1.5deg)}70%{transform:translateY(1px) rotate(-.5deg)}}
@keyframes slcs-partner-answer{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(2px) rotate(-2deg)}70%{transform:translateY(-1px) rotate(.5deg)}}
@keyframes slcs-partner-tap{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-2px) rotate(-3deg)}65%{transform:translateY(1px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){#slcs-app *{scroll-behavior:auto!important}#slcs-app .slcs-feedback-portrait img,#slcs-app .slcs-reply-motion,#slcs-app .slcs-tap-motion{animation:none!important}}
