*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.cx-page{--cx-primary: #111827;--cx-bg: #f6f7f9;--cx-text: #111827;min-height:100vh;background:var(--cx-bg);color:var(--cx-text);padding:0 16px 120px}.cx-wrap{width:100%;max-width:720px;margin:0 auto}.cx-header{display:flex;align-items:center;gap:12px;padding:28px 0 20px}.cx-logo{height:44px;width:auto;max-width:160px;object-fit:contain}.cx-brand{font-size:18px;font-weight:700}.cx-intro{margin:0 0 20px;font-size:15px;line-height:1.6}.cx-intro strong{font-weight:700}.cx-message{margin:0 0 20px;padding:14px 16px;border-radius:10px;font-size:14px;line-height:1.6;white-space:pre-wrap;background:#7f7f7f1f}.cx-card{background:#fff;color:#111827;border-radius:14px;overflow:hidden;margin-bottom:20px;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000f}.cx-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;padding:14px 16px}.cx-card-title{font-size:15px;font-weight:700}.cx-card-meta{font-size:13px;color:#6b7280}.cx-media{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;background:#f3f4f6;padding:12px}.cx-media>*{flex:0 0 auto;scroll-snap-align:center;max-height:70vh;max-width:100%;border-radius:8px;background:#e5e7eb}.cx-media-single{justify-content:center}.cx-media img,.cx-media video{display:block;height:auto;width:auto;max-height:70vh;max-width:100%}.cx-hint{padding:0 16px;margin:8px 0 0;font-size:12px;color:#6b7280}.cx-caption{margin:12px 16px 0;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.cx-caption-label{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:#6b7280}.cx-flag{margin:12px 16px 0;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.5;background:#fffbeb;color:#92400e;border-left:4px solid #f59e0b}.cx-answer{margin:12px 16px 16px;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.5;background:#f3f4f6}.cx-answer-approved{background:#ecfdf5;color:#065f46}.cx-answer-changes{background:#fff7ed;color:#9a3412}.cx-actions{display:flex;gap:8px;padding:14px 16px 16px}.cx-actions>*{flex:1 1 0}.cx-button{height:44px;padding:0 18px;border-radius:10px;border:1px solid transparent;cursor:pointer;font:inherit;font-size:14px;font-weight:700;background:var(--cx-primary, #111827);color:#fff}.cx-button:disabled{opacity:.5;cursor:not-allowed}.cx-button-outline{background:#fff;color:#111827;border-color:#d1d5db}.cx-button-on{box-shadow:0 0 0 3px #1118272e}.cx-button-outline.cx-button-on{background:#111827;color:#fff;border-color:#111827}.cx-field{display:block;padding:0 16px 16px}.cx-label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#374151}.cx-input,.cx-textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;color:#111827;background:#fff}.cx-textarea{min-height:88px;resize:vertical}.cx-input:focus,.cx-textarea:focus{outline:2px solid var(--cx-primary, #111827);outline-offset:1px}.cx-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;color:#111827;border-top:1px solid #e5e7eb;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.cx-bar-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;max-width:720px;margin:0 auto}.cx-bar-inner .cx-input{flex:1 1 0;min-width:0;height:44px}.cx-bar-inner .cx-button{flex:0 0 auto}.cx-error{max-width:720px;margin:0 auto 8px;font-size:13px;color:#b91c1c}.cx-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.cx-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cx-row .cx-button{flex:0 0 auto}.cx-badge{flex:0 0 auto;padding:4px 10px;border-radius:3px;font-size:12px;font-weight:700;background:#059669;color:#fff}.cx-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#e5e7eb}.cx-button-link{display:inline-flex;align-items:center;text-decoration:none}.cx-footer{padding:24px 0 0;text-align:center;font-size:12px;opacity:.6}.cx-notice{min-height:100vh;display:grid;place-items:center;padding:24px;text-align:center;color:#6b7280;font-size:14px;line-height:1.6}.cx-notice>div{max-width:360px}.cx-notice-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.cx-skeleton{height:320px;border-radius:14px;margin-bottom:20px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:cx-shimmer 1.4s ease infinite}@keyframes cx-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}