.article-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.article-card:hover{border-color:var(--border-accent);background:var(--bg-glass-hover)}.article-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.article-title{font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;flex:1;transition:color var(--transition-fast)}.article-title:hover{color:var(--accent-primary)}.article-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.article-card:hover .article-actions{opacity:1}.btn-xs{width:28px;height:28px;padding:0}.article-preview{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-sm)}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap}.article-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag{font-size:.7rem;padding:2px 8px;background:var(--accent-subtle);color:var(--accent-primary);border-radius:var(--radius-sm);font-weight:500}.tag-more{background:var(--bg-secondary);color:var(--text-muted)}.article-date{font-size:.75rem;color:var(--text-muted)}.article-characters{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.character-tag{font-size:.7rem;padding:2px 8px;background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-sm);font-weight:500}.character-tag-more{background:var(--bg-secondary);color:var(--text-muted)}.event-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-subtle);border-left:3px solid;transition:all var(--transition-fast)}.event-card.event-birth{border-left-color:var(--success)}.event-card.event-death{border-left-color:var(--error)}.event-card:hover{border-color:var(--border-accent);background:var(--bg-glass-hover)}.event-header{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.event-icon{flex-shrink:0;margin-top:2px}.event-info{flex:1;min-width:0}.event-title{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.event-date{font-size:.85rem;color:var(--text-muted)}.event-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.event-card:hover .event-actions{opacity:1}.event-description{margin-top:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary);line-height:1.5}.timeslot.vertical{display:flex;gap:var(--spacing-md);position:relative}.timeslot.horizontal{position:absolute;min-width:220px;max-width:400px;z-index:1}.timeslot.horizontal.expanded{z-index:20}.timeslot.horizontal:hover{z-index:10}.timeslot.dragging{z-index:100}.timeslot.vertical .timeslot-marker{display:flex;flex-direction:column;align-items:center;position:absolute;left:-38px;top:0;height:100%}@media (max-width: 768px){.timeslot.vertical .timeslot-marker{position:relative;left:0;width:100%;height:auto;flex-direction:row;margin-bottom:var(--spacing-sm);justify-content:flex-start;gap:var(--spacing-sm)}.timeslot.vertical{flex-direction:column}.marker-line{display:none}.marker-dot{margin-top:0;flex-shrink:0}}.timeslot.horizontal .timeslot-marker{display:none}.marker-dot{width:14px;height:14px;border-radius:50%;background:var(--accent-primary);border:3px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent-primary),var(--shadow-glow);flex-shrink:0;margin-top:18px}.marker-line{flex:1;width:2px;background:linear-gradient(180deg,var(--accent-primary) 0%,transparent 100%);opacity:.3;margin-top:var(--spacing-sm)}.timeslot-card{flex:1;padding:var(--spacing-md);transition:all var(--transition-normal)}.timeslot-card.horizontal{padding:var(--spacing-sm) var(--spacing-md);border-left-style:solid;position:relative;min-height:auto}.timeslot-card.horizontal.expanded{padding-bottom:var(--spacing-md)}.timeslot-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.timeslot-header{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.timeslot-header.horizontal{flex-wrap:wrap}.drag-handle{cursor:grab;color:var(--text-muted);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.drag-handle:hover{color:var(--accent-primary);background:var(--accent-subtle)}.drag-handle:active{cursor:grabbing}.timeslot-info{flex:1;cursor:pointer;min-width:0}.timeslot-title{font-size:1.1rem;margin-bottom:var(--spacing-xs);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.timeslot-title{white-space:normal;overflow:visible;text-overflow:clip}}.horizontal .timeslot-title{font-size:.95rem;margin-bottom:2px}.timeslot-date{font-size:.85rem;color:var(--accent-primary);font-weight:500}.horizontal .timeslot-date{font-size:.75rem}.timeslot-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.timeslot-actions.horizontal{gap:2px}.timeslot-actions.horizontal .btn-icon{width:28px;height:28px}.timeslot-actions.horizontal .btn-icon svg{width:14px;height:14px}.article-count{font-size:.75rem;color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);white-space:nowrap}.event-count{font-size:.75rem;color:var(--text-muted)}.article-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--bg-primary);box-shadow:var(--shadow-sm);z-index:2;pointer-events:none}.btn-danger:hover{color:var(--error)!important;background:#f871711a!important}.expand-btn svg{transition:transform var(--transition-fast)}.timeslot-edit-form{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.timeslot-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.timeslot-edit-modal{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:380px;max-width:450px;animation:slideUp var(--transition-normal) ease-out}@media (max-width: 768px){.timeslot-edit-modal{min-width:auto;max-width:95vw;width:95vw;margin:var(--spacing-md);padding:var(--spacing-md)}}.edit-modal-title{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--accent-primary)}.edit-title-input{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;width:100%}.date-inputs{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.date-inputs input{flex:1;max-width:160px;min-width:120px}.date-inputs span{color:var(--text-muted);font-size:.85rem}.edit-actions{display:flex;gap:var(--spacing-sm)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.timeslot-content{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.timeslot-card.horizontal .timeslot-content{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);max-height:500px;overflow-y:auto}.timeslot-card.horizontal .articles-list{gap:var(--spacing-sm)}.timeslot-card.horizontal .article-card{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.timeslot-card.horizontal .no-articles{padding:var(--spacing-md);text-align:center}.timeslot-card.horizontal .no-articles button{margin-top:var(--spacing-sm)}.no-articles{text-align:center;padding:var(--spacing-lg);color:var(--text-muted)}.empty-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm)}.timeline-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.no-articles p{margin-bottom:var(--spacing-sm);font-style:italic}.articles-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.timeslot.lane-0 .marker-dot{background:var(--accent-primary)}.timeslot.lane-1 .marker-dot{background:#7c9eb2}.timeslot.lane-2 .marker-dot{background:#b07c9e}.timeslot.lane-3 .marker-dot{background:#9eb07c}.timeslot.lane-4 .marker-dot{background:#b0967c}.timeslot.lane-5 .marker-dot{background:#7c7cb0}.timeline-container{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xl);overflow:hidden}@media (max-width: 768px){.timeline-container{padding:var(--spacing-md)}}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);flex-shrink:0;gap:var(--spacing-md)}.timeline-header-left,.timeline-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.timeline-name{font-size:1.75rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);margin:calc(-1 * var(--spacing-xs)) calc(-1 * var(--spacing-sm));border-radius:var(--radius-md);transition:background var(--transition-fast)}.timeline-name:hover{background:var(--bg-tertiary)}.timeline-name-input{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;background:var(--bg-tertiary);border:2px solid var(--accent-primary);padding:var(--spacing-xs) var(--spacing-sm);width:300px}@media (max-width: 768px){.timeline-name-input{width:100%;max-width:100%}.timeline-header,.timeline-header-right{flex-wrap:wrap}}.layout-toggle{display:flex;gap:2px;padding:2px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.layout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);transition:all var(--transition-fast)}.layout-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.layout-btn.active{background:var(--accent-primary);color:var(--bg-primary)}.timeline-content{flex:1;overflow:auto;position:relative;padding:var(--spacing-md) 0}@media (max-width: 768px){.timeline-content{overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%}}.timeline-container.horizontal .timeline-content{overflow-x:auto;overflow-y:auto}.timeline-spine.vertical{position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,var(--accent-primary) 5%,var(--accent-primary) 95%,transparent 100%);opacity:.4}@media (max-width: 768px){.timeline-spine.vertical{display:none}}.timeline-spine.horizontal{position:sticky;left:0;bottom:50px;height:2px;width:100%;background:linear-gradient(90deg,transparent 0%,var(--accent-primary) 2%,var(--accent-primary) 98%,transparent 100%);opacity:.4;pointer-events:none}.timeline-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-style:italic}.timeslots-list.vertical{display:flex;flex-direction:column;gap:var(--spacing-lg);padding-left:50px}@media (max-width: 768px){.timeslots-list.vertical{padding-left:0}}.timeslots-list.horizontal{position:relative;min-height:200px;min-width:max-content;padding:var(--spacing-md) var(--spacing-xl);padding-bottom:60px;padding-right:250px}.timeslots-list.horizontal:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--border-primary) 20%,var(--border-primary) 80%,transparent);opacity:.3;pointer-events:none}.timeline-axis{position:sticky;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(transparent,var(--bg-primary) 30%);pointer-events:none}.axis-label{font-size:.75rem;color:var(--text-muted);font-weight:500;background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.axis-label.start{margin-left:var(--spacing-sm)}.axis-label.end{margin-right:var(--spacing-sm)}.add-button-group{position:relative}.add-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);min-width:150px;z-index:100;display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s;text-align:left;font-size:.9rem}.add-menu-item:hover{background:var(--bg-tertiary)}.add-menu-item svg{flex-shrink:0}.event-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.event-form-modal{width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.event-form-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.event-form-header h3{margin:0;font-size:1.25rem}.event-form-content{padding:var(--spacing-md)}.event-form-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-primary)}.relationship-manager{display:flex;flex-direction:column;gap:var(--spacing-md)}.relationship-manager h4{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--accent-primary)}.relationship-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:200px;overflow-y:auto;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-md)}.no-relationships{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--spacing-sm)}.relationship-item{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);gap:var(--spacing-sm)}.relationship-label{flex:1;font-size:.9rem;color:var(--text-primary)}.relationship-notes{font-size:.8rem;color:var(--text-muted);font-style:italic}.add-relationship-form{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.add-relationship-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.add-relationship-form label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.add-relationship-form select,.add-relationship-form input{width:100%}.character-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.character-editor-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90vw;max-width:700px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp var(--transition-normal) ease-out}.character-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.character-editor-header h2{font-size:1.5rem;color:var(--accent-primary)}.character-editor-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.character-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);flex-shrink:0}.character-editor-footer .btn-danger{margin-right:auto}.form-group label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-label span{font-size:.9rem;color:var(--text-primary);font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.character-image-preview{display:flex;justify-content:center;margin:var(--spacing-sm) 0}.character-image-preview img{max-width:200px;max-height:200px;border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--border-subtle)}@media (max-width: 768px){.character-editor-modal{width:95vw;max-height:95vh}.form-row{grid-template-columns:1fr}}.family-tree-container{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xl);overflow:hidden}.family-tree-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-shrink:0;position:relative;z-index:1}.family-tree-header h2{font-size:1.75rem;color:var(--accent-primary)}.tree-controls{display:flex;align-items:center;gap:var(--spacing-md)}.orientation-toggle{display:flex;gap:2px;padding:2px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.orientation-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);transition:all var(--transition-fast);border:none;cursor:pointer}.orientation-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.orientation-btn.active{background:var(--accent-primary);color:var(--bg-primary)}.family-tree-content{flex:1;overflow:auto;position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.family-tree-content.vertical-layout{padding-top:calc(var(--spacing-xl) + 80px)}.family-tree-content.horizontal-layout{padding-left:calc(var(--spacing-xl) + 80px)}.tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-lg);text-align:center}.tree-empty-icon{color:var(--accent-primary);opacity:.5}.tree-empty h3{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.tree-empty p{color:var(--text-secondary);max-width:400px}.tree-viewport{position:relative;margin:0 auto}.tree-svg{position:absolute;top:0;left:0;pointer-events:none}.tree-node{position:absolute;width:200px;cursor:pointer;z-index:10}.tree-node-card{padding:var(--spacing-md);transition:all var(--transition-fast);border:2px solid transparent;position:relative;cursor:pointer}.tree-node-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:scale(1.05)}.tree-node-delete{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast);z-index:10}.tree-node-card:hover .tree-node-delete{opacity:1}.tree-node-image{width:100%;height:120px;margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.tree-node-image img{width:100%;height:100%;object-fit:cover}.tree-node-info{text-align:center}.tree-node-name{font-size:1rem;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:600}.tree-node-date{font-size:.85rem;color:var(--text-muted)}@media (max-width: 768px){.family-tree-container{padding:var(--spacing-md)}.family-tree-header{flex-wrap:wrap}.tree-viewport{transform:scale(.7);transform-origin:top left}}.ai-panel{position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);bottom:var(--spacing-lg);width:380px;display:flex;flex-direction:column;background:var(--bg-secondary);box-shadow:var(--shadow-lg);z-index:100}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ai-panel-header h3{font-size:1.1rem;display:flex;align-items:center;gap:var(--spacing-sm)}.ai-mode-tabs{display:flex;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.mode-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.mode-tab:hover{color:var(--text-primary);background:var(--accent-subtle)}.mode-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.ai-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.ai-mode-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.mode-description{font-size:.85rem;color:var(--text-secondary)}.ai-mode-content textarea{width:100%;resize:vertical;min-height:100px}.article-selector{max-height:200px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm)}.slot-articles{margin-bottom:var(--spacing-sm)}.slot-articles:last-child{margin-bottom:0}.slot-articles h4{font-size:.8rem;color:var(--accent-primary);margin-bottom:var(--spacing-xs);font-weight:500}.no-articles-text{font-size:.8rem;color:var(--text-muted);font-style:italic;padding-left:var(--spacing-sm)}.article-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.article-checkbox:hover{background:var(--bg-tertiary)}.article-checkbox input{accent-color:var(--accent-primary)}.article-checkbox span{font-size:.85rem;color:var(--text-primary)}.style-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.style-selector label{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.style-selector label:hover{border-color:var(--border-accent)}.style-selector label:has(input:checked){border-color:var(--accent-primary);background:var(--accent-subtle)}.style-selector input{accent-color:var(--accent-primary);margin-top:2px}.style-selector span{font-weight:500;color:var(--text-primary);display:block}.style-selector small{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:2px}.ai-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);color:var(--error);font-size:.85rem}.ai-result{border:1px solid var(--border-accent);border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden}.result-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-subtle);border-bottom:1px solid var(--border-subtle)}.result-header h4{font-size:.85rem;color:var(--accent-primary)}.result-content{padding:var(--spacing-md);font-size:.9rem;line-height:1.6;max-height:250px;overflow-y:auto;white-space:pre-wrap}.result-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.result-actions select{flex:1;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem}.ai-no-key{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.ai-no-key svg{color:var(--text-muted);margin-bottom:var(--spacing-md)}.ai-no-key h4{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.ai-no-key p{font-size:.85rem}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.settings-modal{width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-secondary);box-shadow:var(--shadow-lg)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.settings-header h2{font-size:1.25rem}.settings-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--accent-primary)}.section-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.api-key-input{display:flex;gap:var(--spacing-xs)}.api-key-input input{flex:1;font-family:monospace}.key-hint{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.api-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary)}.api-info svg{flex-shrink:0;color:var(--accent-primary)}.api-info a{color:var(--accent-primary);text-decoration:none}.api-info a:hover{text-decoration:underline}.about-content{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.about-content p{margin-bottom:var(--spacing-sm)}.about-content strong{color:var(--text-primary)}.version{font-size:.8rem;color:var(--text-muted)}.settings-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);flex-shrink:0}.settings-footer .btn{min-width:100px}.editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.editor-modal{width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-secondary);box-shadow:var(--shadow-lg)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.editor-header h2{font-size:1.25rem}.editor-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%}.form-hint{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-top:var(--spacing-xs)}.form-group textarea{resize:vertical;min-height:80px}.form-group-content{flex:1;display:flex;flex-direction:column}.form-group-content textarea{flex:1;min-height:200px}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.content-actions{display:flex;gap:var(--spacing-xs)}.ai-prompt-section{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);animation:slideUp var(--transition-fast) ease-out}.ai-prompt-section textarea{flex:1;min-height:auto;resize:none}.ai-prompt-section .btn{align-self:flex-end}.form-row{display:flex;gap:var(--spacing-md)}.form-row .form-group{flex:1}.editor-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);flex-shrink:0}.editor-footer .btn{min-width:120px}.event-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.event-editor-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90vw;max-width:500px;display:flex;flex-direction:column;animation:slideUp var(--transition-normal) ease-out}.event-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.event-editor-header h3{font-size:1.25rem;color:var(--accent-primary)}.event-editor-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.event-editor-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);flex-shrink:0}.event-editor-content .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.event-editor-content label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.event-editor-content input,.event-editor-content textarea,.event-editor-content select{width:100%}.json-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.json-editor-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90vw;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp var(--transition-normal) ease-out}.json-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.json-editor-header h2{font-size:1.5rem;color:var(--accent-primary);margin:0}.json-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0;flex-wrap:wrap}.json-editor-actions{display:flex;gap:var(--spacing-sm);align-items:center}.json-editor-error{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--error-color, #ef4444);font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-sm)}.json-editor-success{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--success-color, #10b981);font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);background:#10b9811a;border-radius:var(--radius-sm)}.json-editor-content{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:var(--spacing-lg)}.json-editor-textarea{width:100%;height:100%;min-height:400px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.875rem;line-height:1.6;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);resize:none;outline:none;-moz-tab-size:2;tab-size:2}.json-editor-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb, 99, 102, 241),.1)}.json-editor-textarea.invalid{border-color:var(--error-color, #ef4444)}.json-editor-textarea.invalid:focus{box-shadow:0 0 0 3px #ef44441a}.json-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-subtle);flex-shrink:0}.json-editor-info{display:flex;gap:var(--spacing-md);font-size:.875rem;color:var(--text-secondary)}.json-editor-footer-actions{display:flex;gap:var(--spacing-sm)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.btn-sm svg{margin-right:var(--spacing-xs)}@media (max-width: 768px){.json-editor-modal{width:95vw;max-height:95vh}.json-editor-toolbar{flex-direction:column;align-items:stretch}.json-editor-actions{flex-wrap:wrap}.json-editor-footer{flex-direction:column;align-items:stretch}.json-editor-footer-actions{width:100%}.json-editor-footer-actions .btn{flex:1}}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.app-nav{display:flex;gap:2px;margin-left:var(--spacing-lg);background:var(--bg-tertiary);padding:2px;border-radius:var(--radius-md)}.nav-tab{padding:var(--spacing-xs) var(--spacing-md);font-size:.9rem;font-weight:500;background:transparent;color:var(--text-muted);border-radius:calc(var(--radius-md) - 2px);transition:all var(--transition-fast);border:none;cursor:pointer}.nav-tab:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.nav-tab.active{background:var(--accent-primary);color:var(--bg-primary)}.app-title{font-size:1.5rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.save-indicator{font-size:.8rem;color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.app-main{flex:1;overflow:hidden;display:flex;position:relative}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);text-align:center;animation:fadeIn var(--transition-slow) ease-out}.empty-state-icon{color:var(--accent-primary);opacity:.5}.empty-state h2{font-size:2rem;margin-bottom:var(--spacing-xs)}.empty-state p{color:var(--text-secondary);max-width:400px}.empty-state .btn-primary{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-glass: rgba(30, 30, 30, .85);--bg-glass-hover: rgba(40, 40, 40, .9);--accent-primary: #d4a574;--accent-secondary: #c9956c;--accent-glow: rgba(212, 165, 116, .3);--accent-subtle: rgba(212, 165, 116, .1);--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #666666;--border-subtle: rgba(255, 255, 255, .08);--border-accent: rgba(212, 165, 116, .3);--success: #4ade80;--warning: #fbbf24;--error: #f87171;--font-heading: "Crimson Pro", Georgia, serif;--font-body: "Source Sans 3", -apple-system, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(212,165,116,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,165,116,.02) 0%,transparent 50%),linear-gradient(180deg,var(--bg-primary) 0%,#0a0a0a 100%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:1.75rem}h3{font-size:1.25rem}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}input,textarea,select{font-family:var(--font-body);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4a574' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:calc(var(--spacing-md) + 16px)}select:hover{border-color:var(--border-accent)}select option{background:var(--bg-secondary);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-secondary);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-accent)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--accent-subtle);color:var(--accent-primary)}.btn-danger{background:var(--error);color:var(--bg-primary)}.btn-danger:hover{background:#ef4444;box-shadow:0 0 0 3px #f8717133}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-slide-in{animation:slideIn var(--transition-normal) ease-out}