:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--accent: #6366f1;--accent-hover: #818cf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: #2e2e3a;--success: #10b981;--warning: #f59e0b;--error: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:3rem 1rem 2rem;background:linear-gradient(180deg,var(--bg-secondary) 0%,transparent 100%)}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.logo-icon{width:2.5rem;height:2.5rem;color:var(--accent)}.logo h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--text-secondary);font-size:1.1rem}.main{flex:1;max-width:900px;margin:0 auto;padding:0 1.5rem;width:100%}.upload-section{margin-bottom:3rem}.dropzone{border:2px dashed var(--border);border-radius:1rem;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-card)}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:#6366f10d}.dropzone.has-file{border-style:solid;border-color:var(--success)}.drop-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{width:3rem;height:3rem;color:var(--text-secondary)}.dropzone p{font-size:1.2rem;color:var(--text-primary)}.hint{font-size:.9rem;color:var(--text-secondary)}.file-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-icon{width:2.5rem;height:2.5rem;color:var(--success)}.filename{font-weight:600;font-size:1.1rem}.filesize{color:var(--text-secondary);font-size:.9rem}.process-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:300px;margin:1.5rem auto 0;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.process-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.process-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{color:var(--error);text-align:center;margin-top:1rem}.results-section{margin-bottom:3rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.results-header h2{font-size:1.5rem}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--bg-secondary)}.results-grid{display:grid;gap:1.5rem}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.result-card h3{font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.result-card pre{white-space:pre-wrap;font-family:inherit;font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.result-card.actions{position:relative}.add-action-item{display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.add-action-item input{flex:1;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.9rem}.add-action-item input:focus{outline:none;border-color:var(--accent)}.add-action-item button{padding:.5rem;background:var(--accent);border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s ease}.add-action-item button:hover:not(:disabled){background:var(--accent-hover)}.add-action-item button:disabled{opacity:.5;cursor:not-allowed}.action-items-list{list-style:none}.action-item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start;padding:.75rem 0;border-bottom:1px solid var(--border);transition:all .2s ease}.action-item:last-child{border-bottom:none}.action-item.completed .task{text-decoration:line-through;color:var(--text-secondary)}.toggle-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-btn:hover,.action-item.completed .toggle-btn{color:var(--success)}.action-item-content{flex:1;min-width:0}.action-item-content .task{display:block;font-size:.95rem;margin-bottom:.25rem}.action-item-content .meta{display:flex;gap:.75rem;font-size:.8rem}.action-item-content .owner{color:var(--accent);background:#6366f126;padding:.125rem .5rem;border-radius:.25rem}.action-item-content .due{color:var(--warning);background:#f59e0b26;padding:.125rem .5rem;border-radius:.25rem}.edit-form{display:flex;flex-direction:column;gap:.5rem}.edit-form input{padding:.4rem .6rem;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:.375rem;color:var(--text-primary);font-size:.9rem}.edit-form input:focus{outline:none}.action-item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.action-item:hover .action-item-actions{opacity:1}.action-item-actions button{padding:.375rem;background:none;border:1px solid var(--border);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-item-actions button:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.action-item-actions button:last-child:hover{color:var(--error);border-color:var(--error)}.no-items{text-align:center;color:var(--text-secondary);padding:2rem 0;font-style:italic}.action-items-summary{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-secondary)}.features-section{margin-bottom:3rem}.features-section h2{text-align:center;font-size:1.5rem;margin-bottom:2rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.feature{text-align:center;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature h3{font-size:1.1rem;margin-bottom:.5rem}.feature p{color:var(--text-secondary);font-size:.9rem}.footer{text-align:center;padding:2rem;color:var(--text-secondary);border-top:1px solid var(--border)}@media (max-width: 640px){.logo h1{font-size:1.5rem}.dropzone{padding:2rem 1rem}.result-card.actions li{grid-template-columns:auto 1fr;gap:.5rem}.result-card-actions .owner,.result-card-actions .due{grid-column:2}}
