:root{font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 15%,#f2f7ff,#edf2f8 45%,#e8eff8)}body{margin:0;min-width:320px;min-height:100dvh}#root{min-height:100dvh}.chat-page{position:relative;min-height:100dvh;padding:24px 16px;display:grid;place-items:center;overflow:hidden}.layout-wrap{width:min(100%,980px);display:grid;grid-template-columns:minmax(300px,430px) minmax(280px,1fr);gap:16px;align-items:stretch;z-index:2}.ambient-shape{position:absolute;border-radius:999px;filter:blur(4px);pointer-events:none}.ambient-shape-1{width:240px;height:240px;background:#ffd57866;top:-60px;left:-80px}.ambient-shape-2{width:220px;height:220px;background:#9fd6ff59;right:-60px;bottom:-50px}.chat-shell{width:100%;height:min(92dvh,840px);border-radius:22px;background:#b8cadd;border:1px solid rgba(65,81,103,.2);box-shadow:0 26px 48px #12274338,inset 0 1px #fff6;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;z-index:2}.chat-header{height:64px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;background:#adc1d5d9;border-bottom:1px solid rgba(83,103,128,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header-meta{display:grid;justify-items:center;gap:2px}.header-meta strong{font-size:16px;color:#101623;letter-spacing:.01em}.header-meta span{font-size:12px;color:#33465f}.icon-btn{width:34px;height:34px;border:0;border-radius:10px;background:#ffffff80;color:#24344a;font-size:16px}.chat-body{overflow-y:auto;padding:12px 14px 18px;display:flex;flex-direction:column;gap:12px}.date-chip{align-self:center;margin:4px 0 2px;padding:5px 10px;border-radius:10px;font-size:11px;color:#405775;background:#ecf5ffcc}.message-row{display:flex;gap:8px;align-items:flex-start}.message-row.me{justify-content:flex-end}.avatar{width:34px;height:34px;border-radius:12px;background:#f0dc6a;color:#5e4f13;display:grid;place-items:center;font-size:14px;font-weight:700;flex:0 0 auto}.message-content{max-width:76%}.name{display:inline-block;margin-bottom:4px;font-size:12px;color:#344c68}.bubble-wrap{display:flex;align-items:flex-end;gap:6px}.message-row.me .bubble-wrap{flex-direction:row-reverse}.bubble{margin:0;padding:9px 11px;font-size:14px;line-height:1.45;border-radius:14px;word-break:keep-all;box-shadow:0 2px 7px #28384c14}.message-row.other .bubble{background:#fff;color:#1a2330;border-top-left-radius:4px}.message-row.me .bubble{background:#ffeb3a;color:#2b2b19;border-top-right-radius:4px}.timestamp{font-size:11px;color:#49607e;white-space:nowrap}.chat-input{padding:10px 12px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:#eef3f9;border-top:1px solid rgba(104,126,152,.25)}.plus-btn{width:34px;height:34px;border:0;border-radius:10px;font-size:20px;line-height:1;color:#506480;background:#dbe5f1}.chat-input input{height:36px;border:0;border-radius:12px;padding:0 12px;font-size:14px;background:#fff;color:#1b2533}.chat-input input::placeholder{color:#8799af}.send-btn{height:34px;padding:0 12px;border:0;border-radius:10px;font-size:13px;font-weight:700;background:#fdd835;color:#342f16}.report-panel{min-height:min(92dvh,840px);border-radius:22px;border:1px solid rgba(65,81,103,.2);background:#ffffffbf;box-shadow:0 26px 48px #12274326;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px;display:grid;grid-template-rows:auto auto 1fr;gap:12px}.report-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-header h2{margin:0;font-size:17px;color:#1f2b3d}.report-btn{border:0;height:34px;padding:0 12px;border-radius:10px;background:#1f8fff;color:#fff;font-size:13px;font-weight:700}.report-btn:disabled{background:#89bff4}.report-error{margin:0;padding:10px 12px;border-radius:10px;font-size:13px;color:#8c2b1f;background:#ffece9}.report-content{margin:0;padding:12px;border-radius:12px;background:#f8fbff;border:1px solid #d7e6f8;color:#243548;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow:auto}@media(max-width:900px){.layout-wrap{grid-template-columns:1fr;max-width:430px}.report-panel{min-height:260px}}@media(max-width:520px){.chat-page{padding:0}.layout-wrap{gap:0}.chat-shell{width:100%;height:100dvh;border-radius:0}.report-panel{border-radius:0;border-left:0;border-right:0;box-shadow:none}}