*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000;line-height:1.6}:root{--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #e8e8e8;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--border-color: #cccccc;--border-dark: #999999;--shadow: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .2)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-8{gap:2rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}p{color:var(--text-secondary);margin-bottom:1rem}.btn{padding:.75rem 1.5rem;border:2px solid var(--border-dark);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn:hover,.btn-primary{background-color:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--bg-primary);color:var(--text-primary)}.btn-summarize{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-dark);border-radius:9999px}.btn-summarize:hover{background-color:var(--text-primary);color:var(--bg-primary)}.btn-predict{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);border-radius:9999px}.btn-predict:hover{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--text-primary)}.btn-link{border-radius:9999px}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px var(--shadow)}.card:hover{box-shadow:0 4px 8px var(--shadow-dark);border-color:var(--border-dark)}.input{width:100%;padding:.75rem;border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem}.input:focus{outline:none;border-color:var(--border-dark)}.nav{background-color:var(--bg-primary);border-bottom:2px solid var(--border-color);padding:1rem 0}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid transparent}.nav-link:hover{border-color:var(--border-dark)}.nav-link.active{background-color:var(--text-primary);color:var(--bg-primary)}@media (max-width: 768px){.container{padding:0 1rem}.flex{flex-direction:column}.gap-4>*+*{margin-top:1rem}.nav .flex{flex-direction:row}.card{padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn{width:100%;text-align:center}.input{font-size:16px}}@media (max-width: 480px){.container{padding:0 .75rem}.nav{padding:.75rem 0}.nav h2{font-size:1.25rem}.nav .flex.gap-4{gap:1rem}.card{padding:.75rem}h1{font-size:1.75rem}.main-content{padding:1rem 0}}.mb-6{margin-bottom:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-primary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@media (hover: none) and (pointer: coarse){.btn,.nav-link,.input,select{min-height:44px;display:flex;align-items:center;justify-content:center}.nav-link{padding:.75rem 1rem}}.app{min-height:100vh;background-color:var(--bg-primary)}.main-content{padding:2rem 0;min-height:calc(100vh - 120px)}.loading{text-align:center;padding:2rem;color:var(--text-muted)}.error{background-color:var(--bg-secondary);border:2px solid var(--border-dark);padding:1rem;margin:1rem 0;color:var(--text-primary)}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.summary-display{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:12px;margin:16px 0;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.summary-display:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.summary-display.collapsed{margin:8px 0}.summary-header{display:flex;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .2s ease}.summary-header:hover{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.summary-icon{font-size:20px;margin-right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.8)}.summary-icon.error{background:rgba(220,53,69,.1)}.summary-title{font-weight:600;font-size:16px;color:#212529;flex-grow:1}.summary-badges{display:flex;gap:8px;margin-right:16px}.service-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.word-count-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;background:#6c757d;color:#fff}.collapse-toggle{font-size:14px;color:#6c757d;transition:transform .2s ease}.summary-display.collapsed .collapse-toggle{transform:rotate(180deg)}.summary-display.loading{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-color:#2196f3}.loading-content{padding:24px 20px;display:flex;align-items:center;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid #e3f2fd;border-top:3px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text p{margin:0;color:#1976d2;font-weight:500}.loading-dots{display:flex;gap:2px;margin-bottom:8px}.loading-dots span{width:6px;height:6px;background:#2196f3;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.summary-display.error{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border-color:#f44336}.error-content{padding:20px}.error-message{color:#c62828;margin:0 0 16px;font-weight:500}.error-actions{display:flex;gap:12px}.retry-button{background:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.retry-button:hover{background:#d32f2f}.summary-content{padding:20px}.summary-text{font-size:15px;line-height:1.6;color:#212529;margin-bottom:20px;padding:16px;background:rgba(255,255,255,.7);border-radius:8px;border-left:4px solid #28a745}.summary-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:12px}.summary-stats{display:flex;gap:16px;font-size:13px;color:#6c757d}.summary-stats span{display:flex;align-items:center;gap:4px}.summary-actions{display:flex;gap:8px;align-items:center}.summary-actions button{padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;background:white;color:#495057;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.summary-actions button:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.metadata-toggle{background:#17a2b8!important;color:#fff!important;border-color:#17a2b8!important}.metadata-toggle:hover{background:#138496!important;border-color:#117a8b!important}.clear-button{background:#dc3545!important;color:#fff!important;border-color:#dc3545!important}.clear-button:hover{background:#c82333!important;border-color:#bd2130!important}.export-dropdown{position:relative}.export-button{background:#28a745!important;color:#fff!important;border-color:#28a745!important}.export-button:hover{background:#218838!important;border-color:#1e7e34!important}.export-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px;display:none}.export-dropdown:hover .export-menu{display:block}.export-menu button{display:block;width:100%;text-align:left;border:none;border-radius:0;padding:8px 12px;background:transparent}.export-menu button:hover{background:#f8f9fa}.export-menu button:first-child{border-radius:6px 6px 0 0}.export-menu button:last-child{border-radius:0 0 6px 6px}.summary-metadata{margin-top:20px;padding:16px;background:rgba(255,255,255,.5);border-radius:8px;border:1px solid #e9ecef}.summary-metadata h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#495057}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f3f4}.metadata-item:last-child{border-bottom:none}.metadata-item label{font-weight:500;color:#6c757d;font-size:13px}.metadata-item span{font-weight:600;color:#212529;font-size:13px}.article-id{font-family:Courier New,monospace;background:#f8f9fa;padding:2px 6px;border-radius:4px;font-size:11px!important}@media (max-width: 768px){.summary-header{padding:12px 16px;flex-wrap:wrap}.summary-badges{order:3;width:100%;margin:8px 0 0}.summary-content{padding:16px}.summary-footer{flex-direction:column;align-items:stretch}.summary-actions{justify-content:center;flex-wrap:wrap}.metadata-grid{grid-template-columns:1fr}}.summary-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}