@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&family=Space+Grotesk:wght@400;500;600;700&display=swap";.coffee-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.coffee-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity var(--transition-fast)}.coffee-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.coffee-card:hover:before{opacity:1}.coffee-card:active{transform:translateY(0) scale(.99)}.card-header{margin-bottom:var(--space-sm)}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.card-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.25;letter-spacing:-.01em}.coffee-bean-icon{flex-shrink:0;opacity:.9}.card-tostador{font-size:.6875rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.card-notas{font-size:.8125rem;color:var(--text-secondary);font-style:italic;line-height:1.4;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-recipes{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border)}.recipes-grid{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.recipe-chip{display:flex;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;font-size:.6875rem}.chip-method{font-weight:600;color:var(--text-primary);letter-spacing:.02em}.chip-details{display:flex;gap:4px;color:var(--text-muted)}.chip-details span{font-weight:500}.recipes-more{font-size:.6875rem;color:var(--text-muted);font-weight:500;white-space:nowrap;margin-left:2px}.no-recipes-hint{font-size:.6875rem;color:var(--text-muted);font-style:italic;flex:1}.card-stock{font-size:.75rem;font-weight:600;color:var(--success);background:var(--success-soft);padding:2px var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.card-stock.low{color:var(--danger);background:var(--danger-soft)}.coffee-list{display:flex;flex-direction:column;gap:var(--space-lg)}.search-container{position:relative}.search-input{width:100%;padding:var(--space-md) var(--space-lg);padding-right:3rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.9375rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.search-input:hover{border-color:var(--border-strong)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-input::placeholder{color:var(--text-muted)}.clear-search{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);font-size:1.25rem;display:flex;align-items:center;justify-content:center;line-height:1}.clear-search:hover{background:var(--border-strong);color:var(--text-primary)}.cards-container{display:flex;flex-direction:column;gap:var(--space-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-xl);text-align:center;animation:fadeIn var(--transition-slow) ease}.empty-icon{width:48px;height:48px;margin-bottom:var(--space-lg);opacity:.3;color:var(--text-muted)}.empty-state p{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--text-muted);letter-spacing:.01em}.coffee-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A8A098' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:2.5rem}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--border)}.btn{flex:1;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;text-align:center;transition:all var(--transition-fast)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.coffee-detail{display:flex;flex-direction:column;gap:var(--space-xl)}.detail-header-compact{text-align:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.detail-header-compact h2{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em}.detail-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-xs);font-size:.875rem;color:var(--text-secondary);line-height:1.6}.detail-meta .detail-tostador{font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.detail-meta .detail-tueste{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:.8125rem}.detail-meta .detail-notas{font-style:italic;color:var(--text-secondary)}.detail-separator{color:var(--text-muted);opacity:.5}.detail-section h3{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-header h3{margin-bottom:0}.add-recipe-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-fast)}.add-recipe-btn:hover{background:var(--accent);color:#fff}.stock-section{background:var(--bg-elevated);border:1px solid var(--border);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stock-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.stock-btn{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;border:1px solid var(--border);transition:all var(--transition-fast)}.stock-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.stock-btn:active{transform:scale(.95)}.stock-value{font-family:var(--font-display);font-size:2rem;font-weight:500;color:var(--success);min-width:100px;text-align:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:all var(--transition-fast)}.stock-value:hover{background:var(--bg-secondary);border-color:var(--border)}.stock-value.low{color:var(--danger)}.stock-input-wrapper{display:flex;align-items:center;gap:2px;background:var(--bg-primary);border:2px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);min-width:100px}.stock-input{font-family:var(--font-display);font-size:2rem;font-weight:500;color:var(--success);background:transparent;border:none;width:80px;text-align:right;outline:none;-moz-appearance:textfield}.stock-input::-webkit-outer-spin-button,.stock-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stock-input-suffix{font-family:var(--font-display);font-size:2rem;font-weight:500;color:var(--success)}.recipe-form{background:var(--bg-elevated);border:1px solid var(--border);padding:var(--space-lg);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);animation:scaleIn var(--transition-normal) ease}.floating-field{position:relative;width:100%}.floating-field input,.floating-field select{width:100%;padding:var(--space-lg) var(--space-md) var(--space-sm);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-fast)}.floating-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A8A098' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:2.5rem;cursor:pointer}.floating-field label{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9375rem;pointer-events:none;transition:all var(--transition-fast);background:transparent;padding:0 4px}.floating-field input:focus+label,.floating-field input:not(:placeholder-shown)+label,.floating-field select:focus+label,.floating-field select.has-value+label{top:8px;transform:translateY(0);font-size:.6875rem;color:var(--accent);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.floating-field input:focus,.floating-field select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.floating-field input[type=number]::-webkit-outer-spin-button,.floating-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.floating-field input[type=number]{-moz-appearance:textfield}.recipe-form input::placeholder{color:transparent}.recipe-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.recipe-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.btn-cancel,.btn-save{flex:1;padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.btn-cancel{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-save{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-save:hover{background:var(--accent-hover)}.recipes-list{display:flex;flex-direction:column;gap:var(--space-md)}.recipe-card{background:var(--bg-elevated);border:1px solid var(--border);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;transition:all var(--transition-fast)}.recipe-card:hover{border-color:var(--border-strong)}.recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.recipe-method{font-family:var(--font-display);font-weight:500;font-size:1.125rem;color:var(--text-primary)}.recipe-card-actions{display:flex;gap:var(--space-sm)}.recipe-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;transition:all var(--transition-fast);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary)}.recipe-action-btn svg{width:14px;height:14px;flex-shrink:0}.recipe-action-btn span{line-height:1}.recipe-action-btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-elevated)}.recipe-action-btn:active{transform:scale(.96)}.recipe-edit-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.recipe-delete-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.recipe-details{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.recipe-tag{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--accent);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500}.recipe-tag svg{flex-shrink:0}.recipe-notes{font-size:.875rem;color:var(--text-secondary);font-style:italic;line-height:1.4;padding-top:var(--space-sm);border-top:1px solid var(--border);margin-top:var(--space-sm)}.no-recipes{font-family:var(--font-display);color:var(--text-muted);text-align:center;padding:var(--space-xl);font-style:italic;font-size:1rem}.danger-zone{margin-top:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid var(--border)}.delete-coffee-btn{width:100%;padding:var(--space-md);background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.delete-coffee-btn:hover{background:var(--danger-soft)}.delete-confirm{text-align:center;animation:scaleIn var(--transition-normal) ease}.delete-confirm p{margin-bottom:var(--space-md);color:var(--text-primary);font-weight:500}.delete-actions{display:flex;gap:var(--space-md)}.delete-actions button{flex:1;padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.delete-actions button:first-child{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.delete-actions button:first-child:hover{background:var(--border);color:var(--text-primary)}.confirm-delete{background:var(--danger);color:#fff}.confirm-delete:hover{background:#e47c6a}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn var(--transition-fast) ease}.modal-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:340px;width:100%;box-shadow:var(--shadow-lg);animation:scaleIn var(--transition-normal) ease}.modal-content.modal-danger{border-color:#d46c5a4d}.modal-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--text-primary)}.modal-header svg{width:20px;height:20px;color:var(--accent)}.modal-danger .modal-header svg{color:var(--danger)}.modal-header h4{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin:0}.modal-message{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:var(--space-md)}.modal-message strong{color:var(--text-primary)}.modal-warning{color:var(--danger);font-size:.8125rem;margin-bottom:var(--space-lg);opacity:.9}.modal-actions{display:flex;gap:var(--space-md)}.modal-btn{flex:1;padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.modal-btn:active{transform:scale(.97)}.modal-btn-cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.modal-btn-cancel:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-strong)}.modal-btn-confirm{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.modal-btn-confirm:hover{background:var(--accent-hover)}.modal-btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.modal-btn-danger:hover{background:#e47c6a}.settings{display:flex;flex-direction:column;gap:var(--space-xl)}.settings-header h2{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-display);font-size:1.5rem;font-weight:500;text-align:center;padding-bottom:var(--space-lg);border-bottom:1px solid var(--border);color:var(--text-primary)}.settings-header h2 svg{flex-shrink:0;color:var(--accent)}.settings-section{background:var(--bg-elevated);border:1px solid var(--border);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.settings-section h3{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.settings-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.settings-stats{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--accent)}.settings-actions{display:flex;flex-direction:column;gap:var(--space-md)}.settings-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;transition:all var(--transition-fast)}.settings-btn svg{flex-shrink:0}.settings-btn:active{transform:scale(.98)}.export-btn{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.export-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.import-btn{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary)}.import-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.status-message{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);text-align:center;font-size:.875rem;font-weight:500;animation:slideUp var(--transition-normal) ease}.status-message.success{background:var(--success-soft);color:var(--success);border:1px solid rgba(90,143,92,.2)}.status-message.error{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(196,92,74,.2)}.import-confirm{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);animation:scaleIn var(--transition-normal) ease}.import-confirm p{text-align:center;margin-bottom:var(--space-sm);font-size:.9375rem}.import-confirm p strong{color:var(--accent)}.export-date{color:var(--text-muted);font-size:.8125rem}.confirm-question{color:var(--text-secondary);font-size:.875rem!important;margin-bottom:var(--space-lg)!important}.import-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.import-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);transition:all var(--transition-fast)}.import-option:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.import-option:active{transform:scale(.98)}.import-option.merge{border-color:#5a8f5c4d}.import-option.merge:hover{border-color:var(--success);background:var(--success-soft)}.import-option.replace{border-color:#c4684a4d}.import-option.replace:hover{border-color:var(--accent);background:var(--accent-soft)}.option-icon{display:flex;align-items:center;justify-content:center;opacity:.8}.option-icon svg{width:24px;height:24px}.option-label{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.option-desc{font-size:.75rem;color:var(--text-muted);text-align:center}.cancel-import{width:100%;padding:var(--space-md);background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.cancel-import:hover{color:var(--text-primary);background:var(--bg-secondary)}.about-section{text-align:center}.about-section p{color:var(--text-secondary);font-size:.9375rem}.about-section h3+p{font-family:var(--font-display);font-size:1.125rem;color:var(--text-primary);margin-top:var(--space-md)}.about-desc{font-size:.8125rem!important;color:var(--text-muted)!important;margin-top:var(--space-xs)}.update-prompt{position:fixed;bottom:0;left:0;right:0;padding:var(--space-lg);z-index:1000;animation:slideUp var(--transition-slow) cubic-bezier(.16,1,.3,1)}.update-content{max-width:480px;margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-lg)}.update-icon{display:flex;align-items:center;justify-content:center;opacity:.8;color:var(--accent)}.update-content p{flex:1;font-size:.9375rem;font-weight:500;color:var(--text-primary)}.update-actions{display:flex;gap:var(--space-sm)}.update-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;transition:all var(--transition-fast)}.update-btn:active{transform:scale(.95)}.update-btn.dismiss{background:transparent;color:var(--text-muted)}.update-btn.dismiss:hover{color:var(--text-secondary);background:var(--bg-secondary)}.update-btn.reload{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.update-btn.reload:hover{background:var(--accent-hover)}.app{min-height:100vh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-primary);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header h1{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1.5rem;font-weight:500;flex:1;text-align:center;color:var(--text-primary);letter-spacing:-.02em}.header h1 svg{flex-shrink:0;color:var(--accent)}.header-actions{display:flex;gap:var(--space-sm);align-items:center}.header-spacer{width:40px}.back-btn,.add-btn,.icon-btn{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.back-btn{background:transparent;color:var(--text-secondary);font-size:1.25rem;font-weight:400}.back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.back-btn:active{transform:scale(.95)}.add-btn{background:var(--accent);color:#fff;font-size:1.5rem;font-weight:300;box-shadow:var(--shadow-sm)}.add-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.add-btn:active{transform:scale(.95)}.icon-btn{background:transparent;color:var(--text-secondary);font-size:1.125rem}.icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.icon-btn:active{transform:scale(.95)}.main{flex:1;padding:var(--space-lg);overflow-y:auto;animation:fadeIn var(--transition-normal) ease}.main>*{animation:slideUp var(--transition-slow) ease}.footer{padding:var(--space-md) var(--space-lg);text-align:center;font-size:.875rem;color:var(--text-secondary);border-top:1px solid var(--border);background:var(--bg-primary)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #121212;--bg-secondary: #1E1E1E;--bg-elevated: #252525;--text-primary: #E8E4E0;--text-secondary: #A8A098;--text-muted: #6B6560;--accent: #D4785A;--accent-soft: rgba(212, 120, 90, .15);--accent-hover: #E8886A;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--success: #6AAF6C;--success-soft: rgba(106, 175, 108, .15);--danger: #D46C5A;--danger-soft: rgba(212, 108, 90, .15);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.2;letter-spacing:-.01em}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:transparent;transition:all var(--transition-fast)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{font-family:var(--font-body);font-size:16px;border:none;outline:none;background:transparent}input:focus,select:focus,textarea:focus{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-soft);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}