.cg-notes{background:var(--g-bg);width:340px;height:100%;color:var(--g-text);border-left:1px solid var(--g-line);flex-direction:column;gap:16px;padding:24px;animation:.25s ease-out cg-notes-in;display:flex;overflow-y:auto}.cg-notes__title{font-family:var(--g-font-heading-small);font-weight:var(--g-heading-weight);text-transform:var(--g-heading-transform);letter-spacing:var(--g-heading-spacing);margin:0;font-size:22px;line-height:1.25}.cg-notes__intro,.cg-notes__hint{color:var(--g-muted);margin:0;font-size:14px;line-height:1.5}.cg-notes__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cg-notes__bubble{background:var(--g-surface);border-radius:8px;padding:12px}.cg-notes__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px}.cg-notes__meta{color:var(--g-muted);justify-content:space-between;gap:8px;font-size:12px;line-height:1.4;display:flex}.cg-notes__reply{border-left:2px solid color-mix(in srgb, var(--g-text) 24%, transparent);background:color-mix(in srgb, var(--g-text) 5%, transparent);margin-top:10px;padding:10px 12px}.cg-notes__reply span{color:var(--g-muted);font-size:11px}.cg-notes__reply p{white-space:pre-wrap;margin:3px 0 0}.cg-notes__status{align-items:center;gap:4px;display:inline-flex}.cg-notes__status.is-edited{color:var(--g-edited)}.cg-notes__gate,.cg-notes__form{flex-direction:column;gap:12px;display:flex}.cg-root .cg-notes__code{letter-spacing:.3em;text-align:center;font-size:20px}.cg-root .cg-notes__textarea{resize:vertical;min-height:104px}.cg-notes__error{min-height:0;color:var(--g-danger);margin:0;font-size:12px;line-height:1.4}.cg-notes__error:empty{display:none}.cg-root .cg-notes__text-btn{min-height:44px;color:var(--g-text);text-underline-offset:3px;align-self:center;padding:8px;font-size:14px;text-decoration:underline}.cg-root .cg-notes__text-btn:disabled{color:var(--g-muted);text-decoration:none}@keyframes cg-notes-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (width<=767px){.cg-notes{border-left:0;border-top:1px solid var(--g-line);width:auto;height:60vh;padding-bottom:max(24px, env(safe-area-inset-bottom));animation-name:cg-notes-up;position:fixed;bottom:0;left:0;right:0}}@keyframes cg-notes-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cg-notes{animation:none}}