*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:linear-gradient(145deg,#0a0820,#0f0c29 20%,#1a1145,#0d1b3e 80%,#0a0820);color:#e8e8f0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes viewEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 15px #8774e14d}50%{box-shadow:0 4px 30px #8774e199}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes progressFill{0%{width:0%}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes floatIn{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:480px;margin:0 auto;position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;flex-shrink:0;animation:fadeSlideUp .3s ease}.header-left{display:flex;align-items:center;gap:8px}.logo{font-size:22px;font-weight:800;background:linear-gradient(135deg,#8774e1,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.premium-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;letter-spacing:.5px;animation:floatIn .4s ease}.content{flex:1;overflow-y:auto;padding:4px 16px 16px;-webkit-overflow-scrolling:touch}.view-enter{animation:viewEnter .3s ease}.upload-btn{width:100%;padding:18px;border-radius:16px;background:linear-gradient(135deg,#8774e1,#6d5bd1,#5b4ac7);color:#fff;border:none;font-size:16px;font-weight:700;cursor:pointer;margin-bottom:16px;transition:all .3s ease;animation:pulseGlow 3s infinite,fadeSlideUp .4s ease;letter-spacing:.3px;position:relative;overflow:hidden}.upload-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #8774e180}.upload-btn:active{transform:translateY(0)}.upload-btn:disabled{opacity:.8;cursor:not-allowed;animation:none}.upload-progress-wrap{position:relative;width:100%;height:24px}.upload-progress-bar{position:absolute;left:0;top:0;height:100%;background:#fff3;border-radius:16px;transition:width .4s ease}.upload-progress-text{position:relative;z-index:1}.limit-banner{padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#f59e0b1a,#d9770614);border:1px solid rgba(245,158,11,.2);font-size:13px;color:#ffffffb3;margin-bottom:12px;animation:fadeSlideUp .4s ease}.empty-state,.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;animation:fadeSlideUp .5s ease}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.8}.empty-title{font-size:17px;font-weight:700;color:#fffc;margin-bottom:6px}.empty-sub{font-size:13px;color:#fff6;line-height:1.5;max-width:260px}.doc-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);margin-bottom:8px;animation:fadeSlideUp .35s ease both;transition:all .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.doc-card:hover,.doc-card:active{background:#ffffff12;border-color:#8774e133}.doc-icon{font-size:28px;flex-shrink:0}.doc-info{flex:1;min-width:0}.doc-name{display:block;font-size:14px;font-weight:600;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{display:block;font-size:12px;color:#ffffff59;margin-top:2px}.delete-btn{background:#e74c3c1f;border:1px solid rgba(231,76,60,.15);color:#e74c3c;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:10px;transition:all .2s ease;flex-shrink:0}.delete-btn:hover{background:#e74c3c33}.delete-btn:active{transform:scale(.95)}.chat-view{display:flex;flex-direction:column;height:100%}.messages{flex:1;overflow-y:auto;padding:4px 0 8px;display:flex;flex-direction:column}.msg{padding:12px 16px;border-radius:18px;margin-bottom:8px;max-width:85%;font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word;position:relative}.msg-user{background:linear-gradient(135deg,#8774e1,#6d5bd1);color:#fff;align-self:flex-end;border-bottom-right-radius:6px;animation:slideInRight .3s ease}.msg-bot{background:#ffffff0f;color:#e8e8f0;border:1px solid rgba(255,255,255,.06);align-self:flex-start;border-bottom-left-radius:6px;animation:slideInLeft .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.msg-text{min-height:1em}.copy-btn{position:absolute;bottom:6px;right:8px;background:#ffffff14;border:none;color:#ffffff80;font-size:12px;cursor:pointer;padding:4px 6px;border-radius:6px;opacity:0;transition:all .2s ease}.msg-bot:hover .copy-btn,.msg-bot:active .copy-btn{opacity:1}.copy-btn.copied{opacity:1;color:#4ade80}.typing-dots{display:inline-flex;gap:4px;padding:4px 0}.typing-dots span{width:6px;height:6px;border-radius:50%;background:#8774e1;animation:typingBounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:320px}.chip{padding:8px 14px;border-radius:20px;background:#8774e11f;border:1px solid rgba(135,116,225,.2);color:#ffffffb3;font-size:13px;cursor:pointer;transition:all .2s ease;animation:fadeSlideUp .4s ease both}.chip:nth-child(1){animation-delay:.1s}.chip:nth-child(2){animation-delay:.15s}.chip:nth-child(3){animation-delay:.2s}.chip:nth-child(4){animation-delay:.25s}.chip:nth-child(5){animation-delay:.3s}.chip:hover,.chip:active{background:#8774e140;color:#fff;transform:scale(1.03)}.input-bar{display:flex;gap:8px;padding:10px 0 6px;flex-shrink:0;animation:fadeSlideUp .4s ease}.input-bar input{flex:1;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#e8e8f0;font-size:15px;outline:none;transition:all .25s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.input-bar input:focus{border-color:#8774e166;box-shadow:0 0 0 3px #8774e11a;background:#ffffff12}.input-bar input::placeholder{color:#ffffff40}.input-bar input:disabled{opacity:.5}.input-bar button{padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#8774e1,#6d5bd1);color:#fff;border:none;font-size:18px;cursor:pointer;transition:all .25s ease;min-width:50px}.input-bar button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #8774e166}.input-bar button:active{transform:translateY(0)}.input-bar button:disabled{opacity:.4;cursor:not-allowed;transform:none}.upgrade-hero{text-align:center;padding:8px 0 20px;animation:fadeSlideUp .4s ease}.upgrade-hero h2{font-size:20px;font-weight:800;background:linear-gradient(135deg,#8774e1,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.upgrade-hero p{color:#ffffff80;font-size:14px;line-height:1.5}.upgrade-hero strong{color:#c084fc;-webkit-text-fill-color:#c084fc}.premium-active{text-align:center;padding:48px 24px;animation:fadeSlideUp .5s ease}.premium-icon{font-size:48px;margin-bottom:12px}.premium-active h2{font-size:22px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.premium-active p{color:#ffffff80;font-size:14px}.pricing-cards{display:flex;gap:12px;margin-bottom:20px}.pricing-card{flex:1;padding:20px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);transition:all .3s ease;position:relative;animation:fadeSlideUp .5s ease both}.pricing-card:nth-child(2){animation-delay:.1s}.pricing-card.premium{background:linear-gradient(145deg,#8774e126,#c084fc14);border-color:#8774e14d}.recommended-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:3px 12px;border-radius:20px;background:linear-gradient(135deg,#8774e1,#c084fc);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.plan-name{font-size:12px;font-weight:700;color:#ffffff80;margin-bottom:6px;text-transform:uppercase;letter-spacing:1.2px}.pricing-card.premium .plan-name{background:linear-gradient(135deg,#8774e1,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-card .price{font-size:28px;font-weight:800;color:#e8e8f0;margin-bottom:12px}.pricing-card .price span{font-size:13px;font-weight:400;color:#ffffff59}.features{display:flex;flex-direction:column;gap:6px}.feature{font-size:12px;color:#fff9;line-height:1.5}.feature-no{color:#ffffff40}.upgrade-btn{width:100%;padding:16px;border-radius:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;animation:pulseGlow 3s infinite}.upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #f59e0b66}.cancel-note{text-align:center;font-size:12px;color:#ffffff40;margin-top:12px}.stat-row{display:flex;gap:12px;margin-bottom:16px}.stat-card{flex:1;padding:20px 16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);text-align:center;animation:fadeSlideUp .4s ease both}.stat-card:nth-child(2){animation-delay:.08s}.stat-card.accent{background:linear-gradient(145deg,#8774e11f,#c084fc0f);border-color:#8774e133}.stat-value{font-size:26px;font-weight:800;color:#e8e8f0}.stat-label{font-size:12px;color:#fff6;margin-top:2px}.referral-link-card{padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);margin-bottom:12px;animation:fadeSlideUp .5s ease}.referral-label{font-size:12px;color:#fff6;margin-bottom:8px}.referral-url{padding:10px 14px;border-radius:10px;background:#ffffff0d;font-size:12px;font-family:SF Mono,Fira Code,monospace;color:#fff9;word-break:break-all;-webkit-user-select:all;user-select:all;margin-bottom:12px}.referral-actions{display:flex;gap:8px}.small-btn{padding:10px 18px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.small-btn:hover{background:#ffffff1a}.small-btn:active{transform:scale(.97)}.small-btn.accent{background:linear-gradient(135deg,#8774e133,#c084fc26);border-color:#8774e14d;color:#c084fc}.small-btn.accent:hover{background:linear-gradient(135deg,#8774e14d,#c084fc33)}.tab-bar{display:flex;justify-content:space-around;align-items:center;padding:8px 8px 20px;background:#0a0820d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:6px 12px;border-radius:12px;cursor:pointer;transition:all .25s ease;position:relative;min-width:56px}.tab-icon{font-size:20px;transition:transform .2s ease}.tab-label{font-size:10px;font-weight:600;color:#ffffff59;transition:color .25s ease}.tab.active{background:#8774e11f}.tab.active .tab-icon{transform:scale(1.1)}.tab.active .tab-label{color:#c084fc}.tab-badge{position:absolute;top:2px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:linear-gradient(135deg,#8774e1,#c084fc);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8774e140;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8774e166}::selection{background:#8774e14d;color:#fff}.selected-doc-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;margin:0 12px 6px;background:#5865f233;border:1px solid rgba(88,101,242,.4);border-radius:8px;font-size:13px;color:#ccc}.badge-close{background:none;border:none;color:#888;cursor:pointer;font-size:14px;padding:0 2px;line-height:1}.badge-close:hover{color:#fff}.doc-card{cursor:pointer;transition:border-color .2s}.doc-card.selected{border-color:#5865f2;background:#5865f21a}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.back-btn{background:none;border:none;color:#aaa;font-size:22px;cursor:pointer;padding:2px 6px;line-height:1}.back-btn:hover{color:#fff}.chat-header-doc{font-size:15px;font-weight:600;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.help-title{font-size:17px;font-weight:700;color:#eee}.help-section{padding:0 20px 20px}.help-section h3{font-size:15px;color:#8ea1e1;margin:0 0 8px}.help-section p{font-size:13px;color:#bbb;line-height:1.5;margin:0 0 6px}.help-section ul{margin:4px 0 10px;padding-left:20px}.help-section li{font-size:13px;color:#bbb;margin-bottom:3px}