.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:420px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;box-shadow:0 4px 16px #0000002e;font-size:14px;line-height:1.4;pointer-events:all;animation:toast-in .22s ease;background:#fff;border-left:4px solid transparent;color:#1e293b}@keyframes toast-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:#22c55e}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#2563eb}.toast-icon{flex-shrink:0;font-size:15px;margin-top:1px;font-weight:700}.toast-success .toast-icon{color:#22c55e}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#2563eb}.toast-message{flex:1;white-space:pre-line}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:#94a3b8;padding:0 0 0 4px;margin-top:-1px}.toast-close:hover{color:#475569}.context-menu{position:fixed;background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;z-index:1000;padding:var(--spacing-xs) 0;border:1px solid var(--color-border);animation:contextMenuFadeIn .1s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast)}.context-menu-item:hover:not(.disabled){background:var(--color-primary-bg)}.context-menu-item.disabled{color:var(--color-text-muted);cursor:not-allowed}.context-menu-icon{display:flex;align-items:center;justify-content:center;width:20px;color:var(--color-text-secondary)}.context-menu-icon svg{width:16px;height:16px}.context-menu-label{flex:1}.context-menu-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}@media(pointer:coarse){.context-menu{min-width:220px}.context-menu-item{min-height:44px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.context-menu-icon svg{width:20px;height:20px}}.connection-mode-bar{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-text-inverse);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);box-shadow:var(--shadow-lg);z-index:200;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.connection-mode-info{display:flex;align-items:center;gap:var(--spacing-md)}.connection-mode-icon{font-size:var(--font-size-2xl)}.connection-mode-text{display:flex;flex-direction:column;gap:2px}.connection-mode-text strong{font-size:var(--font-size-base)}.connection-mode-instruction{font-size:var(--font-size-sm);opacity:.9}.connection-mode-cancel{background:#fff3;border:1px solid rgba(255,255,255,.3);color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);transition:background var(--transition-base)}.connection-mode-cancel:hover{background:#ffffff4d}.label-with-hint{display:flex;align-items:center;gap:var(--spacing-xs)}.help-hint{display:inline-flex;position:relative;vertical-align:middle;margin-left:4px}.help-hint-trigger{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);font-size:10px;font-weight:600;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0;transition:all var(--transition-base)}.help-hint-trigger:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.help-hint-popover{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 8px);width:280px;max-width:90vw;padding:10px 12px;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:12px;color:var(--color-text-secondary);line-height:1.55;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;z-index:9999}.help-hint-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-border)}.help-hint-popover--down{bottom:auto;top:calc(100% + 8px)}.help-hint-popover--down:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--color-border)}.properties-panel{width:320px;height:100%;background:var(--color-bg-panel);border-left:1px solid var(--color-border);display:flex;flex-direction:column}.properties-panel--empty{justify-content:center;align-items:center;text-align:center;color:var(--color-text-muted)}.properties-panel--empty p{margin:var(--spacing-xs) 0}.properties-panel--empty .hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.panel-header h2{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.close-btn{width:28px;height:28px;border:none;background:transparent;font-size:20px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.panel-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg);padding:0 var(--spacing-sm)}.panel-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm) var(--spacing-xs);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:all var(--transition-base)}.panel-tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.panel-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg-panel)}.tab-icon{display:flex;align-items:center;justify-content:center}.tab-icon svg{width:16px;height:16px}.tab-label{font-weight:500}.panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.panel-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.panel-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);overflow:hidden}.panel-card--open{border-color:var(--color-primary);border-width:1.5px}.panel-card-heading{margin:0;font-size:inherit}.panel-card-trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-secondary);text-align:left;transition:all var(--transition-base)}.panel-card-trigger:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.panel-card-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.panel-card--open .panel-card-trigger{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.panel-card-label{flex:1;font-weight:500}.panel-card--open .panel-card-label{font-weight:600}.panel-card-chevron{flex-shrink:0;transition:transform var(--transition-base)}.panel-card--open .panel-card-chevron{transform:rotate(180deg)}.panel-card-content{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.panel-card--open .panel-card-content{border-top-color:var(--color-primary-light)}.form-group{margin-bottom:var(--spacing-md)}.form-group:has(>:is(input[type=text],input[type=number],input[type=date],select)){display:flex;flex-wrap:wrap;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-md)}.form-group:has(>:is(input[type=text],input[type=number],input[type=date],select))>label{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:0;background:var(--color-bg);border-right:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);white-space:nowrap;min-width:100px}.form-group:has(>:is(input[type=text],input[type=number],input[type=date],select))>input,.form-group:has(>:is(input[type=text],input[type=number],input[type=date],select))>select{flex:1;border:none;border-radius:0;min-width:0;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-panel)}.form-group:has(>:is(input:focus,select:focus)){border-color:var(--color-primary)}.form-group:has(>:is(input[type=text],input[type=number],input[type=date],select))>input:focus,.form-group:has(>:is(input[type=text],input[type=number],input[type=date],select))>select:focus{outline:none}.form-group>.hint{flex-basis:100%}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-panel);transition:border-color var(--transition-base);resize:vertical;min-height:60px}.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-row{display:flex;gap:var(--spacing-md)}.form-row .form-group{flex:1}.gender-select-root{position:relative}.gender-select-trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);transition:border-color var(--transition-base);text-align:left}.gender-select-trigger:hover,.gender-select-trigger:focus-visible{border-color:var(--color-primary);outline:none}.gender-select-label{flex:1}.gender-select-chevron{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1}.gender-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text)}.gender-select-list{list-style:none;margin:4px 0 0;padding:4px;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001f;z-index:1000;max-height:320px;overflow-y:auto;outline:none}.gender-select-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);transition:background-color var(--transition-base)}.gender-select-option.focused,.gender-select-option:hover{background:var(--color-primary-bg)}.gender-select-option.selected{font-weight:600;color:var(--color-primary)}.status-buttons{display:flex;gap:var(--spacing-sm)}.status-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);transition:all var(--transition-base)}.status-btn:hover{border-color:var(--color-success);background:var(--color-success-bg)}.status-btn.active{border-color:var(--color-success);background:var(--color-success);color:var(--color-text-inverse)}.status-btn--deceased:hover{border-color:var(--color-danger);background:var(--color-danger-bg)}.status-btn--deceased.active{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-text-inverse)}.checkbox-label{display:flex!important;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm)!important;color:var(--color-text-primary)!important}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.panel-actions{padding:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm)}.condition-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.condition-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-xs);transition:all var(--transition-base)}.condition-btn:hover{border-color:var(--color-accent);background:#588b8b1a}.condition-btn.active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-inverse)}.condition-icon{font-size:var(--font-size-sm)}.condition-label{white-space:nowrap}.form-group .hint{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.medical-conditions-list,.medications-list,.allergies-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.medical-condition-item,.medication-item{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.condition-header,.medication-header{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.condition-header select,.medication-header input{flex:1}.condition-header select{border-left-style:solid;border-left-width:4px}.condition-details,.medication-details{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.input-small{width:80px!important;padding:var(--spacing-sm)!important;font-size:var(--font-size-xs)!important}.checkbox-inline{display:flex!important;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs)!important;color:var(--color-text-secondary)!important;white-space:nowrap}.checkbox-inline input{width:14px!important;height:14px!important;accent-color:var(--color-primary)}.allergy-item{display:flex;gap:var(--spacing-sm);align-items:center}.allergy-item input{flex:1}.btn--add{width:100%;padding:var(--spacing-sm);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.btn--add:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon{width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--font-size-lg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.btn-remove{color:var(--color-text-muted)}.btn-remove:hover{background:var(--color-danger-bg);color:var(--color-danger)}.legacy-field{opacity:.7;background:var(--color-warning-bg);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-warning)}.legacy-field input{background:#f0c80826!important}.tab-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.timeline-vertical{display:flex;flex-direction:column;padding-left:4px}.timeline-v-item{display:flex;gap:8px;min-height:32px}.timeline-v-item.editing{background:var(--color-primary-bg);border-radius:var(--radius-md);margin:-2px -4px;padding:2px 4px}.timeline-v-line-segment{display:flex;flex-direction:column;align-items:center;width:12px;flex-shrink:0}.timeline-v-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.timeline-v-connector{width:2px;flex:1;background:var(--color-border-light);min-height:8px}.timeline-v-content{flex:1;display:flex;flex-direction:column;gap:1px;padding-bottom:6px;min-width:0}.timeline-v-header{display:flex;align-items:center;gap:6px;min-width:0}.timeline-v-date{font-size:11px;font-weight:600;color:var(--color-text-primary);flex-shrink:0;min-width:32px}.timeline-v-label{font-size:11px;color:var(--color-text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-v-description{font-size:10px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-v-actions{display:flex;gap:2px;flex-shrink:0}.btn-icon-tiny{background:none;border:none;padding:2px;cursor:pointer;color:var(--color-text-muted);border-radius:3px;display:flex;align-items:center}.btn-icon-tiny:hover{color:var(--color-primary);background:var(--color-primary-bg)}.btn-icon-danger:hover{color:#ef4444;background:var(--color-danger-bg)}.timeline-event-form{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.event-form-row,.event-form-buttons{display:flex;gap:var(--spacing-sm)}.btn--small{padding:4px 10px;font-size:12px;display:flex;align-items:center;gap:4px}.event-category-select{flex:1;min-width:100px;border-left-style:solid;padding:var(--spacing-sm)!important;font-size:var(--font-size-sm)!important}.event-date-input{width:70px!important;padding:var(--spacing-sm)!important;font-size:var(--font-size-sm)!important;text-align:center}.event-label-input{padding:var(--spacing-sm)!important;font-size:var(--font-size-sm)!important}.event-description-input{padding:var(--spacing-sm)!important;font-size:var(--font-size-xs)!important;resize:vertical;min-height:40px}.category-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-md)}.category-legend .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.category-legend .legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.partnership-panel{width:320px;background:var(--color-bg-panel);border-left:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;overflow:hidden}.partnership-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-primary);color:var(--color-text-inverse)}.partnership-panel .panel-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0}.partnership-panel .close-btn{background:#fff3;border:none;color:var(--color-text-inverse);width:28px;height:28px;border-radius:var(--radius-md);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-base)}.partnership-panel .close-btn:hover{background:#ffffff4d}.partnership-panel .panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.partner-names{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.partner-name{font-weight:600;color:var(--color-text-primary)}.partner-connector{color:var(--color-primary);font-size:var(--font-size-xl)}.partnership-panel .form-group{margin-bottom:var(--spacing-md)}.partnership-panel .form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.partnership-panel .form-group input,.partnership-panel .form-group select,.partnership-panel .form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-panel);transition:border-color var(--transition-base)}.partnership-panel .form-group input:focus,.partnership-panel .form-group select:focus,.partnership-panel .form-group textarea:focus{outline:none;border-color:var(--color-primary)}.partnership-panel .form-group textarea{resize:vertical;min-height:80px}.partnership-panel .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.partnership-panel .form-group--date-row{display:flex;align-items:center;gap:6px}.partnership-panel .form-group--date-row .date-label{flex-shrink:0;margin-bottom:0;min-width:unset;font-size:var(--font-size-sm)}.partnership-panel .form-group--date-row input{flex:1;min-width:0}.children-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.add-child-btn{display:flex;align-items:center;gap:4px;background:var(--color-success);color:var(--color-text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base)}.add-child-btn:hover{background:var(--color-accent-dark)}.children-list{list-style:none;padding:0;margin:0}.child-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.child-name{font-size:var(--font-size-sm);color:var(--color-text-primary)}.child-year{color:var(--color-text-muted);margin-left:var(--spacing-xs)}.remove-child-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:all var(--transition-base)}.remove-child-btn:hover{background:var(--color-danger-bg);color:var(--color-danger)}.no-children{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;text-align:center;padding:var(--spacing-md)}.danger-zone{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-danger-bg)}.delete-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:var(--spacing-sm);background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.delete-btn:hover{background:var(--color-danger);color:var(--color-text-inverse)}.external-entity-panel{width:320px;background:var(--color-bg-panel);border-left:1px solid var(--color-border);display:flex;flex-direction:column;height:100%}.external-entity-panel--empty{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.external-entity-panel--empty .hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm)}.external-entity-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.external-entity-panel .panel-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.external-entity-panel .close-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:all var(--transition-base)}.external-entity-panel .close-btn:hover{background:var(--color-bg);color:var(--color-text-primary)}.external-entity-panel .panel-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.external-entity-panel .form-group{margin-bottom:var(--spacing-lg)}.external-entity-panel .form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.external-entity-panel .form-group input,.external-entity-panel .form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-panel);transition:border-color var(--transition-base)}.external-entity-panel .form-group input:focus,.external-entity-panel .form-group textarea:focus{outline:none;border-color:var(--color-primary)}.external-entity-panel .form-group textarea{resize:vertical;min-height:80px}.external-entity-panel .category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.external-entity-panel .category-btn{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);cursor:pointer;font-size:12px;font-family:var(--font-family);color:var(--color-text-secondary);transition:all var(--transition-base);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.external-entity-panel .category-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}.external-entity-panel .category-btn.active{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.external-entity-panel .type-buttons{display:flex;gap:var(--spacing-sm)}.external-entity-panel .type-btn{flex:1;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-panel);cursor:pointer;font-size:var(--font-size-base);font-weight:500;font-family:var(--font-family);color:var(--color-text-secondary);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.external-entity-panel .type-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.external-entity-panel .type-btn.active{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}.external-entity-panel .panel-actions{padding:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md)}.external-entity-panel .btn-save{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-base)}.external-entity-panel .btn-save:hover{background:var(--color-primary-dark)}.external-entity-panel .btn-delete{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-danger-bg);color:var(--color-danger);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.external-entity-panel .btn-delete:hover{background:var(--color-danger);color:var(--color-text-inverse)}.drawing-toolbar{position:absolute;top:60px;left:52px;width:200px;background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;-webkit-user-select:none;user-select:none;border:1px solid var(--color-border)}.drawing-toolbar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.drawing-toolbar-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.drawing-toolbar-close{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);color:var(--color-text-secondary);padding:2px var(--spacing-sm);border-radius:var(--radius-md);line-height:1;transition:all var(--transition-base)}.drawing-toolbar-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.drawing-toolbar-section{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.drawing-toolbar-section:last-of-type{border-bottom:none}.drawing-toolbar-label{display:block;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.drawing-color-palette{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.drawing-color-btn{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.drawing-color-btn:hover{transform:scale(1.15)}.drawing-color-btn.selected{border-color:var(--color-text-primary);transform:scale(1.15);box-shadow:0 0 0 2px var(--color-bg-panel),0 0 0 4px var(--color-text-primary)}.drawing-style-buttons{display:flex;gap:var(--spacing-sm)}.drawing-style-btn{flex:1;padding:var(--spacing-sm) var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-base)}.drawing-style-btn:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted)}.drawing-style-btn.selected{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.drawing-style-btn svg{display:block;margin:0 auto}.drawing-width-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:3px;outline:none}.drawing-width-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg-panel);box-shadow:var(--shadow-sm)}.drawing-width-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg-panel);box-shadow:var(--shadow-sm)}.drawing-toolbar-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border)}.drawing-action-btn{flex:1;padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.drawing-action-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-muted)}.drawing-action-btn:disabled{opacity:.5;cursor:not-allowed}.drawing-action-btn.danger:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.drawing-mode-buttons{display:flex;gap:var(--spacing-sm)}.drawing-mode-btn{flex:1;padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.drawing-mode-btn:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted)}.drawing-mode-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);font-weight:600}.drawing-toolbar-info{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border-light)}.stroke-panel{position:absolute;top:60px;right:0;width:280px;height:calc(100% - 60px);background:var(--color-bg-panel);border-left:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100}.stroke-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.stroke-panel-header h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.stroke-panel-close{background:none;border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);line-height:1;transition:all var(--transition-base)}.stroke-panel-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.stroke-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.stroke-panel-section{margin-bottom:var(--spacing-lg)}.stroke-panel-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.stroke-panel-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-panel);transition:border-color var(--transition-base)}.stroke-panel-input:focus{outline:none;border-color:var(--color-primary)}.stroke-panel-input::placeholder{color:var(--color-text-muted)}.stroke-color-palette{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.stroke-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.stroke-color-btn:hover{transform:scale(1.15)}.stroke-color-btn.selected{border-color:var(--color-text-primary);transform:scale(1.15);box-shadow:0 0 0 2px var(--color-bg-panel),0 0 0 4px var(--color-text-primary)}.stroke-style-buttons{display:flex;gap:var(--spacing-sm)}.stroke-style-btn{flex:1;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.stroke-style-btn:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}.stroke-style-btn.selected{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}.stroke-width-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:3px;outline:none}.stroke-width-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg-panel);box-shadow:var(--shadow-sm)}.stroke-width-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg-panel);box-shadow:var(--shadow-sm)}.stroke-panel-info{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border-light)}.stroke-panel-actions{padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg)}.stroke-panel-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);background:var(--color-bg-panel);color:var(--color-text-primary)}.stroke-panel-btn:hover{background:var(--color-bg-hover)}.stroke-panel-btn.delete{border-color:var(--color-danger);color:var(--color-danger)}.stroke-panel-btn.delete:hover{background:var(--color-danger-bg)}.tlh-wrapper{display:flex;flex-direction:column;height:100%;background:var(--color-bg, #fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;position:relative;overflow:hidden}.tlh-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0;flex-wrap:wrap}.tlh-tabs{display:flex;gap:4px}.tlh-tab{padding:5px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:12px;cursor:pointer;transition:all .15s}.tlh-tab:hover{background:#f3f4f6}.tlh-tab.active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.tlh-filters{display:flex;align-items:center;gap:4px;margin-left:8px}.tlh-filter-label{color:#6b7280;margin-right:2px}.tlh-filter-btn{padding:4px 10px;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#374151;font-size:12px;cursor:pointer;transition:all .15s}.tlh-filter-btn:hover{background:#f3f4f6}.tlh-filter-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.tlh-close{margin-left:auto;padding:4px 10px;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#6b7280;font-size:14px;cursor:pointer}.tlh-close:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.tlh-timeline-container{display:flex;flex-direction:column;flex:1;overflow:hidden}.tlh-sticky-header{display:flex;flex-shrink:0;border-bottom:2px solid #e5e7eb;background:#f9fafb;position:sticky;top:0;z-index:10;height:40px}.tlh-label-col{width:160px;min-width:160px;flex-shrink:0;border-right:1px solid #e5e7eb}.tlh-axis-scroll{flex:1;overflow:hidden;position:relative}.tlh-axis{position:relative;height:40px}.tlh-decade-mark{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.tlh-decade-mark span{font-size:11px;color:#6b7280;font-weight:600;line-height:20px}.tlh-decade-line{width:1px;height:10px;background:#d1d5db}.tlh-lanes-scroll{flex:1;overflow:auto}.tlh-lanes-inner{display:flex;flex-direction:column}.tlh-empty{padding:40px;text-align:center;color:#9ca3af}.tlh-lane{display:flex;height:44px;border-bottom:1px solid #f3f4f6;align-items:center}.tlh-lane:hover{background:#f9fafb}.tlh-lane-label{width:160px;min-width:160px;padding:0 10px;border-right:1px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:1px;overflow:hidden}.tlh-lane-label:hover .tlh-name{color:#2563eb}.tlh-name{font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.tlh-name.deceased{color:#9ca3af}.tlh-years{font-size:10px;color:#9ca3af}.tlh-lane-track{position:relative;height:100%;flex-shrink:0}.tlh-lifeline{position:absolute;top:50%;transform:translateY(-50%);height:3px;border-radius:2px}.tlh-lifeline.alive{background:#22c55e}.tlh-lifeline.deceased{background:#9ca3af}.tlh-event-dot{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer;transition:transform .1s;z-index:1}.tlh-event-dot:hover{transform:translateY(-50%) scale(1.4);z-index:2}.tlh-pattern-container{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:12px;gap:10px}.tlh-pattern-hint{font-size:12px;color:#6b7280;background:#f0f7ff;border:1px solid #bdd9f7;border-radius:6px;padding:8px 12px}.tlh-pattern-scroll{flex:1;overflow:auto}.tlh-legend{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0;border-top:1px solid #e5e7eb;flex-shrink:0}.tlh-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#6b7280}.tlh-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tlh-tooltip{position:fixed;background:#111827eb;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;pointer-events:none;z-index:9999;max-width:280px;white-space:pre-wrap;box-shadow:0 4px 12px #0000004d}@media(max-width:600px){.tlh-toolbar{gap:6px;padding:6px 8px}.tlh-tab{padding:4px 10px;font-size:11px}.tlh-label-col,.tlh-lane-label{width:100px;min-width:100px}}.toolbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:#fff;border-bottom:1px solid var(--color-border-light, #e8e8e8);gap:16px}.toolbar-left{display:flex;align-items:center;gap:12px;min-width:240px}.app-title{font-size:18px;font-weight:700;color:var(--color-primary, #6c97ce);letter-spacing:-.5px;margin:0}.file-info{display:flex;align-items:center}.file-name{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary, #666);padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.file-name:hover{background:var(--color-bg-hover, #f5f5f5);color:var(--color-text-primary, #222)}.unsaved-dot{width:8px;height:8px;background:var(--color-warning, #f0c808);border-radius:50%}.file-name-input{font-size:13px;padding:6px 10px;border:2px solid var(--color-primary, #6c97ce);border-radius:6px;background:#fff;color:var(--color-text-primary, #222);outline:none;width:180px}.menu-container{position:relative}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .15s ease}.hamburger-btn:hover{background:var(--color-bg-hover, #f5f5f5)}.hamburger-btn.open{background:var(--color-primary-bg, rgba(189, 93, 56, .1))}.hamburger-line{width:18px;height:2px;background:var(--color-text-secondary, #666);border-radius:1px;transition:all .2s ease}.hamburger-btn:hover .hamburger-line,.hamburger-btn.open .hamburger-line{background:var(--color-primary, #6c97ce)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:#fff;border:1px solid var(--color-border-light, #e8e8e8);border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:1000;overflow:hidden;animation:menuSlideIn .15s ease}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-section{padding:8px}.menu-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #999);padding:8px 12px 4px}.menu-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #999);padding:6px 12px 2px}.menu-separator{height:1px;background:var(--color-border, #e5e7eb);margin:4px 0}.dropdown-menu button{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:transparent;font-family:inherit;font-size:12px;color:var(--color-text-primary, #222);text-align:left;cursor:pointer;border-radius:8px;transition:background .1s ease}.dropdown-menu button:hover{background:var(--color-bg-hover, #f5f5f5)}.dropdown-menu button.disabled{opacity:.4;cursor:not-allowed}.dropdown-menu button.disabled:hover{background:transparent}.menu-icon{width:28px;flex-shrink:0;color:var(--color-text-secondary, #666)}.menu-label{flex:1}.menu-shortcut{font-size:11px;color:var(--color-text-muted, #999);background:var(--color-bg, #f5f3ef);padding:2px 6px;border-radius:4px}.menu-divider{height:1px;background:var(--color-border-light, #e8e8e8);margin:4px 12px}.toolbar-center{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.toolbar-group{display:flex;align-items:center;gap:2px;background:var(--color-bg, #f5f3ef);padding:4px;border-radius:10px}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary, #666);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s ease}.toolbar-btn:hover:not(:disabled){background:#fffc;color:var(--color-text-primary, #222)}.toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-btn.active{background:var(--color-primary, #6c97ce);color:#fff}.toolbar-btn.active:hover{background:var(--color-primary-dark, #4a7ab8);color:#fff}.toolbar-btn svg{flex-shrink:0}.btn-label{white-space:nowrap}.toolbar-btn.icon-only{padding:8px;background:transparent}.toolbar-btn.icon-only:hover{background:var(--color-bg-hover, #f5f5f5)}.toolbar-btn.update-blink{animation:update-pulse 1.5s ease-in-out infinite}.toolbar-btn.update-blink svg{color:#ef4444}@keyframes update-pulse{0%,to{background:transparent}50%{background:#ef444426}}.toolbar-divider{width:1px;height:24px;background:var(--color-border, #d3d3d3);margin:0 4px}.selected-badge{font-size:12px;font-weight:500;color:var(--color-primary, #6c97ce);background:var(--color-primary-bg, rgba(189, 93, 56, .1));padding:6px 12px;border-radius:20px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-right{display:flex;align-items:center;gap:8px;min-width:140px;justify-content:flex-end}.person-count{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-muted, #999);padding:6px 12px;background:var(--color-bg, #f5f3ef);border-radius:20px}@media(max-width:900px){.btn-label{display:none}.toolbar-btn{padding:8px}.selected-badge{display:none}}@media(max-width:600px){.app-title,.person-count{display:none}}@media(pointer:coarse){.toolbar{height:56px}.toolbar-btn{min-width:44px;min-height:44px;padding:10px 14px}.toolbar-btn.icon-only{min-width:44px;min-height:44px;padding:10px}.hamburger-btn{width:44px;height:44px}.dropdown-menu button{min-height:44px;padding:12px 16px;font-size:14px}.menu-shortcut{display:none}}.search-bar{position:relative}.search-input-wrapper{display:flex;align-items:center;background:var(--color-bg-panel);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-base),border-color var(--transition-base);border:1px solid var(--color-border)}.search-input-wrapper:focus-within{background:var(--color-bg-panel);border-color:var(--color-primary)}.search-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-sm);color:var(--color-text-muted)}.search-input{border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);width:200px;outline:none;font-weight:500;font-family:var(--font-family)}.search-input::placeholder{color:var(--color-text-muted);font-weight:400}.search-clear{border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:0 var(--spacing-xs);line-height:1;border-radius:var(--radius-md);transition:color var(--transition-base)}.search-clear:hover{color:var(--color-text-primary)}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-sm);background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:1000;list-style:none;padding:var(--spacing-xs) 0;border:1px solid var(--color-border)}.search-result-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.search-result-item:hover,.search-result-item.selected{background:var(--color-bg-hover)}.result-gender{font-size:var(--font-size-lg);color:var(--color-primary);width:20px;text-align:center}.result-name{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.result-age{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-left:var(--spacing-xs)}.result-occupation{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-hover);padding:2px var(--spacing-sm);border-radius:var(--radius-full)}.search-no-results{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-sm);background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);z-index:1000;border:1px solid var(--color-border)}.canvas-toolbar{position:absolute;top:60px;left:max(var(--spacing-md),env(safe-area-inset-left,0px));z-index:50;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:var(--shadow-sm)}.canvas-toolbar-separator{width:20px;height:1px;background:var(--color-border-light);margin:2px 0}.canvas-toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.canvas-toolbar-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.canvas-toolbar-btn.active{background:var(--color-primary-bg);color:var(--color-primary)}.canvas-toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.canvas-toolbar-btn.indicator{cursor:default;color:var(--color-primary);opacity:.7}@media(pointer:coarse){.canvas-toolbar{gap:6px;padding:6px}.canvas-toolbar-btn{width:44px;height:44px;border-radius:8px}}.canvas-data-overlay-panel{position:absolute;top:12px;right:12px;z-index:100;background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px;box-shadow:0 1px 4px #0000001a;-webkit-user-select:none;user-select:none}.canvas-data-overlay-title{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.canvas-data-overlay-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#374151;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .1s}.canvas-data-overlay-item:hover{background:#f3f4f6}.canvas-data-overlay-item.active{color:#111827;font-weight:500}.canvas-data-overlay-item input[type=checkbox]{accent-color:#374151;width:13px;height:13px;cursor:pointer}.overlay-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-panel{position:absolute;top:60px;left:52px;z-index:49;width:200px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:var(--shadow-md);padding:8px;font-size:12px}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--color-border-light)}.filter-panel-title{font-weight:600;color:var(--color-text-primary);font-size:13px}.filter-panel-clear{font-size:11px;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:3px}.filter-panel-clear:hover{background:var(--color-primary-bg)}.filter-section{margin-bottom:6px}.filter-section-label{font-size:11px;font-weight:500;color:var(--color-text-secondary);margin-bottom:3px}.filter-chips{display:flex;flex-wrap:wrap;gap:3px}.filter-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-chip .color-dot{width:8px;height:8px;border-radius:50%;margin-right:4px;flex-shrink:0}@media(pointer:coarse){.filter-panel{left:60px;width:220px;padding:10px}.filter-chip{padding:4px 10px;font-size:13px}}.snv-wrapper{display:flex;flex-direction:column;height:100%;width:100%;background:var(--color-bg, #fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;overflow:hidden;box-sizing:border-box}.snv-history{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.snv-history-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;border-bottom:1px solid #e5e7eb;flex-shrink:0;position:sticky;top:0;background:var(--color-bg, #fff);z-index:1}.snv-history-title{font-weight:600;color:#1e293b;font-size:13px}.snv-count{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:10px}.snv-empty{padding:32px 16px;text-align:center;color:#9ca3af;font-size:13px}.snv-list{padding:8px;display:flex;flex-direction:column;gap:6px}.snv-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .15s}.snv-item:hover{border-color:#d1d5db}.snv-item.expanded{border-color:#2563eb}.snv-item-header{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 12px;cursor:pointer;gap:8px;background:#fafafa}.snv-item.expanded .snv-item-header{background:#eff6ff}.snv-item-header:hover{background:#f3f4f6}.snv-item-meta{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.snv-date{font-weight:600;color:#1e3a5f;font-size:12px;white-space:nowrap}.snv-excerpt{color:#6b7280;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.snv-toggle{color:#9ca3af;font-size:10px;flex-shrink:0;padding-top:2px}.snv-item-body{padding:12px;border-top:1px solid #e5e7eb;background:#fff}.snv-full-text{white-space:pre-wrap;color:#374151;line-height:1.6;margin:0 0 10px;font-size:13px}.snv-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.snv-confirm-text{font-size:12px;color:#ef4444;font-weight:500}.snv-edit-textarea{width:100%;min-height:120px;padding:8px;border:1px solid #2563eb;border-radius:6px;font-family:inherit;font-size:13px;line-height:1.6;resize:vertical;outline:none;margin-bottom:8px;box-sizing:border-box}.snv-edit-actions{display:flex;gap:8px}.snv-btn{padding:5px 12px;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#374151;font-size:12px;cursor:pointer;transition:all .1s}.snv-btn:hover{background:#f3f4f6}.snv-btn:disabled{opacity:.4;cursor:not-allowed}.snv-btn-small{padding:3px 10px;font-size:11px}.snv-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.snv-btn-primary:hover{background:#1d4ed8}.snv-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.snv-btn-danger:hover{background:#dc2626}.snv-btn-ghost{border-color:transparent;background:transparent}.snv-btn-ghost:hover{background:#fee2e2;color:#ef4444}.snv-divider{display:flex;align-items:center;padding:0 16px;flex-shrink:0;margin:4px 0}.snv-divider:before,.snv-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.snv-divider span{padding:0 10px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.snv-new{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px;background:#f9fafb;border-top:1px solid #e5e7eb;flex:0 0 auto;min-height:320px}.snv-new-date-row{display:flex;align-items:center;gap:8px}.snv-date-label{font-size:12px;color:#6b7280;white-space:nowrap}.snv-date-input{padding:4px 8px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;color:#374151;outline:none}.snv-date-input:focus{border-color:#2563eb}.snv-new-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:13px;line-height:1.6;resize:none;outline:none;background:#fff;flex:1 1 auto;min-height:240px;overflow-y:auto;box-sizing:border-box;transition:border-color .15s}.snv-new-textarea:focus{border-color:#2563eb}.snv-new-textarea::placeholder{color:#9ca3af}.snv-new-actions{display:flex;justify-content:space-between;align-items:center}.snv-hint{font-size:11px;color:#9ca3af}.password-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.password-dialog{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:400px;max-width:90vw}.password-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.password-dialog-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.password-dialog-header .close-btn{width:28px;height:28px;border:none;background:transparent;font-size:20px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.password-dialog-header .close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.password-dialog-content{padding:var(--spacing-lg)}.password-dialog-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.password-dialog-content .form-group{margin-bottom:var(--spacing-md)}.password-dialog-content .form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.password-dialog-content input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-panel);transition:border-color var(--transition-base)}.password-dialog-content input:focus{outline:none;border-color:var(--color-primary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:40px}.show-password-btn{position:absolute;right:var(--spacing-sm);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs);color:var(--color-text-muted);transition:color var(--transition-base)}.show-password-btn:hover{color:var(--color-text-primary)}.password-error{background:var(--color-danger-bg);color:var(--color-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.password-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.password-dialog-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.password-dialog-actions .btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.password-dialog-actions .btn--primary:hover{background:var(--color-primary-dark)}.password-dialog-actions .btn--cancel{background:var(--color-bg-hover);color:var(--color-text-primary)}.password-dialog-actions .btn--cancel:hover{background:var(--color-bg-active)}.password-dialog-actions .btn--secondary{background:transparent;color:var(--color-text-secondary);margin-right:auto}.password-dialog-actions .btn--secondary:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.templates-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.templates-dialog{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.templates-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.templates-dialog-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.templates-dialog-header .close-btn{width:28px;height:28px;border:none;background:transparent;font-size:20px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.templates-dialog-header .close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.templates-dialog-content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.templates-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.template-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-panel);cursor:pointer;transition:all var(--transition-base);text-align:center}.template-card:hover,.template-card.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.template-icon{font-size:32px}.template-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.template-description{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.templates-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin:var(--spacing-lg) 0 var(--spacing-sm)}.template-card.custom{position:relative;border-style:dashed}.template-delete{position:absolute;top:4px;right:4px;padding:3px;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;align-items:center}.template-delete:hover{color:#ef4444;background:#fef2f2}.templates-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.templates-dialog-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.templates-dialog-actions .btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.templates-dialog-actions .btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.templates-dialog-actions .btn--primary:disabled{opacity:.5;cursor:not-allowed}.templates-dialog-actions .btn--cancel{background:var(--color-bg-hover);color:var(--color-text-primary)}.templates-dialog-actions .btn--cancel:hover{background:var(--color-bg-active)}.ofd-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000}.ofd-dialog{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:600px;max-width:94vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.ofd-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-primary)}.ofd-title{font-size:var(--font-size-base);font-weight:700;color:#fff}.ofd-close{background:none;border:none;font-size:20px;color:#fffc;cursor:pointer;line-height:1;padding:0 4px}.ofd-close:hover{color:#fff}.ofd-body{flex:1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl)}.ofd-section-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.ofd-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl) 0}.ofd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.ofd-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);text-align:left;min-height:90px}.ofd-tile:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.ofd-tile-icon{font-size:22px;margin-bottom:2px}.ofd-tile-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);word-break:break-word;line-height:1.3}.ofd-tile-dir{font-size:10px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ofd-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-border);background:var(--color-bg)}.ofd-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:none;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.ofd-btn--primary{background:var(--color-primary);color:#fff}.ofd-btn--primary:hover{opacity:.9}.ofd-btn--secondary{background:var(--color-bg-panel);color:var(--color-text-primary);border:1px solid var(--color-border)}.ofd-btn--secondary:hover{background:var(--color-bg-hover)}.startup-dialog-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000}.startup-dialog{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:480px;max-width:92vw;overflow:hidden}.startup-dialog-header{background:var(--color-primary);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center}.startup-dialog-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.startup-dialog-logo-icon{font-size:28px}.startup-dialog-logo-text{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.5px}.startup-dialog-body{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.startup-dialog-actions{display:flex;gap:var(--spacing-md)}.startup-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family)}.startup-action-btn:hover,.startup-action-btn--primary{border-color:var(--color-primary);background:var(--color-primary-bg)}.startup-action-btn--primary:hover{background:var(--color-primary)}.startup-action-btn--primary:hover .startup-action-label{color:#fff}.startup-action-icon{font-size:24px}.startup-action-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-primary);text-align:center}.startup-recent-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.startup-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.startup-recent-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base)}.startup-recent-item:hover{background:var(--color-bg-hover)}.startup-recent-icon{font-size:16px;flex-shrink:0}.startup-recent-info{display:flex;flex-direction:column;min-width:0}.startup-recent-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startup-recent-dir{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-dialog{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:500px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column}.settings-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.settings-dialog-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.settings-dialog-header .close-btn{width:28px;height:28px;border:none;background:transparent;font-size:20px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.settings-dialog-header .close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-dialog-content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.5px}.setting-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.setting-row label{flex:0 0 140px;font-size:var(--font-size-sm);color:var(--color-text-primary)}.setting-row input[type=range]{flex:1;height:6px;border-radius:3px;background:var(--color-border);appearance:none;cursor:pointer}.setting-row input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer}.setting-value{flex:0 0 50px;font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:right}.color-scheme-options{display:flex;gap:var(--spacing-md)}.color-scheme-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-panel);cursor:pointer;transition:all var(--transition-base);flex:1}.color-scheme-btn:hover{border-color:var(--color-primary)}.color-scheme-btn.active{border-color:var(--color-primary);background:var(--color-primary-bg)}.color-scheme-btn span:last-child{font-size:var(--font-size-sm);color:var(--color-text-primary)}.scheme-preview{display:flex;gap:var(--spacing-sm)}.scheme-male,.scheme-female{width:20px;height:20px;border-width:2px;border-style:solid}.scheme-male{border-radius:var(--radius-sm)}.scheme-female{border-radius:50%}.scheme-preview.standard .scheme-male,.scheme-preview.standard .scheme-female{border-color:var(--color-text-primary);background:var(--color-bg-panel)}.scheme-preview.monochrome .scheme-male,.scheme-preview.monochrome .scheme-female{border-color:var(--color-text-secondary);background:var(--color-bg-panel)}.scheme-preview.colorful .scheme-male,.scheme-preview.colorful .scheme-female{border-color:var(--color-primary);background:var(--color-primary-bg)}.checkbox-row{margin-bottom:var(--spacing-sm)}.checkbox-row label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.checkbox-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.settings-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.settings-dialog-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family)}.settings-dialog-actions .btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.settings-dialog-actions .btn--primary:hover{background:var(--color-primary-dark)}.settings-dialog-actions .btn--cancel{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-dialog-actions .btn--cancel:hover{background:var(--color-bg-active)}.settings-dialog-actions .btn--secondary{background:transparent;color:var(--color-text-secondary);margin-right:auto}.settings-dialog-actions .btn--secondary:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.license-status{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.license-status .license-icon{font-size:var(--font-size-2xl);line-height:1}.license-status .license-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.license-status .license-details strong{font-size:var(--font-size-base);color:var(--color-text-primary)}.license-status .license-details span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.license-status .license-key-display{font-family:monospace;background:#0000000d;padding:2px 6px;border-radius:var(--radius-md)}.license-valid{background:var(--color-success-bg)}.license-valid .license-details strong{color:#065f46}.license-trial{background:var(--color-warning-bg)}.license-trial .license-details strong{color:#92400e}.license-expired{background:var(--color-danger-bg)}.license-expired .license-details strong{color:var(--color-danger)}.license-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.license-actions .btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family)}.license-actions .btn--secondary{background:var(--color-primary);color:var(--color-text-inverse)}.license-actions .btn--secondary:hover{background:var(--color-primary-dark)}.license-actions .btn--text{background:transparent;color:var(--color-text-muted)}.license-actions .btn--text:hover{color:var(--color-danger);background:var(--color-danger-bg)}.about-info{margin-bottom:var(--spacing-md)}.about-info p{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--color-text-primary)}.about-info .version-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.legal-links{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.legal-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-primary);text-decoration:none;cursor:pointer;width:100%;text-align:left;transition:all var(--transition-base)}.legal-link:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.copyright-info{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.language-options{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.language-btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-panel);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);flex:1;text-align:center}.language-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.language-btn.active{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary-dark);font-weight:600}.legend-panel{position:fixed;top:60px;right:20px;width:320px;max-height:calc(100vh - 100px);background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:900;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);animation:slideIn .2s ease-out}.legend-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-primary);color:var(--color-text-inverse)}.legend-header h3{margin:0;font-size:var(--font-size-base);font-weight:600}.legend-close{width:24px;height:24px;border:none;background:#fff3;color:var(--color-text-inverse);font-size:18px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-base)}.legend-close:hover{background:#ffffff4d}.legend-content{padding:var(--spacing-md);overflow-y:auto;flex:1}.legend-section{margin-bottom:var(--spacing-md)}.legend-section:last-child{margin-bottom:0}.legend-section h4{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.legend-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.legend-item svg{flex-shrink:0}.legend-item span{font-size:var(--font-size-sm);color:var(--color-text-primary)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.legend-content::-webkit-scrollbar{width:6px}.legend-content::-webkit-scrollbar-track{background:var(--color-bg);border-radius:3px}.legend-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.legend-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(max-width:768px){.legend-panel{right:10px;left:10px;width:auto}}.device-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.device-dialog{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 10px 40px #0003}.device-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#6c97ce,#4a7ab8);color:#fff}.device-dialog-header h2{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s}.close-btn:hover{opacity:1}.device-dialog-content{padding:20px;overflow-y:auto;max-height:calc(90vh - 60px)}.device-loading{text-align:center;padding:40px 20px}.device-loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#6c97ce;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.device-loading p{color:#666;margin:0}.device-error{text-align:center;padding:20px}.device-error p{color:#dc2626;margin-bottom:16px}.transfer-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:20px;font-size:14px}.transfer-icon{font-size:20px}.transfer-info .remaining{color:#0369a1;margin-left:4px}.devices-section h3{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.no-devices{color:#9ca3af;text-align:center;padding:20px;font-size:14px}.device-list{list-style:none;margin:0;padding:0}.device-item{display:flex;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;transition:border-color .2s}.device-item.current{background:#f0fdf4;border-color:#86efac}.device-info{display:flex;align-items:center;gap:12px;flex:1}.device-icon{font-size:24px}.device-details{display:flex;flex-direction:column;gap:2px}.device-name{font-weight:500;color:#1f2937;display:flex;align-items:center;gap:8px}.current-badge{background:#22c55e;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.device-date{font-size:12px;color:#6b7280}.transfer-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.transfer-hint{font-size:14px;color:#374151;margin-bottom:12px}.transfer-blocked{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:16px;text-align:center}.warning-icon{font-size:24px;display:block;margin-bottom:8px}.transfer-blocked p{margin:0 0 8px;font-size:14px;color:#92400e}.support-hint{font-size:12px!important;color:#a16207!important}.support-hint a{color:#b45309}.error-message{color:#dc2626;background:#fee2e2;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#6c97ce;color:#fff}.btn-primary:hover:not(:disabled){background:#4a7ab8}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#d1d5db}.confirm-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:12px}.confirm-dialog{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:360px;text-align:center}.confirm-dialog h3{margin:0 0 12px;font-size:16px;color:#1f2937}.confirm-dialog p{margin:0 0 8px;font-size:14px;color:#4b5563}.confirm-warning{color:#b45309!important;background:#fef3c7;padding:8px 12px;border-radius:6px;margin:12px 0!important}.confirm-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.license-dialog-overlay{position:fixed;inset:0;background:var(--color-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.license-dialog{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:450px;max-width:95vw;overflow:hidden;animation:dialogAppear .3s ease-out}@keyframes dialogAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.license-dialog-header{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--spacing-xl);text-align:center}.license-logo{font-size:48px;display:block;margin-bottom:var(--spacing-sm)}.license-dialog-header h1{margin:0;font-size:28px;font-weight:700}.license-subtitle{margin:5px 0 0;opacity:.9;font-size:var(--font-size-base)}.license-dialog-content{padding:var(--spacing-xl)}.trial-info{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-primary-bg);color:var(--color-primary-dark);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.trial-expired{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-danger-bg);color:var(--color-danger);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.trial-icon{font-size:20px}.license-input-section{margin-bottom:var(--spacing-lg)}.license-input-section label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-base)}.license-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-xl);font-family:Courier New,monospace;letter-spacing:2px;text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base)}.license-input:focus{border-color:var(--color-primary)}.license-input.error{border-color:var(--color-danger);background:var(--color-danger-bg)}.license-input.valid{border-color:var(--color-success);background:var(--color-success-bg)}.license-input::placeholder{color:var(--color-text-muted);letter-spacing:3px}.license-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.license-valid{color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.license-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.license-buttons .btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.license-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.license-buttons .btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.license-buttons .btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.license-buttons .btn-secondary{background:var(--color-bg-hover);color:var(--color-text-primary)}.license-buttons .btn-secondary:hover:not(:disabled){background:var(--color-bg-active)}.license-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center;font-size:var(--font-size-base);color:var(--color-text-secondary)}.license-footer a{color:var(--color-primary);text-decoration:none;font-weight:600}.license-footer a:hover{text-decoration:underline}.license-details{background:var(--color-bg-light, #f9fafb);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.license-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.license-detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.detail-value{font-weight:600;color:var(--color-text-primary)}.license-key-display{font-family:Courier New,monospace;color:var(--color-primary);letter-spacing:1px}.detail-value.expired{color:var(--color-danger)}.detail-value.expiring{color:#f59e0b}.days-remaining{font-weight:400;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.expired-badge{display:inline-block;background:var(--color-danger);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;margin-left:var(--spacing-sm);font-weight:600}.expiry-warning{display:flex;align-items:center;gap:var(--spacing-sm);background:#fef3c7;border:1px solid #fcd34d;color:#92400e;padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.expiry-warning.expired{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.warning-icon{font-size:20px}.license-buttons a.btn{display:block}.onboarding-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-dialog{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003;width:560px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:onboardingAppear .3s ease-out;position:relative}@keyframes onboardingAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-header{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.onboarding-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border);transition:all .3s ease}.onboarding-dot.active{background:var(--color-primary);transform:scale(1.3)}.onboarding-dot.completed{background:var(--color-primary-light)}.onboarding-content{padding:var(--spacing-xl) var(--spacing-2xl);min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.onboarding-step{animation:stepSlideIn .3s ease-out;width:100%}@keyframes stepSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.onboarding-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--color-primary-bg);color:var(--color-primary);margin:0 auto var(--spacing-lg)}.onboarding-icon svg{width:32px;height:32px}.onboarding-step h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-md)}.onboarding-step p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg)}.onboarding-step p strong{color:var(--color-text-primary)}.onboarding-hint{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-primary-bg);color:var(--color-primary-dark);padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.5;text-align:left;width:100%}.onboarding-hint-icon{flex-shrink:0;color:var(--color-primary)}.onboarding-shortcuts{width:100%;text-align:left;margin-top:var(--spacing-sm)}.onboarding-shortcuts table{width:100%;border-collapse:collapse}.onboarding-shortcuts td{padding:6px 12px;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border-light)}.onboarding-shortcuts td:first-child{font-weight:600;color:var(--color-text-primary);white-space:nowrap;width:40%}.onboarding-shortcuts td:last-child{color:var(--color-text-secondary)}.onboarding-shortcuts tr:last-child td{border-bottom:none}.onboarding-welcome-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:calc(var(--spacing-sm) * -1);margin-bottom:var(--spacing-lg)}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-border-light);background:var(--color-bg);flex-shrink:0}.onboarding-actions-left,.onboarding-actions-right{display:flex;gap:var(--spacing-sm)}.onboarding-btn{padding:10px 20px;border:none;border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.onboarding-btn-skip{background:transparent;color:var(--color-text-muted)}.onboarding-btn-skip:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.onboarding-btn-back{background:transparent;color:var(--color-text-secondary)}.onboarding-btn-back:hover{background:var(--color-bg-hover)}.onboarding-btn-next{background:var(--color-primary);color:var(--color-text-inverse)}.onboarding-btn-next:hover{background:var(--color-primary-dark)}.onboarding-btn-start{background:var(--color-primary);color:var(--color-text-inverse);padding:10px 28px}.onboarding-btn-start:hover{background:var(--color-primary-dark)}.onboarding-step-counter{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;padding:0 var(--spacing-xl) var(--spacing-sm);flex-shrink:0}@media(max-height:500px){.onboarding-overlay{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px}.onboarding-dialog{width:calc(100% - 16px);max-width:100%;max-height:none;margin:0 auto;border-radius:8px;display:block}.onboarding-header{padding:4px 8px;gap:4px;border-bottom:none}.onboarding-dot{width:5px;height:5px}.onboarding-content{padding:4px 16px;min-height:auto;overflow-y:visible}.onboarding-icon{width:28px;height:28px;margin-bottom:4px}.onboarding-icon svg{width:16px;height:16px}.onboarding-step h2{font-size:15px;margin-bottom:2px}.onboarding-step p{font-size:12px;line-height:1.3;margin-bottom:4px}.onboarding-welcome-subtitle{font-size:11px;margin-bottom:2px}.onboarding-hint{padding:4px 8px;font-size:11px;gap:4px}.onboarding-shortcuts td{padding:1px 6px;font-size:10px}.onboarding-step-counter{padding:0 8px 2px;font-size:10px}.onboarding-actions{padding:6px 12px}.onboarding-btn{padding:6px 12px;font-size:12px}.onboarding-btn-start{padding:6px 16px}}@media(min-height:501px)and (max-height:700px){.onboarding-content{padding:var(--spacing-md) var(--spacing-lg)}.onboarding-icon{width:44px;height:44px;margin-bottom:var(--spacing-sm)}.onboarding-icon svg{width:22px;height:22px}.onboarding-step h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.onboarding-step p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.onboarding-shortcuts td{padding:4px 8px;font-size:var(--font-size-xs)}.onboarding-btn{padding:8px 14px;font-size:var(--font-size-sm)}.onboarding-actions,.onboarding-header{padding:var(--spacing-sm) var(--spacing-md)}}.guided-tour-overlay{position:fixed;inset:0;z-index:10000;cursor:default}.guided-tour-spotlight{position:fixed;border-radius:8px;box-shadow:0 0 0 9999px #0009;transition:all .3s ease;z-index:10001;pointer-events:none}.context-menu--tour-active,.properties-panel--tour-active{z-index:10002!important}.guided-tour-card{background:var(--color-bg-panel, #ffffff);border-radius:12px;box-shadow:0 8px 32px #0000003d;padding:16px 20px;z-index:10003;animation:guidedTourCardAppear .25s ease-out}@keyframes guidedTourCardAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guided-tour-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.guided-tour-card-step{font-size:12px;color:var(--color-text-secondary, #64748b);font-weight:500}.guided-tour-card-skip{background:none;border:none;font-size:12px;color:var(--color-text-secondary, #64748b);cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s}.guided-tour-card-skip:hover{color:var(--color-text-primary, #1e293b)}.guided-tour-card-title{font-size:16px;font-weight:600;color:var(--color-text-primary, #1e293b);margin:0 0 6px}.guided-tour-card-text{font-size:13px;color:var(--color-text-secondary, #475569);line-height:1.5;margin:0 0 16px}.guided-tour-card-buttons{display:flex;justify-content:flex-end;gap:8px}.guided-tour-btn{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.guided-tour-btn-primary{background:var(--color-primary, #2563eb);color:#fff}.guided-tour-btn-primary:hover{background:var(--color-primary-hover, #1d4ed8)}.guided-tour-btn-secondary{background:var(--color-bg-secondary, #f1f5f9);color:var(--color-text-primary, #1e293b)}.guided-tour-btn-secondary:hover{background:var(--color-border, #e2e8f0)}.help-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.help-dialog{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:680px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column}.help-dialog-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.help-dialog-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0;white-space:nowrap}.help-search-wrapper{flex:1;position:relative}.help-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.help-search-input{width:100%;padding:6px 10px 6px 32px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg);outline:none;transition:border-color var(--transition-base)}.help-search-input:focus{border-color:var(--color-primary)}.help-search-input::placeholder{color:var(--color-text-muted)}.help-dialog-header .close-btn{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.help-dialog-header .close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.help-dialog-body{display:flex;flex:1;min-height:0;overflow:hidden}.help-sidebar{width:180px;flex-shrink:0;border-right:1px solid var(--color-border);padding:var(--spacing-sm) 0;overflow-y:auto}.help-sidebar-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:8px var(--spacing-md);border:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:left}.help-sidebar-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.help-sidebar-item.active{background:var(--color-primary-bg);color:var(--color-primary-dark);font-weight:500}.help-content{flex:1;padding:var(--spacing-lg);overflow-y:auto;min-width:0}.help-content-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.5px}.help-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.help-item{padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base)}.help-item:hover{border-color:var(--color-primary)}.help-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:4px}.help-item-header h4{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.help-item p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.help-item-category{display:inline-block;margin-top:6px;font-size:11px;color:var(--color-text-muted);background:var(--color-bg-hover);padding:1px 6px;border-radius:var(--radius-sm)}.help-shortcut-key{display:inline-block;padding:2px 6px;font-family:monospace;font-size:11px;color:var(--color-text-secondary);background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap}.help-shortcut-table{display:flex;flex-direction:column;gap:2px}.help-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-base)}.help-shortcut-row:hover{background:var(--color-bg-hover)}.help-shortcut-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.help-no-results{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-sm)}.help-dialog-footer{padding:12px 20px;border-top:1px solid var(--color-border);display:flex;justify-content:center}.help-tour-btn{display:flex;align-items:center;gap:6px;background:#2563eb1a;color:var(--color-primary);border:1px solid rgba(37,99,235,.3);border-radius:var(--radius-md);padding:8px 16px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.help-tour-btn:hover{background:#2563eb33}@media(max-width:520px){.help-sidebar{display:none}}.update-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.update-dialog{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:450px;max-width:95vw;overflow:hidden;animation:dialogAppear .3s ease-out}@keyframes dialogAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.update-dialog-header{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--spacing-lg);text-align:center}.update-icon{font-size:40px;display:block;margin-bottom:var(--spacing-sm)}.update-dialog-header h2{margin:0;font-size:22px;font-weight:600}.update-dialog-content{padding:var(--spacing-lg)}.update-version-info{margin-bottom:var(--spacing-lg)}.version-badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-lg)}.version-current{color:var(--color-text-secondary);font-size:var(--font-size-base)}.version-arrow{color:var(--color-primary);font-weight:700}.version-new{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600}.update-notes{margin-bottom:var(--spacing-lg)}.update-notes h4{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.notes-content{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);max-height:150px;overflow-y:auto;white-space:pre-wrap;line-height:1.5}.update-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.update-dialog .btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.update-dialog .btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.update-dialog .btn-primary:hover{background:var(--color-primary-dark)}.update-dialog .btn-secondary{background:var(--color-bg-hover);color:var(--color-text-primary)}.update-dialog .btn-secondary:hover{background:var(--color-bg-active)}.update-dialog .btn-text{background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm)}.update-dialog .btn-text:hover{color:var(--color-text-secondary)}.update-progress{text-align:center;padding:var(--spacing-lg) 0}.progress-spinner{width:50px;height:50px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--spacing-md);animation:spin 1s linear infinite}.progress-bar-container{height:8px;background:var(--color-border);border-radius:var(--radius-md);margin:var(--spacing-md) 0;overflow:hidden}.progress-bar{height:100%;background:var(--color-primary);border-radius:var(--radius-md);transition:width .3s ease}.progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-sm) 0 0 0}.update-ready{text-align:center}.ready-icon{display:inline-block;width:60px;height:60px;line-height:60px;background:var(--color-success);color:var(--color-text-inverse);border-radius:50%;font-size:30px;margin-bottom:var(--spacing-md)}.ready-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-sm) 0 var(--spacing-lg) 0}.update-error{text-align:center}.error-icon{font-size:48px;display:block;margin-bottom:var(--spacing-md);color:var(--color-danger)}.update-error p{color:var(--color-danger);margin-bottom:var(--spacing-lg)}.demo-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 16px;background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:500;z-index:100;flex-shrink:0}.demo-banner-label{opacity:.9}.demo-banner-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;background:#fff3;color:var(--color-text-inverse);border:1px solid rgba(255,255,255,.4);border-radius:4px;text-decoration:none;font-size:var(--font-size-sm);font-weight:600;transition:background .15s}.demo-banner-btn:hover{background:#ffffff59}.demo-banner-back{cursor:pointer;margin-right:auto}.demo-banner-logout{cursor:pointer;margin-left:auto;background:#ffffff1f;border-color:#ffffff40}.mobile-warning-overlay{position:fixed;inset:0;z-index:10000;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-warning-box{background:#fff;border-radius:16px;padding:32px 24px;max-width:360px;text-align:center;color:#1a1a2e;box-shadow:0 20px 60px #0000004d}.mobile-warning-box svg:first-child{color:var(--color-primary);margin-bottom:16px}.mobile-warning-box h2{margin:0 0 12px;font-size:20px;font-weight:700}.mobile-warning-box p{margin:0 0 24px;font-size:14px;line-height:1.5;color:#555}.mobile-warning-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;margin-bottom:12px}.mobile-warning-dismiss{background:none;border:none;color:#888;font-size:13px;cursor:pointer;padding:8px;text-decoration:underline}.upgrade-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.upgrade-dialog{position:relative;background:var(--color-bg-panel);border-radius:12px;padding:28px 32px;max-width:420px;width:90%;box-shadow:0 8px 32px #0003}.upgrade-dialog-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.upgrade-dialog-close:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.upgrade-dialog-header h2{margin:0 0 16px;font-size:var(--font-size-lg);color:var(--color-text-primary)}.upgrade-dialog-content p{margin:0 0 24px;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5}.upgrade-dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.upgrade-dialog-cta{display:inline-flex;align-items:center;gap:6px;text-decoration:none;flex:1;justify-content:center}.upgrade-dialog-actions .btn--secondary{min-width:90px}.exit-survey-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.exit-survey-dialog{background:#fff;border-radius:16px;padding:32px;max-width:460px;width:90%;box-shadow:0 8px 32px #00000026}.exit-survey-header{text-align:center;margin-bottom:24px}.exit-survey-header h2{font-size:1.3rem;font-weight:700;color:var(--color-text, #1a1a2e);margin:0 0 8px}.exit-survey-header p{font-size:.9rem;color:var(--color-text-muted, #64748b);margin:0}.exit-survey-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.exit-survey-reason{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:.9rem;text-align:left;transition:all .15s;color:var(--color-text, #1a1a2e)}.exit-survey-reason:hover{border-color:#2563eb;background:#f0f7ff}.exit-survey-reason.selected{border-color:#2563eb;background:#eff6ff;font-weight:600}.exit-survey-input{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;margin-bottom:12px;box-sizing:border-box}.exit-survey-input:focus{outline:none;border-color:#2563eb}.exit-survey-email{margin-bottom:20px}.exit-survey-email label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text, #1a1a2e);margin-bottom:6px}.exit-survey-email small{display:block;font-size:.78rem;color:var(--color-text-muted, #94a3b8);margin-top:4px}.exit-survey-actions{display:flex;gap:12px;align-items:center}.exit-survey-submit{flex:1;padding:12px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.exit-survey-submit:hover:not(:disabled){background:#1d4ed8}.exit-survey-submit:disabled{opacity:.5;cursor:not-allowed}.exit-survey-skip{padding:12px 16px;background:none;border:none;color:var(--color-text-muted, #94a3b8);font-size:.85rem;cursor:pointer}.exit-survey-skip:hover{color:var(--color-text, #1a1a2e)}.exit-survey-thanks{text-align:center;padding:24px 0}.exit-survey-thanks-icon{width:48px;height:48px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}.exit-survey-thanks p{font-size:1rem;color:var(--color-text, #1a1a2e)}.web-login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#e8eeff,#f8fafc);padding:24px}.web-login-loading{display:flex;align-items:center;justify-content:center}.web-login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a;overflow:hidden}.web-login-header{text-align:center;padding:40px 32px 24px}.web-login-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary, #2563eb);color:#fff;border-radius:14px;margin-bottom:16px}.web-login-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.web-login-subtitle{font-size:14px;color:#64748b;margin:0;line-height:1.5}.web-login-form{padding:0 32px 24px}.web-login-input{width:100%;padding:14px 16px;font-size:16px;font-family:SF Mono,Fira Code,monospace;letter-spacing:1.5px;text-align:center;border:2px solid #e2e8f0;border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.web-login-input:focus{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1f}.web-login-input-error{border-color:#ef4444}.web-login-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.web-login-input::placeholder{color:#cbd5e1;letter-spacing:2px}.web-login-error{margin-top:8px;padding:8px 12px;font-size:13px;color:#dc2626;background:#fef2f2;border-radius:6px;text-align:center}.web-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;margin-top:16px;font-size:15px;font-weight:600;color:#fff;background:var(--color-primary, #2563eb);border:none;border-radius:10px;cursor:pointer;transition:background .2s,opacity .2s}.web-login-btn:hover:not(:disabled){background:#1d4ed8}.web-login-btn:disabled{opacity:.5;cursor:not-allowed}.web-login-footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 32px;background:#f8fafc;font-size:13px;color:#94a3b8}.web-login-buy-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary, #2563eb);text-decoration:none;font-weight:600}.web-login-buy-link:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.web-login-spinner{animation:spin .8s linear infinite}.gm-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;background:var(--color-bg, #f8fafc);color:var(--color-text, #1e293b)}.gm-header{text-align:center;margin-bottom:32px}.gm-title{font-size:28px;font-weight:700;color:var(--color-primary, #2563eb);margin:0}.gm-subtitle{font-size:14px;color:var(--color-text-secondary, #64748b);margin:4px 0 0}.gm-actions{display:flex;gap:12px;margin-bottom:32px}.gm-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;background:#fff;color:var(--color-text, #1e293b);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.gm-action-btn:hover{background:var(--color-bg-hover, #f1f5f9);border-color:var(--color-primary, #2563eb)}.gm-action-btn--primary{background:var(--color-primary, #2563eb);color:#fff;border-color:var(--color-primary, #2563eb)}.gm-action-btn--primary:hover{background:var(--color-primary-hover, #1d4ed8)}.gm-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--color-text-secondary, #94a3b8)}.gm-empty-hint{font-size:13px}.gm-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:600px}.gm-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .15s}.gm-card:hover{border-color:var(--color-primary, #2563eb);box-shadow:0 1px 4px #2563eb1a}.gm-card-thumb{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--color-bg, #f8fafc);display:flex;align-items:center;justify-content:center}.gm-card-thumb img{width:100%;height:100%;object-fit:cover}.gm-card-thumb--empty{color:var(--color-text-secondary, #94a3b8)}.gm-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gm-card-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-card-name-input{font-size:14px;font-weight:500;padding:2px 6px;border:1px solid var(--color-primary, #2563eb);border-radius:4px;outline:none;width:100%}.gm-card-date{font-size:12px;color:var(--color-text-secondary, #94a3b8)}.gm-card-actions{display:flex;gap:4px;flex-shrink:0}.gm-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--color-text-secondary, #94a3b8);cursor:pointer;transition:all .15s}.gm-icon-btn:hover{background:var(--color-bg-hover, #f1f5f9);color:var(--color-text, #1e293b)}.gm-icon-btn--danger:hover{background:#fef2f2;color:#dc2626}.gm-footer{margin-top:48px;display:flex;gap:8px;font-size:12px;color:var(--color-text-secondary, #94a3b8)}.gm-footer a{color:var(--color-primary, #2563eb);text-decoration:none}.gm-footer a:hover{text-decoration:underline}.gm-loading{padding:60px;color:var(--color-text-secondary, #94a3b8)}.konvajs-content{will-change:transform}.konvajs-content canvas{will-change:transform}:root{--color-primary: #6c97ce;--color-primary-light: #9bb8de;--color-primary-dark: #4a7ab8;--color-primary-bg: rgba(108, 151, 206, .1);--color-accent: #ce856c;--color-accent-light: #deb09b;--color-accent-dark: #b8654a;--color-success: #5cb85c;--color-success-bg: rgba(92, 184, 92, .1);--color-warning: #f0ad4e;--color-warning-bg: rgba(240, 173, 78, .1);--color-danger: #d9534f;--color-danger-bg: rgba(217, 83, 79, .1);--color-bg: #f5f3ef;--color-bg-panel: #ffffff;--color-bg-hover: #ebe8e3;--color-bg-active: #e0dcd5;--color-text-primary: #222222;--color-text-secondary: #666666;--color-text-muted: #999999;--color-text-inverse: #ffffff;--color-border: #d3d3d3;--color-border-light: #e8e8e8;--color-border-focus: var(--color-primary);--font-family: "Inter", "Roboto", system-ui, -apple-system, sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 12px;--spacing-lg: 18px;--spacing-xl: 24px;--spacing-2xl: 36px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden;user-select:none;-webkit-user-select:none}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg)}.main-area{flex:1;display:flex;overflow:hidden}.canvas-area{flex:1;position:relative;overflow:hidden;background:var(--color-bg)}.genogram-canvas-container{position:absolute;inset:0}.search-container{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:50;display:flex;align-items:center;gap:var(--spacing-sm)}.mode-badge{display:flex;align-items:center;gap:6px;background:#2563eb26;color:#2563eb;font-size:13px;font-weight:600;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid rgba(37,99,235,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--transition-fast)}.mode-badge:hover{background:#2563eb40}.mode-badge-close{font-size:16px;line-height:1;opacity:.6}.mode-badge:hover .mode-badge-close{opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--secondary{background:var(--color-bg-panel);color:var(--color-accent);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-accent)}.btn--danger{background:var(--color-danger-bg);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-text-inverse)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}input[type=text],input[type=number],input[type=date],input[type=password],textarea,select{user-select:text;-webkit-user-select:text;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-panel);transition:border-color var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}textarea{resize:vertical;min-height:60px}.expiry-warning-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(90deg,var(--color-warning) 0%,#f5d742 100%);color:#5c4a00;font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-sm)}.expiry-warning-icon{font-size:var(--font-size-lg);flex-shrink:0}.expiry-warning-text{flex:1}.expiry-warning-link{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:#ffffffe6;color:var(--color-primary);text-decoration:none;font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-base)}.expiry-warning-link:hover{background:var(--color-bg-panel);color:var(--color-primary-dark);transform:translateY(-1px)}.expiry-warning-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-full);background:#0000001a;color:#5c4a00;font-size:var(--font-size-lg);cursor:pointer;transition:background var(--transition-base);flex-shrink:0}.expiry-warning-close:hover{background:#0003}