:root{--base:#08070c;--surface:#17161f;--surface-2:#1f1d2a;--surface-3:#232130;--border:#2c2a3a;--primary:#7c5cff;--accent:#a78bfa;--accent-soft:#c4b5fd;--text:#f4f3f7;--text-2:#eae8f2;--muted:#a5a1b8;--dim:#6f6b85;--danger-bg:#2a1016;--danger-border:#7f1d2e;--danger-text:#fda4af}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--text);font-family:Pretendard,Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-soft)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}input,textarea{font-family:inherit}.dc-shell{min-height:100dvh;display:flex;flex-direction:column}.dc-chat-shell{height:100dvh}.dc-nav{display:flex;align-items:center;gap:24px;padding:0 24px;height:64px;flex:none;background:var(--surface);border-bottom:1px solid var(--border)}.dc-brand{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--text);text-decoration:none}.dc-nav-link{font-size:14px;color:var(--muted)}.dc-nav-link[data-active=true]{color:var(--text);font-weight:600}.dc-btn{height:48px;padding:0 20px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-size:15px;font-weight:600}.dc-btn-ghost{height:40px;padding:0 16px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--muted);font-size:14px}.dc-field{display:flex;flex-direction:column;gap:8px}.dc-label{font-size:13px;font-weight:600;color:var(--muted)}.dc-input{height:48px;padding:0 14px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:15px;outline:none}.dc-input:focus{border-color:var(--primary)}.dc-error{padding:12px 14px;border-radius:8px;background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);font-size:14px;line-height:22px}.dc-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;z-index:50;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 32px))}.dc-toast .dc-pill{font-size:14px;padding:10px 16px}.dc-chat{flex:1 1;display:flex;min-height:0}.dc-chat-side{width:300px;flex:none;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto}.dc-chat-main{flex:1 1;display:flex;flex-direction:column;min-width:0}.dc-chat-head{min-height:72px;flex:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.dc-chat-body{flex:1 1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:12px}.dc-chat-foot{flex:none;display:flex;gap:12px;align-items:flex-end;padding:16px 20px;border-top:1px solid var(--border);background:var(--surface)}.dc-row{display:flex;gap:10px}.dc-row[data-mine=true]{justify-content:flex-end}.dc-line{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:min(560px,72%)}.dc-row[data-mine=true] .dc-line{align-items:flex-end}.dc-bubble{max-width:100%;padding:12px 16px;font-size:16px;line-height:26px;border-radius:18px 18px 18px 6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);overflow-wrap:break-word;white-space:pre-wrap}.dc-bubble[data-mine=true]{border-radius:18px 18px 6px 18px;background:var(--primary);border-color:var(--primary);color:#fff}.dc-meta{font-size:12px;line-height:16px;color:var(--dim);margin-top:4px}.dc-avatar{width:40px;height:40px;flex:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.dc-avatar,.dc-pill{border-radius:9999px}.dc-pill{align-self:center;padding:6px 14px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--dim)}.dc-side-head{padding:20px 20px 12px;font-size:13px;font-weight:600;color:var(--muted)}.dc-side-empty{padding:0 20px;font-size:13px;color:var(--dim);line-height:20px}.dc-side-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;border:0;text-align:left;background:transparent;border-left:3px solid transparent}.dc-side-row[data-active=true]{background:var(--surface-2);border-left-color:var(--primary)}.dc-side-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1}.dc-side-line{display:flex;align-items:baseline;gap:8px;min-width:0}.dc-side-name{font-size:15px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-side-time{margin-left:auto;flex:none;font-size:11px;color:var(--dim)}.dc-side-preview{font-size:13px;color:var(--dim);min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-badge{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:9999px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}.dc-avatar-wrap{position:relative;flex:none;display:inline-flex}.dc-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:9999px;background:var(--accent);border:2px solid var(--surface)}.dc-nav-me{margin-left:auto;font-size:13px;color:var(--dim)}.dc-avatar[data-locked=true]{filter:blur(6px)}.dc-head-actions{margin-left:auto;gap:8px}.dc-head-actions,.dc-request{display:flex;align-items:center;flex-wrap:wrap}.dc-request{align-self:stretch;gap:12px;padding:12px 16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--primary);font-size:14px;line-height:22px;color:var(--text-2)}.dc-empty{margin:auto;font-size:14px;color:var(--dim)}.dc-back{display:none;flex:none;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--muted);font-size:16px}.dc-typing{display:flex;gap:5px;align-items:center;padding:14px 16px}.dc-typing i{width:7px;height:7px;border-radius:9999px;background:var(--muted);animation:dc-blink 1.2s ease-in-out infinite}.dc-typing i:nth-child(2){animation-delay:.15s}.dc-typing i:nth-child(3){animation-delay:.3s}@keyframes dc-blink{0%,60%,to{opacity:.25}30%{opacity:1}}@media (prefers-reduced-motion:reduce){.dc-typing i{animation:none;opacity:.6}}.dc-page{flex:1 1;overflow-y:auto;padding:32px 32px 64px}.dc-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--base)}.dc-hero-media{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);opacity:.38;z-index:0}.dc-hero-media,.dc-hero-scrim{position:absolute;inset:0;pointer-events:none}.dc-hero-scrim{z-index:1;background:linear-gradient(180deg,transparent 0,transparent 42%,var(--base) 100%)}.dc-hero-content{position:relative;z-index:2}@media (max-width:720px){.dc-hero-media{opacity:.32}.dc-nav{gap:14px;padding:0 14px;height:56px}.dc-brand{font-size:16px}.dc-nav-link{font-size:13px}.dc-page{padding:20px 16px 48px}.dc-chat-side{width:100%;border-right:0}.dc-chat[data-pane=list] .dc-chat-main,.dc-chat[data-pane=room] .dc-chat-side{display:none}.dc-back{display:inline-flex;align-items:center;justify-content:center}.dc-chat-head{min-height:64px;padding:8px 14px;gap:10px}.dc-head-actions{width:100%;margin-left:0}.dc-chat-body{padding:16px 14px}.dc-chat-foot{padding:12px 14px;gap:8px}.dc-line{max-width:82%}.dc-bubble{font-size:15px;line-height:24px}.dc-btn{padding:0 16px}}