.chd-demo{max-width:1100px;margin:24px auto;border:1px solid #eadfd2;border-radius:18px;background:#fffdf9;box-shadow:0 12px 32px rgba(80,55,35,.1);overflow:hidden;color:#493c33;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.chd-demo *{box-sizing:border-box}.chd-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff3d8;border-bottom:1px solid #ead7a4}.chd-banner strong{font-size:15px}.chd-banner span{font-size:12px}.chd-shell{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:680px}.chd-side{background:#fffaf3;border-right:1px solid #eadfd2;padding:14px}.chd-profile{padding:10px 8px 16px;border-bottom:1px solid #eee1d5;margin-bottom:10px}.chd-profile strong{display:block;font-size:18px}.chd-profile span{font-size:12px;color:#7e7064}.chd-menu{display:grid;gap:7px}.chd-menu button{width:100%;border:0;background:#fff;padding:11px 12px;border-radius:12px;text-align:left;display:flex;align-items:center;gap:10px;color:#493c33;cursor:pointer;font-size:14px}.chd-menu button:hover,.chd-menu button.is-active{background:#f4e9dd}.chd-menu .icon{font-size:21px;width:28px;text-align:center}.chd-menu .copy{display:flex;flex-direction:column}.chd-menu .copy small{font-size:11px;color:#8d7c6c;margin-top:2px}.chd-main{min-width:0;background:#fff;position:relative}.chd-view{display:none;height:100%;min-height:680px}.chd-view.is-active{display:flex;flex-direction:column}.chd-head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #e8ded4;background:#fff;position:sticky;top:0;z-index:3}.chd-back{display:none;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}.chd-head h3{margin:0;font-size:18px}.chd-head p{margin:2px 0 0;font-size:12px;color:#817266}.chd-body{padding:16px;overflow:auto;flex:1}.chd-chatlog{display:flex;flex-direction:column;gap:10px;min-height:420px}.chd-bubble{max-width:76%;padding:10px 13px;border-radius:14px;background:#f1ece7;line-height:1.55}.chd-bubble.me{align-self:flex-end;background:#dff4dc}.chd-compose{border-top:1px solid #e8ded4;padding:12px;display:flex;gap:8px;background:#fff}.chd-compose textarea{flex:1;min-height:52px;border:1px solid #d9cec4;border-radius:10px;padding:9px;resize:vertical}.chd-btn{border:0;border-radius:10px;padding:10px 14px;background:#7a5d44;color:#fff;font-weight:700;cursor:pointer}.chd-btn.secondary{background:#eee5dd;color:#5b493b}.chd-btn.danger{background:#b95858}.chd-note{padding:11px 13px;border-radius:10px;background:#fff7df;border:1px solid #ecdba2;font-size:13px;margin-bottom:12px}.chd-status{margin-top:10px;padding:10px 12px;border-radius:10px;background:#edf7eb;display:none}.chd-status.show{display:block}.chd-form{display:grid;gap:10px;max-width:560px}.chd-form label{display:grid;gap:5px;font-size:13px}.chd-form input,.chd-form textarea,.chd-form select{border:1px solid #d9cec4;border-radius:9px;padding:9px;background:#fff}.chd-list{display:grid;gap:9px;margin-top:15px}.chd-card{border:1px solid #e4d9cf;border-radius:12px;padding:12px;background:#fff}.chd-card strong{display:block}.chd-card small{color:#806f62}.chd-calendar-tools{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.chd-calendar-tools button{border:0;background:#f2e8df;border-radius:8px;padding:7px 10px;cursor:pointer}.chd-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #e5dbd1;border-left:1px solid #e5dbd1}.chd-cal-head,.chd-day{border-right:1px solid #e5dbd1;border-bottom:1px solid #e5dbd1;min-width:0}.chd-cal-head{text-align:center;padding:7px 2px;background:#faf5ef;font-size:12px}.chd-day{min-height:78px;padding:5px;cursor:pointer;background:#fff}.chd-day:hover{background:#fff9ed}.chd-day.is-out{color:#b8aca1;background:#fbfaf8}.chd-day-num{font-size:12px}.chd-event{font-size:11px;background:#e6f3e4;border-radius:5px;padding:2px 4px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chd-event.personal{background:#e4edf8}.chd-detail{margin-top:14px;border:1px solid #e1d5ca;border-radius:12px;padding:13px;background:#fff}.chd-disabled{opacity:.72}.chd-readonly{display:grid;gap:8px}.chd-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eee5dd}.chd-row:last-child{border-bottom:0}.chd-demo-dialog{position:absolute;inset:0;background:rgba(40,30,22,.35);display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.chd-demo-dialog.show{display:flex}.chd-dialog-box{max-width:460px;width:100%;background:#fff;border-radius:16px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.chd-dialog-box h4{margin:0 0 8px}.chd-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.chd-small{font-size:12px;color:#7d6e62}.chd-shared textarea{width:100%;min-height:90px;border:1px solid #d9cec4;border-radius:10px;padding:9px}.chd-footer-note{padding:10px 16px;background:#faf4ec;border-top:1px solid #eadfd2;font-size:12px;color:#75665b}
@media(max-width:760px){.chd-demo{margin:12px 0;border-radius:0;border-left:0;border-right:0}.chd-shell{display:block;min-height:640px}.chd-side{border-right:0;min-height:640px}.chd-main{display:none;min-height:640px}.chd-demo.is-viewing .chd-side{display:none}.chd-demo.is-viewing .chd-main{display:block}.chd-view{min-height:640px}.chd-back{display:block}.chd-day{min-height:62px;padding:3px}.chd-event{font-size:9px}.chd-head{padding-top:11px}.chd-bubble{max-width:88%}}
.chd-timeline-view{overflow:hidden}.chd-timeline-wrap{flex:1 1 auto;min-height:0;background:#fff;overflow:hidden}.chd-timeline-frame{display:block;width:100%;height:100%;min-height:700px;border:0;background:#fff}
@media(max-width:760px){.chd-timeline-view{height:100dvh;min-height:640px}.chd-timeline-wrap{min-height:0}.chd-timeline-frame{height:calc(100dvh - 64px);min-height:560px}}