body{background:var(--color-bg);font-family:var(--font-body);color:var(--color-text);margin:0}.cp-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.cp-header{background:var(--color-primary);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-logo-link{display:inline-flex;align-items:center}.cp-logo{height:28px;width:auto}.cp-chat{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.cp-chat-inner{width:100%;max-width:var(--container-narrow);margin:0 auto}.cp-row{display:flex;max-width:var(--container-narrow);margin:0 auto;width:100%}.cp-row.bot{justify-content:flex-start}.cp-row.user{justify-content:flex-end}.cp-bubble{max-width:82%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--fs-body);line-height:var(--lh-normal);animation:cp-pop .22s ease-out both;white-space:pre-wrap;word-break:break-word}.cp-row.bot .cp-bubble{background:#fff;border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm);color:var(--color-text)}.cp-row.user .cp-bubble{background:var(--color-accent);color:var(--color-bg);border-bottom-right-radius:var(--radius-sm)}@keyframes cp-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cp-typing{display:inline-flex;gap:4px;padding:var(--space-2) 0}.cp-typing span{width:7px;height:7px;border-radius:50%;background:var(--color-border-strong);animation:cp-blink 1.2s infinite ease-in-out}.cp-typing span:nth-child(2){animation-delay:.15s}.cp-typing span:nth-child(3){animation-delay:.3s}@keyframes cp-blink{0%,80%,to{opacity:.3}40%{opacity:1}}.cp-letra{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);max-width:var(--container-narrow);margin:var(--space-1) auto;width:100%;box-sizing:border-box}.cp-letra .lyric-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--color-accent);margin:0 0 var(--space-1)}.cp-letra .lyric-sub{font-size:var(--fs-caption);color:var(--color-text-soft);font-style:italic;margin:0 0 var(--space-4)}.cp-letra .lyric-line{font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--color-text)}.cp-letra .lyric-tag{display:block;font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin:var(--space-4) 0 var(--space-1)}.cp-letra .lyric-line:first-child .lyric-tag{margin-top:0}.cp-dock{flex-shrink:0;background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-4)}.cp-dock-inner{max-width:var(--container-narrow);margin:0 auto}.cp-dock:empty{display:none}.cp-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cp-chip{min-height:46px;padding:0 var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:#fff;font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.cp-chip:hover{border-color:var(--color-accent)}.cp-chip:active{transform:scale(.98)}.cp-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cp-textrow{display:flex;gap:var(--space-2);align-items:flex-end}.cp-input,.cp-textarea{flex:1;width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-family:var(--font-body);font-size:1rem;color:var(--color-text);box-sizing:border-box;outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.cp-input{height:52px}.cp-textarea{min-height:88px;resize:vertical;line-height:var(--lh-normal)}.cp-input:focus,.cp-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-focus-ring)}.cp-field{margin-bottom:var(--space-3)}.cp-field label{display:block;font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.cp-check{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--fs-caption);color:var(--color-text-soft);line-height:var(--lh-normal);cursor:pointer;margin:var(--space-3) 0}.cp-check input{width:20px;height:20px;flex-shrink:0;margin-top:1px;accent-color:var(--color-accent)}.cp-check a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.cp-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-body);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--transition-base),transform var(--transition-fast)}.cp-btn-primary{background:var(--color-accent);color:var(--color-bg)}.cp-btn-primary:hover{background:var(--color-accent-hover)}.cp-btn-primary:active{transform:scale(.99)}.cp-btn-ghost{background:transparent;color:var(--color-text-soft);border:1.5px solid var(--color-border);margin-top:var(--space-2)}.cp-btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.cp-btn:disabled{opacity:.6;cursor:not-allowed}.cp-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.cp-send{flex-shrink:0;width:52px;height:52px;padding:0;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-bg);border:none;cursor:pointer;font-size:1.25rem}.cp-send:disabled{opacity:.5;cursor:not-allowed}.cp-err{font-size:var(--fs-micro);color:var(--color-error);margin:var(--space-2) 0 0;min-height:1em}.cp-input.has-error,.cp-textarea.has-error{border-color:var(--color-error)}@media(prefers-reduced-motion:reduce){.cp-bubble,.cp-typing span{animation:none}.cp-btn,.cp-chip{transition:none}}@media(min-width:768px){.cp-chat{padding:var(--space-8) var(--space-5)}.cp-dock{padding:var(--space-5)}}