*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Noto Sans,Noto Sans KR,Noto Sans JP,Noto Sans SC,Noto Sans TC,Segoe UI,Apple SD Gothic Neo,Hiragino Sans,Microsoft YaHei,Nirmala UI,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;color:#2f1a0b}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top,#fff3e8,#ffe3c9 45%,#ffd6b0)}.brand-banner{position:relative;top:-22px;padding:0;border:0;background:transparent;color:#5a2f0f;font-weight:800;font-size:2rem;letter-spacing:.04em;text-transform:none;font-family:JetBrains Mono,Cascadia Code,Fira Code,Consolas,Menlo,monospace;cursor:pointer;text-shadow:0 1px 0 #fff,0 0 12px rgba(90,47,15,.15)}.brand-banner:hover{opacity:.86}.panel{width:min(760px,100%);background:#fffaf5;border:1px solid #ffc89b;border-radius:16px;padding:20px;box-shadow:0 18px 45px #b45c1c24}.landing-panel{width:min(420px,100%);padding:28px;display:grid;place-items:center}.landing-btn{width:100%;max-width:280px}h1{margin:0;font-size:1.9rem;color:#5a2f0f}.status{margin:10px 0 18px;color:#8a4b20;font-weight:600}.primary-btn,.input-row button{border:0;border-radius:10px;padding:12px 16px;font-weight:700;background:#e0641a;color:#fff;cursor:pointer}.primary-btn:disabled,.input-row button:disabled{opacity:.55;cursor:not-allowed}.copy-btn{border:0;border-radius:10px;padding:10px 12px;font-weight:700;background:#cf4f06;color:#fff;cursor:pointer;width:fit-content}.link-box{margin-top:14px;padding:12px;border-radius:10px;border:1px dashed #e68745;background:#fff1e2;display:grid;gap:6px;word-break:break-all}.link-box a{color:#9f3f00;font-weight:700}.chat-box{margin-top:16px;border:1px solid #ffcfaa;border-radius:12px;overflow:hidden}.messages{height:320px;overflow-y:auto;background:#fff;padding:12px;display:grid;gap:8px;align-items:start}.empty-text{color:#9f8b7a}.message{max-width:85%;width:fit-content;padding:10px 12px;border-radius:10px;line-height:1.4;display:grid;gap:8px;background:#ffe8d3;border:1px solid #f2c5a1;word-break:break-word;overflow-wrap:anywhere}.message.me{margin-left:auto}.message.peer{margin-right:auto}.message.system{margin:0 auto;width:auto;background:#fff4c9;color:#6e5b00}.input-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:10px;border-top:1px solid #ffe0c3;background:#fff8f0}.input-row input{border:1px solid #f2b584;border-radius:10px;padding:10px 12px;outline:none}.attach-btn{border:1px solid #b8b8b8;border-radius:10px;background:#f0f0f0;color:#7a7a7a;width:44px;height:44px;cursor:pointer;display:grid;place-items:center;padding:0;font-size:1.45rem;font-weight:700}.hidden-file-input{display:none}.pending-strip{display:flex;gap:8px;overflow-x:auto;padding:10px;border-top:1px solid #ffe0c3;background:#fff3e6}.pending-item{flex:0 0 auto;position:relative}.pending-thumb{width:68px;height:68px;object-fit:cover;border-radius:8px;border:1px solid #f2c5a1;background:#fff}.pending-file{width:68px;height:68px;border-radius:8px;border:1px solid #f2c5a1;background:#fff7ef;color:#6a3a1a;font-size:.65rem;padding:6px;line-height:1.2;overflow:hidden;word-break:break-word}.pending-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border:0;border-radius:999px;background:#5a2f0f;color:#fff;font-size:13px;line-height:18px;cursor:pointer;padding:0}.media-picker{height:25%;min-height:90px;max-height:140px;border-top:1px solid #ffe0c3;background:#f7e3d1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.media-option{width:100%;height:100%;min-height:72px;border:1px solid #d6a886;border-radius:10px;background:#fff1e2;color:#7a3c13;font-weight:700;font-size:.86rem;cursor:pointer}.file-chip{display:inline-flex;align-items:center;max-width:280px;border:1px solid #e8a56e;border-radius:8px;padding:8px 10px;background:#fff1e2;color:#7a3c13;text-decoration:none;font-weight:700;font-size:.86rem;overflow:hidden;text-overflow:ellipsis}.file-preview{width:min(100%,320px);max-height:220px;border-radius:8px;border:1px solid #f2c5a1;background:#fff}.file-preview.image{cursor:zoom-in}.file-preview.video{background:#000;width:min(100%,340px);aspect-ratio:1 / 1;object-fit:cover}.video-card{display:grid;gap:8px;position:relative}.video-play-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border:0;border-radius:999px;background:#0000008c;color:#fff;font-size:1.15rem;line-height:44px;text-align:center;cursor:pointer}.video-progress{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:999px;background:conic-gradient(#ffffff var(--progress),rgba(255,255,255,.25) 0);display:grid;place-items:center}.video-progress span{width:27px;height:27px;border-radius:999px;background:#000000bd;color:#fff;font-size:.52rem;display:grid;place-items:center}.video-actions{display:flex;gap:6px;flex-wrap:wrap}.video-actions button,.video-action-link{border:1px solid #e8a56e;border-radius:8px;background:#fff1e2;color:#7a3c13;padding:6px 10px;font-size:.82rem;font-weight:700;text-decoration:none;cursor:pointer}.video-action-link{display:inline-flex;align-items:center}.lightbox{position:fixed;inset:0;background:#000000b8;display:grid;place-items:center;padding:16px;z-index:1000}.lightbox-inner{max-width:min(96vw,1200px);max-height:92vh;display:grid;gap:10px}.lightbox-image{max-width:100%;max-height:calc(92vh - 48px);border-radius:10px;background:#111}.lightbox-video{max-width:100%;max-height:calc(92vh - 48px);aspect-ratio:1 / 1;border-radius:10px;background:#000}.lightbox-close{justify-self:center;border:0;border-radius:10px;padding:8px 14px;background:#fff1e2;color:#5a2f0f;font-weight:700;cursor:pointer}.error{margin-top:12px;color:#b01717;font-weight:700}.hint{margin-top:12px;color:#9c6439;font-size:.9rem}@media(max-width:640px){.panel{padding:14px}.messages{height:280px}}