*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6C5CE7;--primary-light: #EDE9FF;--primary-dark: #5A4BD1;--bg: #F0EFF5;--text: #1C1C2E;--muted: #8892A4;--border: #E5E7EB;--white: #FFFFFF;--shadow: 0 2px 12px rgba(0,0,0,.08)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.btn-primary{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border:none;padding:16px;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary);padding:14px 32px;border-radius:28px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.btn-secondary:hover{background:var(--primary);color:var(--white)}.start-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#667eea,#764ba2);padding:24px}.start-card{background:var(--white);border-radius:28px;padding:48px 40px;max-width:420px;width:100%;text-align:center;box-shadow:0 24px 64px #00000040}.start-logo{font-size:64px;margin-bottom:16px;line-height:1}.start-title{font-size:34px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;background:linear-gradient(135deg,#6c5ce7,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-tagline{color:var(--muted);font-size:15px;margin-bottom:32px}.start-desc{display:flex;flex-direction:column;gap:12px;text-align:left;background:var(--bg);border-radius:16px;padding:20px;margin-bottom:28px}.start-desc-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.error-box{background:#fee2e2;color:#dc2626;border-radius:10px;padding:12px 16px;font-size:14px;margin-bottom:20px;text-align:left}.chat-screen{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:640px;margin:0 auto;background:var(--bg)}.chat-header{background:var(--white);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-shrink:0}.icon-btn{background:var(--bg);border:none;width:36px;height:36px;border-radius:10px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:background .15s;flex-shrink:0}.icon-btn:hover{background:var(--border)}.header-profile{display:flex;align-items:center;gap:10px;flex:1}.avatar{width:38px;height:38px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.header-name{font-weight:700;font-size:15px}.header-sub{font-size:11px;color:var(--muted)}.progress-badge{background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;flex-shrink:0}.progress-bar{height:3px;background:var(--border);flex-shrink:0}.progress-fill{height:100%;background:var(--primary);transition:width .4s ease}.messages-list{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.message{display:flex;align-items:flex-end;gap:8px;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.message.user{flex-direction:row-reverse}.msg-avatar{width:30px;height:30px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.msg-bubble{max-width:75%;padding:12px 16px;border-radius:20px;font-size:14px;line-height:1.65;word-break:break-word}.message.ai .msg-bubble{background:var(--white);color:var(--text);border-bottom-left-radius:6px;box-shadow:var(--shadow)}.message.user .msg-bubble{background:var(--primary);color:var(--white);border-bottom-right-radius:6px}.typing-bubble{padding:14px 18px!important}.typing-dots{display:flex;gap:5px;align-items:center}.typing-dot{width:7px;height:7px;background:var(--muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-7px);opacity:1}}.input-zone{background:var(--white);border-top:1px solid var(--border);padding:14px 16px;flex-shrink:0}.row-input{display:flex;align-items:center;gap:8px}.row-input input{flex:1;border:2px solid var(--border);border-radius:24px;padding:12px 18px;font-size:14px;outline:none;background:var(--bg);transition:border-color .2s,background .2s}.row-input input:focus{border-color:var(--primary);background:var(--white)}.col-input{display:flex;flex-direction:column;gap:8px}.col-input textarea{border:2px solid var(--border);border-radius:16px;padding:12px 16px;font-size:14px;font-family:inherit;resize:none;outline:none;min-height:88px;max-height:160px;background:var(--bg);line-height:1.65;transition:border-color .2s,background .2s}.col-input textarea:focus{border-color:var(--primary);background:var(--white)}.input-example{font-size:12px;color:var(--muted);background:var(--bg);border-radius:10px;padding:10px 14px;line-height:1.7;white-space:pre-line;border-left:3px solid var(--primary-light)}.input-footer{display:flex;justify-content:space-between;align-items:center}.input-hint{font-size:11px;color:var(--muted)}.send-btn{width:42px;height:42px;background:var(--primary);color:var(--white);border:none;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,opacity .2s}.send-btn:hover{transform:scale(1.08)}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.date-row{display:flex;align-items:center;gap:8px}.date-row input[type=date]{flex:1;border:2px solid var(--border);border-radius:14px;padding:12px 16px;font-size:15px;outline:none;color:var(--text);background:var(--bg);transition:border-color .2s,background .2s}.date-row input[type=date]:focus{border-color:var(--primary);background:var(--white)}.photo-zone{display:flex;flex-direction:column;gap:10px}.photo-preview{width:100%;max-height:200px;object-fit:cover;border-radius:14px;border:2px solid var(--border)}.photo-btns{display:flex;gap:8px}.btn-upload{flex:1;background:var(--primary-light);color:var(--primary);border:2px dashed var(--primary);border-radius:14px;padding:13px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:background .2s,color .2s;display:block}.btn-upload:hover{background:var(--primary);color:var(--white)}.btn-skip{flex:1;background:var(--bg);color:var(--muted);border:2px solid var(--border);border-radius:14px;padding:13px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.btn-skip:hover{background:var(--border);color:var(--text)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffff5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:999}.loading-spinner{width:48px;height:48px;border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;color:var(--muted);text-align:center;line-height:1.8}.article-screen{background:#f8f9fa;min-height:100vh}.article-wrap{max-width:680px;margin:0 auto}.article-actions{max-width:680px;margin:0 auto;padding:28px 24px 48px;text-align:center}.article-a{background:var(--white);font-family:Georgia,Times New Roman,serif}.a-header{background:#0d1117;color:var(--white);padding:24px 28px 28px}.a-paper{font-size:12px;letter-spacing:4px;text-transform:uppercase;opacity:.5;margin-bottom:14px}.a-dateline{display:flex;justify-content:space-between;font-size:11px;opacity:.5;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:7px 0;margin-bottom:20px}.a-title{font-size:26px;font-weight:700;line-height:1.35;margin-bottom:12px}.a-subtitle{font-size:14px;opacity:.75;font-style:italic;line-height:1.6}.a-photo{width:100%;max-height:380px;object-fit:cover;display:block}.a-photo-ph{width:100%;height:260px;background:linear-gradient(135deg,#1c2534,#0d1117);display:flex;align-items:center;justify-content:center;font-size:56px}.a-byline{padding:12px 28px;font-size:11px;color:#888;font-family:sans-serif;border-bottom:3px solid #0D1117}.a-body{padding:28px;font-size:15px;line-height:1.9;color:#2c2c2c}.a-body p{margin-bottom:18px;text-align:justify}.a-body p:first-child:first-letter{font-size:3.2em;float:left;line-height:.8;margin:6px 8px 0 0;font-weight:700;color:#0d1117}.article-b{background:#0a0a14;color:#e8e8f0;font-family:-apple-system,Inter,sans-serif}.b-header{background:linear-gradient(135deg,#6c5ce7,#8b5cf6,#a78bfa);padding:28px}.b-tag{display:inline-block;background:#ffffff2e;color:var(--white);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px}.b-title{font-size:24px;font-weight:800;line-height:1.3;color:var(--white);margin-bottom:12px}.b-subtitle{font-size:14px;color:#ffffffd9;line-height:1.6}.b-photo{width:100%;max-height:300px;object-fit:cover;display:block}.b-photo-ph{width:100%;height:240px;background:linear-gradient(135deg,#6c5ce733,#8b5cf61a);border:1px solid rgba(108,92,231,.3);display:flex;align-items:center;justify-content:center;font-size:56px}.b-byline{padding:12px 28px;font-size:11px;color:#6b7280;border-bottom:1px solid #1E1E2E}.b-body{padding:24px 28px;font-size:15px;line-height:1.8;color:#c8c8d8}.b-body p{margin-bottom:16px}.b-body p:first-child{color:#e8e8f0;font-size:16px;font-weight:500;border-left:3px solid #6C5CE7;padding-left:14px}.article-c{background:var(--white);font-family:-apple-system,BlinkMacSystemFont,sans-serif}.c-header{background:linear-gradient(135deg,#ff6b6b,#ff8e53);padding:28px;color:var(--white)}.c-tag{display:inline-block;background:#ffffff40;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;margin-bottom:14px;letter-spacing:1px}.c-title{font-size:22px;font-weight:800;line-height:1.35;margin-bottom:14px}.c-subtitle{font-size:14px;background:#0000001f;padding:10px 14px;border-radius:10px;line-height:1.6}.c-photo{width:100%;max-height:300px;object-fit:cover;display:block}.c-photo-ph{width:100%;height:240px;background:linear-gradient(135deg,#ff6b6b1a,#ff8e531a);display:flex;align-items:center;justify-content:center;font-size:56px}.c-body{padding:20px;display:flex;flex-direction:column;gap:12px}.c-body p{font-size:15px;line-height:1.75;color:#374151;background:#fff9f9;padding:16px 18px;border-radius:14px;border-left:4px solid #FF6B6B}.c-byline{padding:12px 20px 20px;font-size:11px;color:#9ca3af}.body-img{width:100%;display:block;margin:4px 0 20px}.body-img--a{max-height:300px;object-fit:cover}.body-img--b{max-height:280px;object-fit:cover;opacity:.85;border:1px solid #2D2D44}.body-img--c{max-height:260px;object-fit:cover;border-radius:14px;margin-bottom:4px}@media (max-width: 480px){.start-card{padding:32px 24px}.start-title{font-size:28px}.msg-bubble{max-width:84%}.a-title,.b-title,.c-title{font-size:20px}.a-body,.b-body{padding:20px 18px}.a-header,.b-header,.c-header{padding:20px}}