@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Syne:wght@400..800&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-8px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 4px rgba(16,185,129,0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) var(--ease-out)}.animate-fade-out{animation:fadeOut var(--transition-normal) var(--ease-in)}.animate-slide-in{animation:slideIn var(--transition-medium) var(--ease-out)}.animate-slide-in-up{animation:slideInUp var(--transition-medium) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--transition-medium) var(--ease-out)}.animate-scale-out{animation:scaleOut var(--transition-medium) var(--ease-in)}.animate-modal-enter{animation:modalEnter var(--transition-slow) var(--ease-out)}.animate-modal-exit{animation:modalExit var(--transition-slow) var(--ease-in)}.animate-shake{animation:shake .4s var(--ease-in-out)}.animate-pulse{animation:pulse .3s var(--ease-in-out)}.animate-pulse-glow{animation:pulseGlow 1s var(--ease-out)}.animate-shimmer{animation:shimmer 2s linear infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce .5s var(--ease-out)}.animate-wiggle{animation:wiggle .3s var(--ease-in-out)}.stagger-children>*{animation:slideInUp var(--transition-medium) var(--ease-out)}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-fade-in,.animate-fade-out,.animate-slide-in,.animate-slide-in-up,.animate-scale-in,.animate-scale-out,.animate-modal-enter,.animate-modal-exit,.animate-shake,.animate-pulse,.animate-pulse-glow,.animate-shimmer,.animate-spin,.animate-bounce,.animate-wiggle{animation:none!important}.stagger-children>*{animation:none!important}}.animate-fade-in,.animate-fade-out,.animate-slide-in,.animate-slide-in-up,.animate-scale-in,.animate-scale-out,.animate-modal-enter,.animate-modal-exit{will-change:transform,opacity}.animate-fade-in,.animate-fade-out,.animate-slide-in,.animate-slide-in-up,.animate-scale-in,.animate-scale-out,.animate-modal-enter,.animate-modal-exit{animation-fill-mode:forwards}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);padding:var(--space-8);max-width:var(--container-lg);margin:0 auto;line-height:var(--line-relaxed);font-family:var(--font-body);font-optical-sizing:auto;font-weight:var(--font-normal);font-style:normal}h1{font-size:var(--text-4xl);margin-bottom:var(--space-8);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-family:var(--font-heading);font-optical-sizing:auto;font-weight:var(--font-bold);font-style:normal}.form-group{margin-bottom:var(--space-6)}label.field-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary)}.field-hint{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}input[type=text],textarea{width:100%;padding:14px var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--bg-secondary);transition:all var(--transition-normal) var(--ease-out);color:var(--text-primary);font-family:var(--font-mono);font-optical-sizing:auto;font-weight:var(--font-normal);font-style:normal}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus),0 0 0 3px var(--accent-color-faint);transform:translateY(-1px)}input[type=text]:focus-visible,textarea:focus-visible{outline:var(--border-width-thick) solid var(--border-focus);outline-offset:var(--space-1)}input[type=text].error,textarea.error{border-color:var(--color-error);animation:shake .4s var(--ease-in-out)}input[type=text].error:focus,textarea.error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px rgba(239,68,68,.15)}input[type=text].valid,textarea.valid{border-color:var(--color-success)}input[type=text].valid:focus,textarea.valid:focus{border-color:var(--color-success);box-shadow:0 0 0 2px rgba(16,185,129,.15)}*{-webkit-tap-highlight-color:transparent}textarea{min-height:120px;resize:vertical}input[type=checkbox]{margin-right:var(--space-2);width:var(--size-xs);height:var(--size-xs);cursor:pointer}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-2)}.checkbox-group label{display:flex;align-items:center;cursor:pointer;font-size:var(--text-base)}.energy-selector{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-2)}.energy-dimension{display:flex;align-items:center;gap:var(--space-3)}.energy-dimension label{min-width:80px;font-weight:var(--font-medium);font-size:var(--text-base);color:var(--text-secondary);text-transform:none;letter-spacing:normal;margin:0}.energy-buttons{display:flex;gap:var(--space-2)}.energy-btn{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);color:var(--text-muted);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:var(--transition-all-fast);box-shadow:none;min-width:60px}.energy-btn:hover{background:var(--bg-tertiary);border-color:var(--border-dark);transform:none;box-shadow:none}.energy-btn.active{background:var(--border-focus);color:var(--bg-secondary);border-color:var(--border-focus);box-shadow:0 0 0 1px var(--accent-color-faint),0 2px 6px var(--accent-color-faint)}.energy-btn:active{transform:none;box-shadow:none}.energy-timestamp{display:block;margin-top:var(--space-2);font-size:.85em;color:var(--text-secondary);font-style:italic}.energy-trend{display:inline-block;margin-left:var(--space-1);font-size:var(--text-md);font-weight:400;transition:color var(--transition-normal) var(--ease-default);cursor:pointer;user-select:none;min-width:var(--size-sm);text-align:center}.energy-trend[data-trend=up]:after{content:"↑";color:var(--color-success)}.energy-trend[data-trend=stable]:after{content:"→";color:var(--color-warning)}.energy-trend[data-trend=down]:after{content:"↓";color:var(--color-error)}.energy-trend:hover{opacity:var(--opacity-hover)}.energy-trend:active{transform:scale(.95)}select{width:100%;padding:14px var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--bg-secondary);transition:var(--transition-all-fast);color:var(--text-primary);font-family:var(--font-mono);font-optical-sizing:auto;font-weight:var(--font-normal);font-style:normal;cursor:pointer}select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus),0 0 0 3px var(--accent-color-faint);transform:translateY(-1px)}.cognitive-mode-description{margin-top:5px;font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--line-normal)}input[type=text]::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:.6;transition:opacity var(--transition-normal) var(--ease-out)}input[type=text]:focus::placeholder,textarea:focus::placeholder{opacity:.4}.actions{margin:var(--space-10) 0;display:flex;gap:var(--space-3);flex-wrap:wrap}button{padding:14px var(--space-6);background:var(--color-accent);color:var(--bg-secondary);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:all var(--transition-normal) var(--ease-out);box-shadow:var(--shadow-sm)}@media (hover: hover){button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 0 0 1px var(--accent-color-faint),0 4px 12px var(--accent-color-faint),var(--shadow-md);transform:translateY(-2px)}}button:active{background:var(--color-accent);transform:translateY(0);box-shadow:var(--shadow-xs);transition:all var(--transition-fast) var(--ease-in)}button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none;box-shadow:none}button:disabled:hover{background:var(--color-accent);border-color:var(--color-accent);transform:none;box-shadow:none}button.success{background:var(--color-success);border-color:var(--color-success);animation:pulseGlow .6s var(--ease-out)}button.success:hover{background:var(--color-success);border-color:var(--color-success)}.output-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:var(--border-width) solid var(--border-color)}.output-section h2{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-primary)}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.token-info{font-size:var(--text-xs);padding:6px 10px;border-radius:var(--radius-base);border:var(--border-width) solid;font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:var(--font-medium);font-style:normal}.token-info.initial{color:var(--text-muted);background:var(--bg-hover);border-color:var(--border-light)}.savings{color:var(--color-success);font-weight:var(--font-bold)}#generated-prompt,#ai-response{width:100%;min-height:200px;padding:var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-secondary);margin-bottom:var(--space-3);color:var(--text-primary);line-height:var(--line-normal);font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:var(--font-normal);font-style:normal}#generated-prompt:focus,#ai-response:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}#status{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);opacity:0;pointer-events:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px 20px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.02);color:var(--text-primary);font-size:var(--text-sm);font-family:Plus Jakarta Sans,sans-serif;font-weight:var(--font-medium);letter-spacing:var(--tracking-normal);text-transform:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);z-index:var(--z-toast)}#status.active{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#status:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-accent);border-radius:0 0 12px 12px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#status.syncing:before{animation:progressBar 2s ease-in-out infinite}@keyframes progressBar{0%{transform:scaleX(0);opacity:1}50%{transform:scaleX(.7);opacity:1}to{transform:scaleX(1);opacity:0}}#status.success{border-color:var(--color-success)}#status.success:before{background:var(--color-success);transform:scaleX(1)}#status.error{border-color:var(--color-error);animation:shake .4s var(--ease-in-out)}#status.error:before{background:var(--color-error);transform:scaleX(1)}.tasks-list{margin-bottom:var(--space-4)}.task-item{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2);background:var(--bg-hover);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-color)}.task-item input[type=checkbox]{margin:0;flex-shrink:0;width:16px;height:16px}.task-item input[type=text]{flex:1;border:none;background:transparent;padding:var(--space-1);margin:0;font-family:Source Code Pro,monospace;font-size:var(--text-base)}.task-item input[type=text]:focus{outline:none;background:var(--bg-secondary);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--border-focus)}.task-item .remove-task{background:var(--color-error);color:var(--bg-secondary);border:none;width:20px;height:20px;border-radius:50%;font-size:var(--text-xs);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:var(--transition-all-fast)}.task-item .remove-task:hover{background:var(--color-error)}.add-task-btn{background:var(--text-primary);color:var(--bg-secondary);border:var(--border-width) solid var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:var(--transition-all-fast)}.add-task-btn:hover{background:var(--border-focus);border-color:var(--border-focus)}.notes-list{margin-bottom:var(--space-4)}.note-item{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-color);flex-wrap:wrap}.note-timestamp{flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted);font-family:Source Code Pro,monospace;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-medium);background:var(--border-light);padding:2px 6px;border-radius:2px;margin-right:var(--space-1);line-height:var(--line-tight)}.note-item input[type=text]{flex:1;border:none;background:transparent;padding:var(--space-1);margin:0;font-family:Source Code Pro,monospace;font-size:var(--text-base);min-width:200px}.note-item input[type=text]:focus{outline:none;background:var(--bg-secondary);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--border-focus)}.note-item .remove-note{background:var(--color-error);color:var(--bg-secondary);border:none;width:20px;height:20px;border-radius:50%;font-size:var(--text-xs);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:var(--transition-all-fast)}.note-item .remove-note:hover{background:var(--color-error)}.add-note-btn{background:var(--text-primary);color:var(--bg-secondary);border:var(--border-width) solid var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:var(--transition-all-fast)}.add-note-btn:hover{background:var(--border-focus);border-color:var(--border-focus)}.commands-reference{padding:1rem 0}.commands-reference h3{color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--text-md);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.commands-reference .command{margin-bottom:var(--space-6);padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-sm);border-left:3px solid var(--text-primary)}.commands-reference .command code{display:block;font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-semibold);margin-bottom:var(--space-2);font-family:Source Code Pro,monospace;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.commands-reference .command p{margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--line-normal)}.hidden{display:none}.toast-notification{position:fixed;bottom:2rem;right:2rem;background:var(--text-primary);color:var(--bg-secondary);padding:1rem 1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:10000;max-width:500px;white-space:pre-line;line-height:var(--line-normal)}.toast-notification.visible{opacity:1;transform:translateY(0)}@media (max-width: 640px){.toast-notification{left:1rem;right:1rem;bottom:1rem}}.commands-section{margin-top:var(--space-8);padding-top:1.5rem;border-top:1px solid var(--border-color)}.commands-section h4{margin-bottom:var(--space-4);font-size:.9rem;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.command-chaining-info{font-size:.9rem;line-height:var(--line-relaxed)}.chaining-example{margin:1rem 0;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-base)}.chaining-example strong{display:block;margin-bottom:var(--space-2);color:var(--text-primary)}.chaining-example ul{margin:var(--space-2) 0 0 1.5rem}.chaining-example li{margin:var(--space-1) 0}.chaining-example code{background:var(--bg-primary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.85rem}.command-chaining-details{cursor:pointer}.command-chaining-details summary{list-style:none;user-select:none;cursor:pointer}.command-chaining-details summary::-webkit-details-marker{display:none}.command-chaining-details summary h4{display:inline-block;margin:0;cursor:pointer}.command-chaining-details summary h4:before{content:"▶";display:inline-block;margin-right:.5rem;transition:transform .2s ease;font-size:.8rem}.command-chaining-details[open] summary h4:before{transform:rotate(90deg)}.command-chaining-details summary:hover h4{color:var(--text-primary)}.command-chaining-info{margin-top:var(--space-4);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.site-footer{margin-top:var(--space-16);padding:var(--space-8) 0 var(--space-4);border-top:1px solid var(--border-light);text-align:center}.site-footer p{margin:0;font-size:var(--text-sm);color:var(--text-tertiary);font-family:Source Code Pro,monospace}.site-footer a{color:var(--text-primary);text-decoration:none;font-weight:var(--font-medium);transition:opacity .2s ease}.site-footer a:hover{opacity:var(--opacity-hover)}.dark .site-footer{border-top-color:rgba(255,255,255,.1)}.dark .site-footer p{color:rgba(255,255,255,.5)}.dark .site-footer a{color:var(--bg-secondary)}.energy-history-summary{margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--line-relaxed)}.energy-history-summary>div{margin-bottom:var(--space-2)}.energy-history-summary>div:last-child{margin-bottom:0}.history-label{font-weight:var(--font-medium);color:var(--text-muted);display:inline-block;min-width:90px}.history-trend{margin-left:var(--space-2);color:var(--text-primary);font-style:italic}.dark .energy-history-summary{background:var(--bg-tertiary)}.dark .history-label{color:var(--text-tertiary)}.dark .history-trend{color:var(--text-secondary)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.large{width:24px;height:24px;border-width:3px}.sync-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-tertiary);transition:all var(--transition-normal) var(--ease-out)}.sync-indicator.syncing{color:var(--accent-color);background:var(--accent-color-faint)}.sync-indicator.success{color:var(--color-success);background:rgba(16,185,129,.1);animation:pulse .3s var(--ease-out)}.sync-indicator.error{color:var(--color-error);background:rgba(239,68,68,.1)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-text.large{height:24px}.skeleton-card{height:100px;margin-bottom:var(--space-4)}.progress-bar{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--accent-color);transition:width var(--transition-normal) var(--ease-out)}.progress-bar-indeterminate{position:absolute;top:0;left:0;height:100%;width:30%;background:var(--accent-color);animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{left:-30%}to{left:100%}}.tab-container{margin-bottom:var(--space-10)}.tab-container input[type=radio]{display:none}.mode-container{border-radius:var(--radius-md);margin-bottom:var(--space-6);overflow:hidden}.mode-nav{display:flex;gap:1px;background:var(--bg-hover);padding:2px;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:var(--radius-md)}.mode-btn{flex:1;padding:var(--space-4) var(--space-6);font-size:var(--text-md);font-weight:var(--font-semibold);background:var(--bg-secondary);border:none;cursor:pointer;text-align:center;transition:var(--transition-all-fast);letter-spacing:var(--tracking-wide);color:var(--text-secondary);border-radius:var(--radius-base)}.mode-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}#mode-configure:checked~.mode-container .mode-btn[for=mode-configure],#mode-operate:checked~.mode-container .mode-btn[for=mode-operate],#mode-relate:checked~.mode-container .mode-btn[for=mode-relate]{background:var(--border-focus);color:var(--bg-secondary);box-shadow:0 0 0 1px rgba(74,158,255,.3),0 4px 12px rgba(74,158,255,.15),var(--shadow-md);transform:translateY(-1px)}.sub-nav{background:var(--bg-hover);padding:15px 10px}.sub-tabs{display:none;border-bottom:none;padding-bottom:0;gap:var(--space-1)}.sub-tabs label{display:inline-block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-base);margin-right:var(--space-1);cursor:pointer;transition:var(--transition-all-fast);color:var(--text-secondary)}.sub-tabs label:hover{background:var(--border-color);color:var(--text-secondary);border-color:var(--border-dark)}#mode-configure:checked~.mode-container .configure-tabs,#mode-operate:checked~.mode-container .operate-tabs,#mode-relate:checked~.mode-container .relate-tabs{display:flex;animation:fadeIn .2s ease-in}#tab-identity:checked~.mode-container .sub-tabs label[for=tab-identity],#tab-thinking-style:checked~.mode-container .sub-tabs label[for=tab-thinking-style],#tab-settings:checked~.mode-container .sub-tabs label[for=tab-settings],#tab-seeds:checked~.mode-container .sub-tabs label[for=tab-seeds],#tab-commands:checked~.mode-container .sub-tabs label[for=tab-commands],#tab-contexts:checked~.mode-container .sub-tabs label[for=tab-contexts],#tab-current-state:checked~.mode-container .sub-tabs label[for=tab-current-state],#tab-relationship:checked~.mode-container .sub-tabs label[for=tab-relationship]{background:var(--border-focus);color:var(--bg-secondary);border-color:var(--border-focus);font-weight:var(--font-semibold);box-shadow:0 0 0 1px rgba(74,158,255,.3),0 2px 8px rgba(74,158,255,.15),var(--shadow-md);transform:translateY(-.5px)}.tab-panels{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-8);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.tab-content{display:none}#tab-identity:checked~.tab-panels #identity-content,#tab-thinking-style:checked~.tab-panels #thinking-style-content,#tab-settings:checked~.tab-panels #settings-content,#tab-seeds:checked~.tab-panels #seeds-content,#tab-commands:checked~.tab-panels #commands-content,#tab-contexts:checked~.tab-panels #contexts-content,#tab-current-state:checked~.tab-panels #current-state-content,#tab-relationship:checked~.tab-panels #relationship-content{display:block}@media (max-width: 768px){.tab-container{margin-top:var(--space-5)}}.bottom-nav{display:none}@media (min-width: 769px) and (max-width: 1024px){body{max-width:800px;padding:25px}.mode-container{margin-bottom:20px}.sub-tabs label{padding:8px 12px;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button{flex:1;min-width:120px}.token-info{font-size:13px}.savings{color:#2d5a3d!important;font-weight:700!important;font-size:13px}input[type=text],textarea{font-size:14px;padding:11px;line-height:1.5}h1{font-size:26px;margin-bottom:25px}h2{font-size:18px}label.field-label{font-size:12px;margin-bottom:7px}}@media (max-width: 768px){.mode-nav{display:none}.mode-container{border-width:2px;margin-bottom:15px}.sub-nav{padding:10px 15px}.sub-tabs label{padding:12px 16px;font-size:14px;margin-right:8px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--color-accent);border-top:3px solid var(--color-accent);padding:2px;z-index:1000;gap:2px}.nav-button{flex:1;padding:20px 10px;background:var(--bg-secondary);color:#555;border:none;font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .1s ease;min-height:44px;text-align:center}.nav-button:active{background:#e0e0e0;transform:scale(.98)}@media (hover: hover){.nav-button:hover{background:#f0f0f0}}.nav-button.active{background:var(--color-accent);color:#fff}body{padding:20px 20px 80px}.actions{margin:20px 0;gap:8px}.actions button{flex:1;min-width:120px;padding:16px 20px;font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center}input[type=text],textarea{font-size:16px;padding:14px;line-height:1.5;min-height:44px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}label.field-label{font-size:12px;margin-bottom:7px}.form-group,.output-section{margin-bottom:20px}.prompt-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.prompt-header h2{margin:0;font-size:16px}.token-info{font-size:12px;flex:1;min-width:200px}.savings{color:#2d5a3d!important;font-weight:700!important;font-size:12px}#generated-prompt,#ai-response{min-height:120px;font-size:13px}#copy-prompt{width:100%;margin-top:10px;padding:12px}.task-item{padding:.6rem;gap:.4rem}.task-item input[type=text]{font-size:16px}.task-item input[type=checkbox]{width:18px;height:18px}.task-item .remove-task{width:22px;height:22px;min-height:44px;min-width:44px}.add-task-btn{padding:12px 16px;min-height:44px}.commands-reference .command{padding:.6rem}.commands-reference .command code,.commands-reference .command p{font-size:14px}.note-item{padding:.6rem;gap:.4rem}.note-item input[type=text]{font-size:16px}.note-item .remove-note{width:22px;height:22px;min-height:44px;min-width:44px}.add-note-btn{padding:12px 16px;min-height:44px}h1{font-size:24px;margin-top:45px;margin-bottom:20px}}@media (max-width: 480px){body{padding:15px 15px 80px}h1{font-size:20px;margin-top:35px;margin-bottom:15px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}input[type=text],textarea{padding:12px;font-size:16px;line-height:1.4;min-height:44px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}label.field-label{font-size:11px;margin-bottom:6px;letter-spacing:.3px}.form-group{margin-bottom:18px}.token-info{font-size:11px;line-height:1.4}.savings{display:block;margin-top:2px;color:#2d5a3d!important;font-weight:700!important;font-size:12px}.output-section{margin-bottom:15px}#generated-prompt,#ai-response{min-height:100px;font-size:13px}#copy-prompt{width:100%;margin-top:8px}.task-item{flex-wrap:wrap;gap:.25rem;padding:.75rem}.task-item input[type=text]{min-width:0;font-size:16px;flex:1 1 100%;margin-top:.25rem}.task-item input[type=checkbox]{width:18px;height:18px}.task-item .remove-task{width:24px;height:24px;font-size:14px}.add-task-btn{width:100%;padding:12px;font-size:14px;min-height:44px}.commands-reference .command{padding:.5rem;margin-bottom:1rem}.commands-reference .command code{font-size:13px;line-height:1.3}.commands-reference .command p{font-size:13px;line-height:1.4}.note-item{flex-direction:column;gap:.25rem;padding:.75rem;align-items:stretch}.note-timestamp{align-self:flex-start;font-size:10px}.note-item input[type=text]{min-width:0;font-size:16px;width:100%;margin:.25rem 0}.note-item .remove-note{width:24px;height:24px;font-size:14px;align-self:flex-end}.add-note-btn{width:100%;padding:12px;font-size:14px;min-height:44px}.energy-btn{padding:12px;min-width:60px;min-height:44px;font-size:13px;border-radius:4px}.form-group.energy-levels{display:flex;flex-direction:column;gap:10px}.form-group.energy-levels>div{display:flex;gap:8px;justify-content:space-between}.form-group.energy-levels label{font-size:12px;margin-bottom:4px}}@media (max-width: 400px){.energy-dimension{gap:0}.energy-buttons{gap:4px}}@media (max-width: 375px){body{padding:10px 10px 80px}.sub-tabs{flex-direction:column;gap:8px}.energy-btn{padding:8px 6px;min-width:50px;font-size:12px;border-radius:3px}.form-group.energy-levels>div{gap:4px;flex-wrap:wrap}}@media (max-width: 360px){.energy-btn{min-width:50px}}@media (max-width: 330px){.energy-btn{min-width:45px}}.auth-bar{position:fixed;top:0;left:0;right:0;border-bottom:var(--border-width) solid var(--auth-demo-border);padding:var(--space-3) var(--space-8);z-index:1000;font-family:Plus Jakarta Sans,sans-serif;transition:var(--transition-all-slow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-bar:has(.demo-mode-bar){background:var(--auth-demo-bg);border-bottom-color:var(--auth-demo-border)}.auth-bar:has(.user-bar){background:var(--bg-primary);border-bottom-color:var(--auth-user-border);box-shadow:inset 0 -1px 0 0 var(--auth-user-border)}.brand-title{font-family:Syne,sans-serif;font-weight:var(--font-bold);font-size:var(--text-xl);letter-spacing:-.4px;flex-shrink:0;margin-right:var(--space-4)}.demo-mode-bar .brand-title{color:var(--auth-demo-text)}.user-bar .brand-title{color:var(--auth-user-text)}body{padding-top:80px!important}.demo-mode-bar{display:flex;align-items:center;gap:var(--space-4);transition:background var(--transition-slow) ease,border-color var(--transition-slow) ease}.demo-actions{display:flex;gap:var(--space-2);margin-left:auto;align-items:center}.sign-in-button{padding:var(--space-2) var(--space-4);background:var(--auth-demo-border);color:var(--bg-secondary);border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all-normal);font-family:Plus Jakarta Sans,sans-serif;font-size:var(--text-base);white-space:nowrap}.sign-in-button:hover{background:var(--auth-demo-border);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sign-in-button:active{transform:translateY(0)}.sign-in-button:focus{outline:var(--border-width-thick) solid var(--text-primary);outline-offset:var(--space-1)}.user-bar{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-primary);margin:-12px calc(var(--space-8) * -1);padding:var(--space-3) var(--space-8);border-bottom:var(--border-width) solid var(--auth-user-border);min-height:56px;transition:background var(--transition-slow) ease,border-color var(--transition-slow) ease;position:relative}.user-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.user-email{font-weight:var(--font-medium);color:var(--auth-user-text);font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-status{display:flex;align-items:center;gap:6px;color:var(--auth-user-text);font-size:var(--text-base);font-weight:var(--font-medium);white-space:nowrap}.sync-icon{font-size:var(--text-base);color:var(--auth-user-border)}.sign-out-button{padding:6px var(--space-3);background:transparent;color:var(--auth-user-text);border:var(--border-width) solid var(--auth-user-border);border-radius:var(--radius-sm);font-size:var(--text-base);cursor:pointer;transition:var(--transition-all-normal);font-family:Plus Jakarta Sans,sans-serif;font-weight:var(--font-medium)}.sign-out-button:hover{background:var(--auth-user-border);color:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.sign-out-button:active{transform:translateY(0)}@media (max-width: 800px){.user-email,.sync-status{display:none!important}.user-info{display:none}}@media (max-width: 768px){.brand-title{font-size:var(--text-lg);order:-2}.brand-title:after{content:"[!]"}.brand-title:before{content:"";display:none}.demo-mode-bar .brand-title,.user-bar .brand-title{font-size:0}.demo-mode-bar .brand-title:after,.user-bar .brand-title:after{font-size:var(--text-lg)}body{padding-top:56px!important}.auth-bar{padding:var(--space-2) var(--space-4)}.demo-mode-bar{flex-direction:row;align-items:center;gap:var(--space-2);min-height:48px}.demo-actions{margin-left:auto;gap:6px}.sign-in-button{padding:6px var(--space-3);font-size:var(--text-sm)}.user-bar{flex-direction:row;align-items:center;gap:var(--space-2);margin:-8px calc(var(--space-4) * -1);padding:var(--space-2) var(--space-4);min-height:48px}.profile-switcher{order:-1;flex:1;max-width:none;margin-left:0}.sign-out-button{width:auto;min-width:80px}}@media (max-width: 400px){.user-bar{flex-wrap:wrap;justify-content:center}}.auth-bar.transitioning{opacity:.8}.auth-button:focus,.sign-out-button:focus{outline:var(--border-width-thick) solid var(--text-primary);outline-offset:var(--space-1)}.auth-email-input:focus{outline:var(--border-width-thick) solid var(--text-primary);outline-offset:var(--space-1)}.help-button,.help-button-user{background:none;border:none;border-radius:var(--radius-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all-normal) ease;font-size:var(--text-lg);padding:0;flex-shrink:0}.help-button:hover{background:rgba(245,158,11,.15)}.help-button-user:hover{background:rgba(34,197,94,.15)}.help-button:focus,.help-button-user:focus{outline:var(--border-width-thick) solid var(--text-primary);outline-offset:var(--space-1)}.settings-dropdown{position:relative}.settings-button{background:none;border:var(--border-width) solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:.5rem;cursor:pointer;transition:var(--transition-all-normal);display:flex;align-items:center;justify-content:center;color:var(--bg-secondary)}.settings-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.settings-button .gear-icon{font-size:1.2rem;filter:none}.settings-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:200px;z-index:1000;overflow:hidden}.settings-menu-item{width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:background .2s;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;font-size:var(--text-base)}.settings-menu-item:hover{background:var(--bg-hover)}.settings-divider{height:1px;background:var(--border-light);margin:.25rem 0}.profile-switcher{position:relative;display:flex;align-items:center;margin-left:var(--space-3)}.profile-button{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:rgba(255,255,255,.6);border:var(--border-width) solid var(--auth-user-border);border-radius:var(--radius-md);color:var(--auth-user-text);cursor:pointer;transition:var(--transition-all-normal);font-size:var(--text-base);font-weight:var(--font-medium);min-width:140px;backdrop-filter:blur(4px)}body.dark-mode .profile-button{background:#25293a;border-color:rgba(74,158,255,.3);color:#f9fafb}.profile-button:hover{background:rgba(255,255,255,.8);border-color:var(--auth-user-border);transform:translateY(-1px);box-shadow:var(--shadow-sm)}body.dark-mode .profile-button:hover{background:#2d3142;border-color:rgba(74,158,255,.5)}.profile-button.open{background:rgba(255,255,255,.9);border-color:var(--auth-user-border);box-shadow:var(--shadow-md)}body.dark-mode .profile-button.open{background:#2d3142;border-color:#4a9eff}.profile-avatar{width:var(--size-sm);height:var(--size-sm);border-radius:var(--radius-full);background:var(--auth-user-border);display:flex;align-items:center;justify-content:center;color:var(--bg-secondary);font-size:var(--text-xs);flex-shrink:0;border:var(--border-width) solid rgba(255,255,255,.3)}.profile-name{font-weight:var(--font-medium);flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--auth-user-text)}body.dark-mode .profile-name{color:#f9fafb}.profile-gravatar{width:28px;height:28px;border-radius:var(--radius-md);flex-shrink:0;border:2px solid rgba(255,255,255,.6);object-fit:cover;margin-right:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:var(--transition-all-normal)}.profile-gravatar:hover{transform:scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,.15)}body.dark-mode .profile-gravatar{border-color:rgba(74,158,255,.4);box-shadow:0 1px 3px rgba(0,0,0,.3)}.dropdown-arrow{font-size:var(--text-xs);color:var(--auth-user-text);opacity:var(--opacity-hover);transition:transform .2s ease;flex-shrink:0}body.dark-mode .dropdown-arrow{color:#f9fafb}.profile-button.open .dropdown-arrow{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-secondary);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-modal-nested);min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.97);transition:opacity var(--transition-medium) var(--ease-out),transform var(--transition-medium) var(--ease-out),visibility var(--transition-medium) var(--ease-out)}.profile-dropdown.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.profile-list{padding:8px 0;border-bottom:1px solid var(--bg-tertiary)}.profile-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal) var(--ease-out);border:none;background:none;width:100%;text-align:left;font-size:var(--text-base);border-radius:var(--radius-md);margin:0 var(--space-2);width:calc(100% - var(--space-4))}@media (hover: hover){.profile-item:hover{background:var(--bg-hover);transform:translate(4px);box-shadow:var(--shadow-sm)}}.profile-item.active{background:#ecfdf5;color:var(--color-success);border-right:3px solid var(--color-success)}.profile-item.active:hover{background:#d1fae5}.profile-item-avatar{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--bg-secondary);font-size:12px;flex-shrink:0;border:1px solid rgba(255,255,255,.2);transition:transform var(--transition-fast) var(--ease-out)}.profile-item:hover .profile-item-avatar{transform:scale(1.15)}.profile-item-info{flex:1;min-width:0}.profile-item-name{font-weight:var(--font-medium);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-item-type{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-1)}.profile-item-type:before{content:"";display:inline-block;width:4px;height:4px;border-radius:var(--radius-full);flex-shrink:0}.profile-avatar.personal,.profile-item-avatar.personal{background:#10b981}.profile-avatar.work,.profile-item-avatar.work{background:#3b82f6}.profile-avatar.creative,.profile-item-avatar.creative{background:#8b5cf6}.profile-avatar.custom,.profile-item-avatar.custom{background:#6366f1}.profile-item.personal .profile-item-type:before{background:#10b981}.profile-item.work .profile-item-type:before{background:#3b82f6}.profile-item.creative .profile-item-type:before{background:#8b5cf6}.profile-item.custom .profile-item-type:before{background:#6366f1}.profile-actions{padding:8px}.create-profile-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 12px;background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:var(--transition-all-normal);font-size:var(--text-base);font-weight:var(--font-medium)}.create-profile-btn:hover{background:var(--bg-hover);border-color:var(--border-dark);color:var(--text-secondary)}.plus-icon{font-weight:700;color:var(--color-success)}.profile-button.switching{background:var(--accent-color-faint);border-color:var(--color-accent);transform:scale(.98)}.profile-button.switched{background:rgba(16,185,129,.1);border-color:var(--color-success);animation:switch-success .6s ease-out}@keyframes switch-success{0%{background:rgba(16,185,129,.2);transform:scale(1.02)}to{background:rgba(255,255,255,.6);transform:scale(1)}}.create-profile-btn.creating{background:#f0f9ff;border-color:var(--color-accent);color:#1d4ed8}.create-profile-btn.creating:after{content:" ⏳"}.profile-error,.no-profiles{padding:16px;text-align:center;font-size:var(--text-base);color:var(--text-tertiary)}.profile-error{color:var(--color-error)}.profile-switcher.loading .profile-button{opacity:var(--opacity-hover);cursor:not-allowed}.profile-name:before{content:"";display:inline-block;width:6px;height:6px;background:#10b981;border-radius:var(--radius-full);margin-right:6px;vertical-align:middle}@media (max-width: 768px){.profile-switcher{margin-left:0;margin-right:0;width:100%;max-width:none}.profile-button{width:100%;min-width:unset;padding:10px 12px;font-size:var(--text-base);justify-content:space-between}.profile-dropdown{left:0;right:0;min-width:unset;width:100%}.profile-avatar{width:18px;height:18px;font-size:9px}.profile-item-avatar{width:var(--size-sm);height:var(--size-sm);font-size:var(--text-xs)}.profile-item{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.profile-item-name{font-size:var(--text-base)}.profile-item-type{font-size:11px}.create-profile-btn{padding:10px 12px;font-size:13px}}@media (max-width: 480px){.profile-switcher{max-width:160px}.profile-button{font-size:12px;padding:6px 10px;gap:6px}.profile-name{font-size:12px}.profile-avatar{width:16px;height:16px;font-size:8px}.dropdown-arrow{font-size:8px}}.profile-button:focus,.profile-item:focus,.create-profile-btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-contrast: high){.profile-button,.profile-dropdown{border-width:2px}}@media (prefers-reduced-motion: reduce){.profile-button,.profile-dropdown,.profile-item,.profile-item-avatar{transition:none}.profile-button.switched{animation:none}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--overlay-bg);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-slow) var(--ease-out),visibility var(--transition-slow) var(--ease-out)}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:90vw;max-width:600px;max-height:90vh;overflow:hidden;transform:scale(.95) translateY(20px);transition:transform var(--transition-slow) var(--ease-out),opacity var(--transition-slow) var(--ease-out);opacity:0}.modal-overlay.visible .modal-content{transform:scale(1) translateY(0);opacity:1}.modal-header{padding:24px 24px 16px;border-bottom:1px solid #d1d5db;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#111}.modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:var(--transition-all-normal)}.modal-close:hover{background:var(--bg-hover);color:#111}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.modal-body h4{margin:0 0 8px;font-size:1.2rem;font-weight:600;color:#111}.template-description{margin:0 0 24px;color:#666;line-height:1.5}.template-cards{display:grid;gap:16px;margin-bottom:24px}.template-card{border:2px solid #d1d5db;border-radius:12px;padding:var(--space-5);cursor:pointer;transition:var(--transition-all-normal);background:var(--bg-secondary)}.template-card:hover{border-color:var(--color-accent);background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 8px 25px -8px rgba(0,0,0,.1)}.template-card.selected{border-color:var(--color-accent);background:var(--bg-hover);box-shadow:0 0 0 2px var(--accent-color-faint)}.template-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:12px}.template-icon{width:32px;height:32px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--bg-secondary);font-weight:600}.template-name{font-size:1.1rem;font-weight:600;color:#111;margin:0}.template-description-text{color:#666;line-height:1.4;margin:0 0 12px}.template-use-case{font-size:.9rem;color:#666;font-style:italic;margin:0}.profile-customization .form-group{margin-bottom:20px}.profile-customization label{display:block;margin-bottom:8px;font-weight:var(--font-medium);color:#111}.profile-customization input{width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);color:#111;font-size:1rem;transition:border-color .2s ease}.profile-customization input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--accent-color-faint)}.color-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:var(--space-3);max-width:320px}.color-option{width:40px;height:40px;border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;transition:var(--transition-all-normal);position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.color-option.selected{border-color:#111;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-accent)}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg-secondary);font-weight:700;font-size:var(--text-base);text-shadow:0 1px 2px rgba(0,0,0,.5)}.icon-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:var(--space-3);max-width:400px}.icon-option{width:50px;height:50px;border:2px solid #d1d5db;border-radius:var(--radius-lg);background:var(--bg-hover);cursor:pointer;transition:var(--transition-all-normal);display:flex;align-items:center;justify-content:center;font-size:20px}.icon-option:hover{border-color:var(--color-accent);background:var(--bg-secondary);transform:scale(1.05)}.icon-option.selected{border-color:var(--color-accent);background:var(--color-accent);color:var(--bg-secondary);box-shadow:0 0 0 2px var(--accent-color-faint)}.modal-footer{padding:16px 24px 24px;border-top:1px solid #d1d5db;display:flex;gap:var(--space-3);justify-content:flex-end}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:var(--radius-lg);font-weight:var(--font-medium);font-size:1rem;cursor:pointer;transition:var(--transition-all-normal);border:none}.btn-primary{background:var(--color-accent);color:var(--bg-secondary)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-color-faint)}.btn-primary:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-hover);color:#111;border:var(--border-width) solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--color-accent)}@media (max-width: 768px){.modal-content{width:95vw;margin:20px;max-height:85vh}.modal-header{padding:var(--space-5) 20px 12px 20px}.modal-body{padding:var(--space-5)}.modal-footer{padding:12px 20px 20px;flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.color-picker{grid-template-columns:repeat(6,1fr)}.icon-picker{grid-template-columns:repeat(5,1fr)}.template-card{padding:16px}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content.animating{animation:modalSlideIn .3s ease}.btn-primary.loading{position:relative;color:transparent}.btn-primary.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.profile-button.switching{animation:profileSwitchPulse .4s ease-in-out}.profile-button.switched{animation:profileSwitchSuccess .3s ease}@keyframes profileSwitchPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes profileSwitchSuccess{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.profile-item{position:relative;transition:var(--transition-all-normal)}.profile-item.loading{opacity:.6;pointer-events:none}.profile-item.loading:after{content:"";position:absolute;top:50%;right:40px;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid var(--color-accent);border-top-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-import{position:absolute;right:48px;top:20px;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--bg-secondary);border:none;border-radius:var(--radius-lg);font-size:12px;font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all-normal);font-family:var(--font-body)}.btn-import:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-color-faint)}.import-section{text-align:center;padding:var(--space-5)}.import-description{color:var(--text-tertiary);margin-bottom:20px;font-size:var(--text-base)}.btn-file-select{padding:10px 24px;background:var(--color-accent);color:var(--bg-secondary);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all-normal);font-family:var(--font-body)}.btn-file-select:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-color-faint)}.file-name-display{margin-top:12px;font-size:12px;color:#4b5563;font-style:italic}.import-preview{padding:var(--space-5);border-top:var(--border-width) solid var(--border-light)}.import-preview h4{font-size:var(--text-base);font-weight:600;color:#4b5563;margin-bottom:16px;font-family:var(--font-body)}.import-preview-content{display:flex;align-items:center;gap:var(--space-3);padding:12px;background:var(--bg-hover);border-radius:var(--radius-lg);margin-bottom:20px}.import-preview-avatar{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:24px}.import-preview-avatar span{width:100%;height:100%;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.import-preview-details{flex:1}.import-preview-name{font-weight:600;color:#1f2937;font-size:16px;margin-bottom:4px}.import-preview-type{font-size:12px;color:var(--text-tertiary)}.import-name-section{margin-top:20px}.import-name-section label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin-bottom:8px;font-family:var(--font-body)}#import-profile-name{width:100%;padding:10px 12px;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-body);transition:var(--transition-all-normal)}#import-profile-name:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-color-faint)}.import-error{color:#ef4444;font-size:12px;margin-top:6px;min-height:16px}.manage-profiles-btn{width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-top:1px solid #d1d5db;color:var(--text-tertiary);font-size:var(--text-base);font-family:var(--font-body);text-align:left;cursor:pointer;transition:var(--transition-all-normal);display:flex;align-items:center;gap:var(--space-2)}.manage-profiles-btn:hover{background:var(--bg-tertiary);color:#4b5563}.manage-profiles-btn .gear-icon{font-size:16px}.profile-management-list{padding:8px 0;max-height:400px;overflow-y:auto}.profile-management-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);margin:4px 8px;border-radius:var(--radius-lg);transition:var(--transition-all-normal);position:relative}.profile-management-item:hover{background:var(--bg-hover)}.profile-management-item.current{background:#f0f9ff;border:1px solid #93c5fd}.profile-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.profile-avatar-management{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.profile-details{flex:1}.profile-name-display{font-weight:var(--font-medium);color:#1f2937;font-size:var(--text-base)}.profile-current-badge{display:inline-block;margin-left:8px;padding:2px 6px;background:var(--color-accent);color:var(--bg-secondary);border-radius:4px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.profile-meta{font-size:12px;color:var(--text-tertiary);margin-top:2px}.profile-actions-group{display:flex;gap:var(--space-2)}.profile-action-btn{padding:6px 10px;background:transparent;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:12px;cursor:pointer;transition:var(--transition-all-normal);font-family:var(--font-body)}.profile-action-btn:hover{background:var(--bg-tertiary);color:#4b5563;border-color:var(--border-dark)}.profile-action-btn.export{color:#06b6d4;border-color:#a5f3fc}.profile-action-btn.export:hover{background:#ecfeff;border-color:#06b6d4}.profile-action-btn.delete{color:#ef4444;border-color:#fca5a5}.profile-action-btn.delete:hover{background:#fef2f2;border-color:#ef4444}.profile-action-btn:disabled{opacity:.5;cursor:not-allowed}.profile-edit-section{margin-bottom:24px}.profile-edit-section h4{font-size:var(--text-base);font-weight:600;color:#4b5563;margin-bottom:12px;font-family:var(--font-body)}.profile-edit-section .form-group{margin:0}#edit-profile-name{width:100%;padding:10px 12px;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-body);transition:var(--transition-all-normal)}#edit-profile-name:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-color-faint)}#edit-color-picker,#edit-icon-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}#edit-color-picker .color-option,#edit-icon-picker .icon-option{width:40px;height:40px;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all-normal);display:flex;align-items:center;justify-content:center}#edit-color-picker .color-option{position:relative}#edit-color-picker .color-option:hover,#edit-icon-picker .icon-option:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}#edit-color-picker .color-option.selected,#edit-icon-picker .icon-option.selected{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--accent-color-faint)}#edit-icon-picker .icon-option{background:var(--bg-hover);font-size:20px}.modal-compact{max-width:400px}.delete-message{font-size:var(--text-base);color:#1f2937;margin-bottom:12px}.delete-message span{font-weight:600;color:#111827}.delete-warning{font-size:12px;color:var(--text-tertiary);margin:0}.btn-danger{background:#ef4444;color:var(--bg-secondary);padding:10px 20px;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all-normal);font-family:var(--font-body)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}@media (max-width: 640px){.profile-management-list{max-height:60vh}.profile-management-item{flex-direction:column;align-items:flex-start;padding:12px;gap:var(--space-3)}.profile-actions-group{width:100%;justify-content:flex-start}.profile-action-btn{flex:1}}@media (max-width: 480px){.manage-profiles-btn{font-size:13px;padding:10px 14px}.profile-avatar-management{width:36px;height:36px;font-size:18px}.profile-name-display{font-size:13px}.profile-meta{font-size:11px}}#context-editor-modal.modal-overlay{display:none;opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;justify-content:center;align-items:center;padding:var(--space-5);transition:opacity .3s ease,visibility .3s ease}#context-editor-modal.modal-overlay.visible{display:flex;opacity:1;visibility:visible}#context-editor-modal .modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3)}#context-editor-modal .modal-header{padding:24px;border-bottom:var(--border-width) solid var(--border-light);display:flex;justify-content:space-between;align-items:center}#context-editor-modal .modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--border-focus)}#context-editor-modal .modal-close{background:none;border:none;font-size:28px;color:var(--text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}#context-editor-modal .modal-close:hover{background:var(--bg-tertiary);color:var(--border-focus)}#context-editor-modal .modal-body{padding:24px;overflow-y:auto;flex:1}#context-editor-modal .modal-footer{padding:24px;border-top:var(--border-width) solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-3)}#context-editor-modal .form-group{margin-bottom:20px}#context-editor-modal .form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}#context-editor-modal input[type=text],#context-editor-modal select,#context-editor-modal textarea{width:100%;padding:10px 12px;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;transition:all .15s ease;box-sizing:border-box}#context-editor-modal input[type=text]:focus,#context-editor-modal select:focus,#context-editor-modal textarea:focus{outline:none;border-color:var(--border-dark);box-shadow:0 0 0 3px rgba(53,54,53,.05)}#context-editor-modal textarea{resize:vertical;min-height:80px;line-height:1.5}#context-editor-modal .field-hint{display:block;font-size:12px;color:var(--text-tertiary);margin-top:var(--space-1)}.command-builder{display:flex;align-items:center;background:var(--bg-hover);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;gap:var(--space-1)}.command-prefix,.command-suffix{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#a21caf}#command-syntax{border:none;background:transparent;padding:4px 8px;flex:1;font-family:Courier New,monospace;font-size:15px}#command-syntax:focus{outline:none;background:var(--bg-secondary);border-radius:4px}.command-preview{margin-top:8px;padding:8px 12px;background:#fce7f3;border:1px solid #f9a8d4;border-radius:4px;font-size:13px}.command-preview code{font-family:Courier New,monospace;font-weight:700;color:#a21caf;background:none;padding:0}#context-editor-modal .btn-primary{padding:10px 20px;background:var(--border-focus);color:var(--bg-secondary);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease}#context-editor-modal .btn-primary:hover{background:var(--border-focus);box-shadow:0 2px 4px rgba(53,54,53,.2)}#context-editor-modal .btn-secondary{padding:10px 20px;background:var(--bg-secondary);color:var(--border-focus);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease}#context-editor-modal .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-dark)}.contexts-container{max-width:100%}.contexts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.contexts-header h3{font-size:20px;font-weight:600;color:var(--border-focus);margin:0}.contexts-filters{display:flex;gap:var(--space-3);margin-bottom:20px}#context-search{flex:1;width:auto!important;padding:10px 14px;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);transition:all .15s ease}#context-search:focus{outline:none;border-color:var(--border-dark);box-shadow:0 0 0 3px rgba(53,54,53,.05)}#context-type-filter{padding:10px 14px;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-secondary);cursor:pointer;transition:all .15s ease}#context-type-filter:hover{border-color:var(--border-dark)}#context-type-filter:focus{outline:none;border-color:var(--border-dark);box-shadow:0 0 0 3px rgba(53,54,53,.05)}.contexts-list{display:flex;flex-direction:column;gap:24px}.context-category-section{display:flex;flex-direction:column;gap:var(--space-3)}.context-category-header{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;background:linear-gradient(to right,#f9fafb,transparent);border-left:3px solid var(--color-accent);margin-bottom:8px}.category-icon{font-size:20px;display:flex;align-items:center}.category-name{font-weight:600;color:var(--text-secondary);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.025em;flex:1}.category-count{background:var(--border-light);color:var(--text-tertiary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:var(--font-medium);min-width:24px;text-align:center}.category-contexts{display:flex;flex-direction:column;gap:var(--space-3);padding-left:12px}.context-item{display:flex;align-items:center;padding:16px;background:var(--bg-secondary);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal) var(--ease-out);position:relative;cursor:pointer}@media (hover: hover){.context-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.context-item.template-locked{background:linear-gradient(to right,#fef3c7,#fff);border-color:var(--color-warning);opacity:.9}.context-lock-icon{position:absolute;left:8px;top:8px;font-size:12px;opacity:var(--opacity-hover)}.template-badge{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--bg-secondary);font-size:11px;font-weight:600;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.025em}.unlock-template{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--bg-secondary);border:none;padding:6px var(--space-3);border-radius:4px;font-size:13px;font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all-normal)}.unlock-template:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.context-include{appearance:auto;-webkit-appearance:checkbox;-moz-appearance:checkbox;margin-right:16px;width:var(--size-sm);height:var(--size-sm);cursor:pointer}.context-info{flex:1;display:flex;align-items:center;gap:var(--space-3)}.context-name{font-size:15px;font-weight:var(--font-medium);color:var(--border-focus)}.context-type-badge{padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.context-type-badge.reference{background:#e0f2fe;color:#0369a1}.context-type-badge.command{background:#fce7f3;color:#a21caf}.context-usage{font-size:12px;color:var(--text-tertiary)}.context-actions{display:flex;gap:var(--space-2)}.context-actions button{padding:6px var(--space-3);font-size:13px;border:var(--border-width) solid var(--border-color);background:var(--bg-secondary);border-radius:4px;cursor:pointer;transition:all .15s ease}.context-actions button:hover{background:var(--bg-hover);border-color:var(--border-dark)}.edit-context{color:var(--text-secondary)}.delete-context{color:var(--color-error)}.delete-context:hover{background:#fee2e2;border-color:var(--color-error)}#create-context-btn{padding:10px 20px;background:var(--border-focus);color:var(--bg-secondary);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease}#create-context-btn:hover{background:var(--border-focus);box-shadow:0 2px 4px rgba(53,54,53,.2)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-tertiary)}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5;display:block}.empty-state .empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-2) 0}.empty-state .empty-description{margin:0 0 var(--space-6) 0;font-size:var(--text-base);color:var(--text-tertiary);line-height:var(--line-relaxed)}.empty-state p{font-size:16px;margin-bottom:20px}.empty-state .btn-secondary{padding:var(--space-3) var(--space-6);background:var(--bg-tertiary);color:var(--text-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal) var(--ease-out)}.empty-state .btn-secondary:hover{background:var(--accent-color);color:var(--bg-secondary);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.error-message{padding:var(--space-3) var(--space-4);background:#fee2e2;color:var(--color-error);border:1px solid #fca5a5;border-radius:var(--radius-md);margin-bottom:16px;font-size:var(--text-base)}@media (max-width: 768px){.contexts-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.contexts-header h3{text-align:center}#create-context-btn{width:100%}.contexts-filters{flex-direction:column}.context-item{flex-direction:column;align-items:stretch;gap:var(--space-3);position:relative;padding-left:36px}.context-include{position:absolute;left:8px;top:16px;align-self:auto}.context-info{flex-direction:column;align-items:flex-start}.context-actions{width:100%}.context-actions button{flex:1}}#template-library-modal.modal-overlay{display:none;opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;justify-content:center;align-items:center;padding:var(--space-5);transition:opacity .3s ease,visibility .3s ease}#template-library-modal.modal-overlay.visible{display:flex;opacity:1;visibility:visible}#template-library-modal .modal-content{background:var(--bg-secondary);border-radius:12px;max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3)}#template-library-modal .modal-header{padding:24px;border-bottom:var(--border-width) solid var(--border-light);display:flex;justify-content:space-between;align-items:center}#template-library-modal .modal-header h3{margin:0;font-size:22px;font-weight:600;color:var(--border-focus)}#template-library-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.template-description{color:var(--text-tertiary);margin-bottom:24px;text-align:center}.template-categories{display:flex;flex-direction:column;gap:32px}.template-category{border-bottom:1px solid var(--bg-tertiary);padding-bottom:24px}.template-category:last-child{border-bottom:none;padding-bottom:0}.category-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:16px;font-size:18px;font-weight:600;color:var(--border-focus)}.category-icon{font-size:24px}.category-count{color:var(--text-tertiary);font-size:var(--text-base);font-weight:400;margin-left:auto}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.template-card{background:var(--bg-hover);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:var(--transition-all-normal);position:relative;text-align:center}.template-card:hover{background:var(--bg-tertiary);border-color:var(--border-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.template-card.locked{opacity:.8}.template-card.locked:hover{border-color:#f59e0b;background:#fef3c7}.template-lock{position:absolute;top:8px;right:8px;font-size:16px}.template-icon{font-size:32px;margin-bottom:8px;display:block}.template-name{font-size:var(--text-base);font-weight:600;color:var(--border-focus);margin-bottom:4px;display:block}.template-type{font-size:12px;color:var(--text-tertiary);display:block}.contexts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.context-actions{display:flex;gap:10px}.signup-prompt-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:10000;padding:var(--space-5)}.signup-prompt-modal.visible{display:flex}.signup-prompt-modal .modal-content{background:var(--bg-secondary);border-radius:12px;max-width:500px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3)}.signup-benefits{margin:20px 0;padding:16px;background:var(--bg-hover);border-radius:var(--radius-lg)}.benefit{padding:8px 0;color:var(--color-success);font-size:var(--text-base)}.modal-actions{display:flex;gap:var(--space-3);margin-top:20px}.modal-actions button{flex:1}@media (max-width: 768px){#template-library-modal .modal-content{max-width:100%;max-height:100%;border-radius:0}.template-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.template-card{padding:12px}.template-icon{font-size:24px}.context-actions{flex-direction:column;width:100%}.context-actions button{width:100%}}#unlock-template-modal.modal-overlay{display:none;opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:var(--z-modal-nested);justify-content:center;align-items:center;padding:var(--space-5);transition:opacity .3s ease,visibility .3s ease}#unlock-template-modal.modal-overlay.visible{display:flex;opacity:1;visibility:visible}.command.dynamic{margin-bottom:1.5rem;padding:.75rem;background:var(--bg-hover);border-radius:3px;border-left:3px solid var(--text-primary)}.context-source{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-secondary);font-style:italic}.seeds-quick-add{display:flex;gap:10px;margin-bottom:20px}.seeds-quick-input{flex:1;padding:10px 15px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:var(--transition-all-normal)}.seeds-quick-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-faint)}.seeds-add-btn{padding:10px 20px;background:var(--accent-color);color:var(--bg-secondary);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all-normal);white-space:nowrap}.seeds-add-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(74,158,255,.3)}.seeds-filters{display:flex;gap:var(--space-2);margin-bottom:20px;flex-wrap:wrap}.filter-pill{padding:6px 14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition-all-normal);display:flex;align-items:center;gap:5px}.filter-pill:hover,.filter-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--bg-secondary)}.filter-pill .count{background:rgba(255,255,255,.2);padding:1px 6px;border-radius:10px;font-size:11px;font-weight:600}.filter-pill.active .count{background:rgba(255,255,255,.3)}.seeds-list{margin:20px 0;max-height:500px;overflow-y:auto}.seed-item{display:flex;align-items:center;gap:var(--space-3);padding:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:8px;transition:all var(--transition-normal) var(--ease-out);cursor:pointer}@media (hover: hover){.seed-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.seed-item.priority-high{border-left:3px solid #ff5252}.seed-item.priority-medium{border-left:3px solid #ffa726}.seed-item.priority-low{border-left:3px solid #66bb6a}.seed-item.status-completed{opacity:.6}.seed-item.status-blocked{background:rgba(255,152,0,.05)}.seed-status{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);transition:var(--transition-all-normal)}.seed-status:hover{border-color:var(--accent-color);color:var(--accent-color)}.status-completed .seed-status{background:var(--success-color);border-color:var(--success-color);color:var(--bg-secondary)}.status-blocked .seed-status{background:var(--warning-color);border-color:var(--warning-color);color:var(--bg-secondary)}.seed-content{flex:1;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.seed-type-icon{font-size:16px}.seed-text{color:var(--text-primary);font-size:var(--text-base);flex:1;min-width:200px}.status-completed .seed-text{text-decoration:line-through;color:var(--text-tertiary)}.energy-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.energy-badge.energy-h{background:rgba(255,82,82,.15);color:#ff5252}.energy-badge.energy-m{background:rgba(255,167,38,.15);color:#ffa726}.energy-badge.energy-l{background:rgba(102,187,106,.15);color:#66bb6a}.seed-tag{padding:2px 6px;background:var(--accent-color-faint);color:var(--accent-color);border-radius:4px;font-size:11px}.seed-actions{display:flex;gap:var(--space-2)}.seed-actions button{background:transparent;border:none;cursor:pointer;font-size:16px;opacity:.3;transition:opacity .2s ease;padding:4px}.seed-item:hover .seed-actions button{opacity:.6}.seed-actions button:hover{opacity:1!important}.create-seed-btn{width:100%;padding:12px;margin:20px 0;background:transparent;border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all-normal)}.create-seed-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-color-faint)}.seeds-list .empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-tertiary)}.seeds-list .empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5;display:block}.seeds-list .empty-state .empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-2) 0}.seeds-list .empty-state .empty-description{margin:0 0 var(--space-6) 0;font-size:var(--text-base);color:var(--text-tertiary);line-height:var(--line-relaxed)}.seeds-list .empty-state .empty-cta{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-normal) var(--ease-out);cursor:pointer;border:var(--border-width) solid var(--border-color)}.seeds-list .empty-state .empty-cta:hover{background:var(--accent-color);color:var(--bg-secondary);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}#seed-detail-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}#seed-detail-modal textarea{width:100%;padding:10px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);resize:vertical;min-height:80px}#seed-detail-modal select,#seed-detail-modal input[type=text]{width:100%;padding:10px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base)}#seed-detail-modal label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:13px;font-weight:var(--font-medium)}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;background:var(--bg-secondary);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-lg);color:#111;font-size:var(--text-base);box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;transform:translateY(-20px);transition:all .3s ease;z-index:10000}.notification.visible{opacity:1;transform:translateY(0)}.notification-success{border-left:4px solid var(--success-color)}.notification-error{border-left:4px solid var(--danger-color)}.dark .notification{background:var(--bg-secondary);border-color:rgba(255,255,255,.1);color:var(--bg-secondary)}.dark .seeds-quick-input,.dark .filter-pill{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.dark .filter-pill.active{background:var(--bg-secondary);border-color:var(--bg-secondary);color:#000}.dark .seed-item{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}.dark .seed-item:hover{background:rgba(255,255,255,.05)}@media (max-width: 768px){.seeds-quick-add{flex-direction:column}.seeds-add-btn{width:100%}#seed-detail-modal .form-row{grid-template-columns:1fr}.seed-content{flex-direction:column;align-items:flex-start}.seeds-list{max-height:400px}}:root{--success-color: #66bb6a;--warning-color: #ff9800;--danger-color: #ff5252;--accent-color-faint: rgba(74, 158, 255, .1)}.public-profile-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.upgrade-callout{background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);color:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.upgrade-callout p{margin:.5rem 0}.upgrade-callout .btn-primary{margin-top:1rem;background:#fff;color:var(--teal-600)}.upgrade-callout .btn-primary:hover{background:var(--gray-100)}.public-config-group{margin-top:1rem;padding:1rem;background:var(--surface-secondary);border-radius:8px;border:1px solid var(--border-color)}.toggle-label{display:flex;align-items:center;gap:.75rem;font-weight:500;cursor:pointer}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.5rem;margin:.25rem 0;cursor:pointer;border-radius:4px;transition:background .2s ease}.checkbox-label:hover{background:var(--surface-hover)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.validation-message{display:block;margin-top:.25rem;font-size:.875rem}.validation-message.error{color:var(--error-color)}.validation-message.success{color:var(--success-color)}.validation-message.checking{color:var(--text-secondary)}.public-url-display{margin-top:1.5rem;padding:1rem;background:var(--surface-tertiary);border-radius:8px;border:1px solid var(--border-color)}.url-box{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.url-label{font-weight:500;color:var(--text-secondary)}#public-url-code{flex:1;padding:.5rem;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem;color:var(--teal-600);min-width:200px}.btn-copy{padding:.5rem 1rem;background:var(--teal-500);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s ease}.btn-copy:hover{background:var(--teal-600)}.btn-copy:active{transform:scale(.98)}.form-actions{margin-top:1.5rem;display:flex;gap:1rem}.form-actions button{padding:.75rem 1.5rem}.btn-loading{display:none}@media (max-width: 768px){.url-box{flex-direction:column;align-items:stretch}#public-url-code{min-width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}body.dark-mode .public-config-group{background:var(--surface-tertiary)}body.dark-mode .upgrade-callout{background:linear-gradient(135deg,var(--teal-600) 0%,var(--teal-700) 100%)}body.dark-mode #public-url-code{color:var(--teal-400)}.account-management-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.email-change-controls{display:flex;flex-direction:column;gap:.75rem}.email-change-controls .form-control{max-width:400px}.email-change-controls button{align-self:flex-start}.danger-zone{margin-top:2rem;padding:1.5rem;background:rgba(239,68,68,.05);border:1px solid var(--color-error);border-radius:8px}.danger-zone .field-label{color:var(--color-error);font-weight:600}.btn-danger{background:var(--color-error);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}body.dark-mode .danger-zone{background:rgba(239,68,68,.1);border-color:#dc2626}.api-integration-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.section-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9375rem}.api-key-display{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:.5rem}#api-key-value{flex:1;font-family:Monaco,Courier New,monospace;font-size:.8125rem;color:var(--text-primary);word-break:break-all;line-height:1.5}.api-key-display .btn-copy{flex-shrink:0;padding:.5rem 1rem;white-space:nowrap}@media (max-width: 768px){.api-key-display{flex-direction:column;align-items:stretch}.api-key-display .btn-copy{width:100%}}body.dark-mode .api-key-display{background:var(--surface-tertiary)}[data-public-only=true]{transition:opacity .3s ease,max-height .3s ease;overflow:hidden}[data-public-only=true].fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.public-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.public-checkbox:hover{color:var(--text-primary)}.public-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--teal-500)}.public-checkbox span{user-select:none}body.dark-mode .public-checkbox{border-top-color:var(--border-color)}body.dark-mode .public-checkbox input[type=checkbox]{accent-color:var(--teal-400)}.relationship-section{margin-bottom:var(--space-6)}.relationship-section h2{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary)}.edit-field-btn{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);color:var(--text-muted);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:var(--transition-all-fast);box-shadow:none;margin-bottom:var(--space-2)}.edit-field-btn:hover{background:var(--bg-tertiary);border-color:var(--border-dark);transform:none;box-shadow:none}.ai-managed-field{width:100%;padding:14px var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);min-height:120px;margin-bottom:var(--space-2)}.ai-managed-field pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary)}.ai-managed-field:empty:before,.ai-managed-field pre:empty:before{content:"No data yet - this field will be populated by AI through [!wrap] responses";color:var(--text-muted);font-style:italic}.field-meta{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.field-description{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2);margin-bottom:var(--space-2)}.session-stats{margin-bottom:var(--space-6);margin-top:var(--space-8)}.session-stats h3{display:block;margin-bottom:var(--space-4);font-weight:var(--font-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-2)}.stat-item{padding:var(--space-3);background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-medium)}.stat-value{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);font-family:var(--font-mono)}.relationship-section.editing .ai-managed-field{display:none}.relationship-section.editing .edit-textarea{display:block;width:100%;padding:14px var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--bg-secondary);transition:all var(--transition-normal) var(--ease-out);color:var(--text-primary);font-family:var(--font-mono);min-height:120px;resize:vertical}.relationship-section.editing .edit-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus),0 0 0 3px var(--accent-color-faint);transform:translateY(-1px)}.relationship-section .edit-textarea{display:none}.edit-actions{display:none;gap:var(--space-2);margin-top:var(--space-2)}.relationship-section.editing .edit-actions{display:flex}.edit-actions button{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all-fast)}.save-edit-btn{background:var(--border-focus);color:var(--bg-secondary);border:var(--border-width) solid var(--border-focus)}.save-edit-btn:hover{opacity:.9}.cancel-edit-btn{background:var(--bg-secondary);color:var(--text-muted);border:var(--border-width) solid var(--border-color)}.cancel-edit-btn:hover{background:var(--bg-tertiary);border-color:var(--border-dark)}@media (max-width: 768px){.edit-field-btn{display:block;width:100%}.stats-grid{grid-template-columns:1fr}}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity var(--transition-medium) var(--ease-out)}.confirmation-overlay.visible{opacity:1}.confirmation-modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:480px;width:90%;max-height:90vh;overflow:hidden;transform:scale(.95) translateY(20px);transition:transform var(--transition-medium) var(--ease-out),opacity var(--transition-medium) var(--ease-out);opacity:0}.confirmation-overlay.visible .confirmation-modal{transform:scale(1) translateY(0);opacity:1}.confirmation-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:var(--border-width) solid var(--border-light)}.confirmation-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif}.confirmation-close{background:none;border:none;font-size:var(--text-2xl);color:var(--text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-all-normal)}.confirmation-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.confirmation-body{padding:1.5rem}.confirmation-message{margin:0;font-size:15px;line-height:var(--line-relaxed);color:var(--text-secondary);white-space:pre-line}.confirmation-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:var(--border-width) solid var(--border-light);justify-content:flex-end}.confirmation-cancel-btn,.confirmation-confirm-btn{padding:.625rem 1.25rem;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all-normal);border:none;font-family:Plus Jakarta Sans,sans-serif}.confirmation-cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.confirmation-cancel-btn:hover{background:var(--border-light)}.confirmation-confirm-btn{background:var(--color-accent);color:var(--bg-secondary)}.confirmation-confirm-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-color-faint)}.dark .confirmation-modal{background:var(--bg-secondary)}.dark .confirmation-header{border-bottom-color:rgba(255,255,255,.1)}.dark .confirmation-title{color:var(--bg-secondary)}.dark .confirmation-close{color:rgba(255,255,255,.5)}.dark .confirmation-close:hover{background:rgba(255,255,255,.1);color:var(--bg-secondary)}.dark .confirmation-message{color:rgba(255,255,255,.8)}.dark .confirmation-footer{border-top-color:rgba(255,255,255,.1)}.dark .confirmation-cancel-btn{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.dark .confirmation-cancel-btn:hover{background:rgba(255,255,255,.15)}.dark .confirmation-confirm-btn{background:var(--bg-secondary);color:var(--text-primary)}.dark .confirmation-confirm-btn:hover{background:var(--border-light)}@media (max-width: 640px){.confirmation-modal{max-width:95%}.confirmation-header,.confirmation-body,.confirmation-footer{padding:1rem}.confirmation-footer{flex-direction:column-reverse}.confirmation-cancel-btn,.confirmation-confirm-btn{width:100%}}.welcome-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10002;opacity:0;transition:opacity var(--transition-slow) var(--ease-out);overflow-y:auto;padding:2rem 1rem}.welcome-overlay.visible{opacity:1}.welcome-modal{background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.95) translateY(20px);transition:transform var(--transition-slow) var(--ease-out),opacity var(--transition-slow) var(--ease-out);opacity:0;margin:auto}.welcome-overlay.visible .welcome-modal{transform:scale(1) translateY(0);opacity:1}.welcome-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:var(--border-width) solid var(--border-light)}.welcome-title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);font-family:Syne,sans-serif}.welcome-close{background:none;border:none;font-size:var(--text-3xl);color:var(--text-tertiary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:var(--transition-all-normal);flex-shrink:0}.welcome-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.welcome-body{padding:2rem;overflow-y:auto;flex:1}.welcome-intro{font-size:var(--text-md);line-height:var(--line-relaxed);color:var(--text-secondary);margin:0 0 1.5rem}.welcome-section-title{font-size:15px;line-height:var(--line-relaxed);color:var(--text-primary);margin:0 0 1rem}.welcome-section-title strong{font-weight:var(--font-semibold)}.welcome-steps{margin:0 0 1.5rem;padding-left:1.5rem;list-style:decimal}.welcome-steps li{margin-bottom:1rem;font-size:15px;line-height:var(--line-relaxed);color:var(--text-secondary)}.welcome-steps li:last-child{margin-bottom:0}.welcome-steps strong{font-weight:var(--font-semibold);color:var(--text-primary);display:block;margin-bottom:.25rem}.welcome-steps code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-base);font-family:Source Code Pro,monospace;font-size:var(--text-base);color:var(--text-primary)}.welcome-demo-notice{font-size:15px;line-height:var(--line-relaxed);color:var(--text-secondary);margin:0 0 1rem}.welcome-demo-notice strong{font-weight:var(--font-semibold);color:var(--text-primary)}.welcome-power-tip{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:var(--border-width) solid #bae6fd;border-radius:var(--radius-xl);padding:1.25rem;margin:1.5rem 0}.welcome-power-tip p{margin:0 0 .75rem;font-size:15px;line-height:var(--line-relaxed);color:var(--text-primary)}.welcome-power-tip p strong{font-weight:var(--font-semibold)}.welcome-examples{margin:0 0 .75rem;padding-left:1.5rem;list-style-type:none}.welcome-examples li{position:relative;font-size:var(--text-base);line-height:1.8;color:var(--text-secondary);margin-bottom:.5rem}.welcome-examples li:before{content:"→";position:absolute;left:-1.5rem;color:#0ea5e9}.welcome-examples code{background:rgba(14,165,233,.1);padding:.125rem .375rem;border-radius:var(--radius-base);font-family:Source Code Pro,monospace;font-size:var(--text-sm);color:#0369a1}.welcome-hint{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic;margin:.5rem 0 0}.welcome-public-profiles{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:var(--border-width) solid #bbf7d0;border-radius:var(--radius-xl);padding:1.25rem;margin:1.5rem 0}.welcome-public-profiles p{margin:0;font-size:15px;line-height:var(--line-relaxed);color:var(--text-primary)}.welcome-public-profiles strong{font-weight:var(--font-semibold)}.welcome-pro-tip{font-size:15px;line-height:var(--line-relaxed);color:var(--text-secondary);margin:1.5rem 0}.welcome-pro-tip strong{font-weight:var(--font-semibold);color:var(--text-primary)}.welcome-cta{font-size:15px;line-height:var(--line-relaxed);color:var(--text-secondary);margin:1.5rem 0 0;padding-top:1.5rem;border-top:var(--border-width) solid var(--border-light)}.welcome-cta strong{font-weight:var(--font-semibold);color:var(--text-primary)}.welcome-footer{display:flex;gap:.75rem;padding:1.5rem 2rem;border-top:var(--border-width) solid var(--border-light);justify-content:flex-end}.welcome-secondary-btn,.welcome-primary-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-size:15px;font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all-normal);border:none;font-family:Plus Jakarta Sans,sans-serif}.welcome-secondary-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.welcome-secondary-btn:hover{background:var(--border-light)}.welcome-primary-btn{background:var(--text-primary);color:var(--bg-secondary)}.welcome-primary-btn:hover{background:#374151}.dark .welcome-modal{background:var(--bg-secondary)}.dark .welcome-header{border-bottom-color:rgba(255,255,255,.1)}.dark .welcome-title{color:var(--bg-secondary)}.dark .welcome-close{color:rgba(255,255,255,.5)}.dark .welcome-close:hover{background:rgba(255,255,255,.1);color:var(--bg-secondary)}.dark .welcome-intro,.dark .welcome-section-title,.dark .welcome-steps li,.dark .welcome-demo-notice,.dark .welcome-pro-tip,.dark .welcome-examples li{color:rgba(255,255,255,.8)}.dark .welcome-section-title strong,.dark .welcome-steps strong,.dark .welcome-demo-notice strong,.dark .welcome-pro-tip strong,.dark .welcome-power-tip p{color:var(--bg-secondary)}.dark .welcome-power-tip{background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(14,165,233,.1));border:var(--border-width) solid rgba(14,165,233,.3)}.dark .welcome-examples code{background:rgba(14,165,233,.2);color:#7dd3fc}.dark .welcome-hint{color:rgba(255,255,255,.5)}.dark .welcome-steps code{background:rgba(255,255,255,.1);color:var(--bg-secondary)}.dark .welcome-footer{border-top-color:rgba(255,255,255,.1)}.dark .welcome-secondary-btn{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.dark .welcome-secondary-btn:hover{background:rgba(255,255,255,.15)}.dark .welcome-primary-btn{background:var(--bg-secondary);color:var(--text-primary)}.dark .welcome-primary-btn:hover{background:var(--border-light)}.dark .welcome-public-profiles{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border:var(--border-width) solid rgba(34,197,94,.3)}.dark .welcome-public-profiles p{color:var(--bg-secondary)}.dark .welcome-cta{border-top-color:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.dark .welcome-cta strong{color:var(--bg-secondary)}@media (max-width: 640px){.welcome-overlay{padding:1rem}.welcome-modal{max-width:100%;border-radius:var(--radius-xl)}.welcome-header{padding:1.5rem}.welcome-title{font-size:var(--text-xl)}.welcome-body{padding:1.5rem}.welcome-footer{padding:1rem 1.5rem;flex-direction:column-reverse}.welcome-secondary-btn,.welcome-primary-btn{width:100%}}.help-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10002;opacity:0;transition:opacity var(--transition-slow) var(--ease-out);overflow-y:auto;padding:2rem 1rem}.help-overlay.visible{opacity:1}.help-modal{background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.95) translateY(20px);transition:transform var(--transition-slow) var(--ease-out),opacity var(--transition-slow) var(--ease-out);opacity:0;margin:auto}.help-overlay.visible .help-modal{transform:scale(1) translateY(0);opacity:1}.help-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:var(--border-width) solid var(--border-light);flex-shrink:0}.help-title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);font-family:Syne,sans-serif}.help-close{background:none;border:none;font-size:var(--text-3xl);color:var(--text-tertiary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:var(--transition-all-normal);flex-shrink:0}.help-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.help-body{padding:2rem;overflow-y:auto;flex:1}.help-section{margin-bottom:2rem}.help-section:last-child{margin-bottom:0}.help-section h3{margin:0 0 1rem;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);font-family:Syne,sans-serif}.help-section p{font-size:15px;line-height:var(--line-relaxed);color:var(--text-secondary);margin:0 0 1rem}.help-section p:last-child{margin-bottom:0}.help-steps{margin:0 0 1rem;padding-left:1.5rem;list-style:decimal}.help-steps li{margin-bottom:.5rem;font-size:15px;line-height:var(--line-relaxed);color:var(--text-secondary)}.help-steps li:last-child{margin-bottom:0}.help-steps strong{font-weight:var(--font-semibold);color:var(--text-primary)}.help-steps code,.help-section code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-base);font-family:Source Code Pro,monospace;font-size:var(--text-base);color:var(--text-primary)}.help-mode{margin-bottom:1.5rem}.help-mode:last-child{margin-bottom:0}.help-mode h4{margin:0 0 .5rem;font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary);font-family:Syne,sans-serif}.help-mode p{margin:0 0 .5rem;font-size:var(--text-base);line-height:var(--line-relaxed);color:var(--text-secondary);padding-left:1.5rem}.help-mode p:last-child{margin-bottom:0}.help-mode strong{font-weight:var(--font-semibold);color:var(--text-primary)}.help-feature{margin-bottom:1.5rem}.help-feature:last-child{margin-bottom:0}.help-feature h4{margin:0 0 .5rem;font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary);font-family:Syne,sans-serif}.help-feature p{margin:0 0 .5rem;font-size:var(--text-base);line-height:var(--line-relaxed);color:var(--text-secondary)}.help-feature ul{margin:0;padding-left:1.5rem;list-style:disc}.help-feature li{margin-bottom:.25rem;font-size:var(--text-base);line-height:var(--line-relaxed);color:var(--text-secondary)}.help-feature li:last-child{margin-bottom:0}.help-feature strong{font-weight:var(--font-semibold);color:var(--text-primary)}.help-tips{margin:0;padding-left:1.5rem;list-style:disc}.help-tips li{margin-bottom:.5rem;font-size:var(--text-base);line-height:var(--line-relaxed);color:var(--text-secondary)}.help-tips li:last-child{margin-bottom:0}.help-tips strong{font-weight:var(--font-semibold);color:var(--text-primary)}.help-footer-note{background:var(--bg-hover);padding:1rem;border-radius:var(--radius-lg);margin-top:2rem}.help-footer-note p{margin:0;font-size:var(--text-base);line-height:var(--line-relaxed);color:var(--text-secondary)}.help-footer-note strong{font-weight:var(--font-semibold);color:var(--text-primary)}.help-footer{display:flex;gap:.75rem;padding:1.5rem 2rem;border-top:var(--border-width) solid var(--border-light);justify-content:flex-end;flex-shrink:0}.help-close-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-size:15px;font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all-normal);border:none;font-family:Plus Jakarta Sans,sans-serif;background:var(--color-accent);color:var(--bg-secondary)}.help-close-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-color-faint)}.dark .help-modal{background:var(--bg-secondary)}.dark .help-header{border-bottom-color:rgba(255,255,255,.1)}.dark .help-title{color:var(--bg-secondary)}.dark .help-close{color:rgba(255,255,255,.5)}.dark .help-close:hover{background:rgba(255,255,255,.1);color:var(--bg-secondary)}.dark .help-section h3,.dark .help-mode h4,.dark .help-feature h4{color:var(--bg-secondary)}.dark .help-section p,.dark .help-steps li,.dark .help-mode p,.dark .help-feature p,.dark .help-feature li,.dark .help-tips li{color:rgba(255,255,255,.8)}.dark .help-steps strong,.dark .help-mode strong,.dark .help-feature strong,.dark .help-tips strong{color:var(--bg-secondary)}.dark .help-steps code,.dark .help-section code{background:rgba(255,255,255,.1);color:var(--bg-secondary)}.dark .help-footer-note{background:rgba(255,255,255,.05)}.dark .help-footer-note p{color:rgba(255,255,255,.8)}.dark .help-footer-note strong{color:var(--bg-secondary)}.dark .help-footer{border-top-color:rgba(255,255,255,.1)}.dark .help-close-btn{background:var(--bg-secondary);color:var(--text-primary)}.dark .help-close-btn:hover{background:var(--border-light)}@media (max-width: 640px){.help-overlay{padding:1rem}.help-modal{max-width:100%;border-radius:var(--radius-xl)}.help-header{padding:1.5rem}.help-title{font-size:var(--text-xl)}.help-body{padding:1.5rem}.help-section{margin-bottom:1.5rem}.help-footer{padding:1rem 1.5rem}.help-close-btn{width:100%}}.sign-in-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity var(--transition-medium) var(--ease-out)}.sign-in-overlay.visible{opacity:1}.sign-in-modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:480px;width:90%;max-height:90vh;overflow:hidden;transform:scale(.95) translateY(20px);transition:transform var(--transition-medium) var(--ease-out),opacity var(--transition-medium) var(--ease-out);opacity:0}.sign-in-overlay.visible .sign-in-modal{transform:scale(1) translateY(0);opacity:1}.sign-in-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:var(--border-width) solid var(--border-light)}.sign-in-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif}.sign-in-beta-badge{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:11px;font-weight:var(--font-bold);border-radius:var(--radius-md);letter-spacing:.05em;vertical-align:middle}.sign-in-close{background:none;border:none;font-size:var(--text-2xl);color:var(--text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-all-normal)}.sign-in-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sign-in-body{padding:1.5rem}.sign-in-benefits{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:var(--border-width) solid #bae6fd;border-radius:var(--radius-xl);padding:1.25rem;margin-bottom:1.25rem}.sign-in-warning{background:linear-gradient(135deg,#fee2e2,#fecaca);border:var(--border-width) solid #f87171;border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.25rem}.sign-in-warning-text{margin:0 0 .5rem;font-size:13px;line-height:var(--line-relaxed);color:#7f1d1d}.sign-in-warning-text strong{font-weight:var(--font-semibold)}.sign-in-warning-subtext{margin:0;font-size:13px;line-height:var(--line-relaxed);color:#991b1b}.sign-in-warning-subtext strong{font-weight:var(--font-semibold)}.sign-in-benefits-title{margin:0 0 .75rem;font-size:15px;color:var(--text-primary)}.sign-in-benefits-title strong{font-weight:var(--font-semibold)}.sign-in-benefits-list{margin:0;padding-left:1.25rem;list-style-type:none}.sign-in-benefit-item{position:relative;font-size:14px;line-height:1.8;color:var(--text-secondary);margin-bottom:.5rem}.sign-in-benefit-item:last-child{margin-bottom:0}.sign-in-benefit-item:before{content:"✓";position:absolute;left:-1.25rem;color:#0ea5e9;font-weight:var(--font-bold)}.sign-in-description{margin:0 0 1.25rem;font-size:14px;line-height:var(--line-relaxed);color:var(--text-secondary)}.sign-in-form{display:flex;flex-direction:column;gap:.75rem}.sign-in-email-input{padding:.75rem 1rem;border:var(--border-width) solid #d1d5db;border-radius:var(--radius-lg);font-size:15px;font-family:Plus Jakarta Sans,sans-serif;color:var(--text-primary);transition:var(--transition-all-normal)}.sign-in-email-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(20,184,166,.1)}.sign-in-email-input::placeholder{color:var(--text-tertiary)}.sign-in-submit-btn{padding:.75rem 1.25rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all-normal);font-family:Plus Jakarta Sans,sans-serif}.sign-in-submit-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(20,184,166,.3)}.sign-in-submit-btn:active{transform:translateY(0)}.sign-in-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.sign-in-checkbox-group{margin:.5rem 0}.sign-in-checkbox-label{display:flex;align-items:flex-start;gap:.5rem;font-size:13px;color:var(--text-secondary);cursor:pointer;line-height:var(--line-relaxed)}.sign-in-notify-checkbox{margin-top:.25rem;cursor:pointer;flex-shrink:0}.sign-in-legal{margin:.75rem 0}.sign-in-legal p{margin:0;font-size:11px;line-height:var(--line-relaxed);color:var(--text-tertiary)}.sign-in-legal a{color:var(--color-accent);text-decoration:none}.sign-in-legal a:hover{text-decoration:underline}.sign-in-message{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:var(--text-base);line-height:var(--line-normal);font-weight:var(--font-medium)}.sign-in-message.success{background:#dcfce7;color:#15803d;border:var(--border-width) solid #22c55e}.sign-in-message.error{background:#fee2e2;color:var(--color-error);border:var(--border-width) solid #ef4444}.sign-in-message.info{background:#dbeafe;color:#1e40af;border:var(--border-width) solid var(--color-accent)}.sign-in-pro-callout{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:var(--border-width) solid #e9d5ff;border-radius:var(--radius-xl);padding:1rem 1.25rem;margin-top:1.5rem}.sign-in-pro-text{margin:0;font-size:14px;line-height:var(--line-relaxed);color:var(--text-primary)}.sign-in-pro-text strong{font-weight:var(--font-semibold);color:#7c3aed}.sign-in-pro-price{display:inline-block;margin-left:.5rem;color:var(--text-secondary);font-size:13px}.dark .sign-in-modal{background:var(--bg-secondary)}.dark .sign-in-header{border-bottom-color:rgba(255,255,255,.1)}.dark .sign-in-title{color:var(--bg-secondary)}.dark .sign-in-beta-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.dark .sign-in-close{color:rgba(255,255,255,.5)}.dark .sign-in-close:hover{background:rgba(255,255,255,.1);color:var(--bg-secondary)}.dark .sign-in-description{color:rgba(255,255,255,.8)}.dark .sign-in-email-input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:var(--bg-secondary)}.dark .sign-in-email-input:focus{border-color:#f59e0b;background:rgba(255,255,255,.08)}.dark .sign-in-email-input::placeholder{color:rgba(255,255,255,.4)}.dark .sign-in-submit-btn{background:var(--color-accent);color:#fff}.dark .sign-in-submit-btn:hover{background:var(--color-accent-hover)}.dark .sign-in-benefits{background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(14,165,233,.1));border:var(--border-width) solid rgba(14,165,233,.3)}.dark .sign-in-benefits-title,.dark .sign-in-benefits-title strong{color:var(--bg-secondary)}.dark .sign-in-benefit-item{color:rgba(255,255,255,.8)}.dark .sign-in-benefit-item:before{color:#7dd3fc}.dark .sign-in-warning{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.15));border:var(--border-width) solid rgba(248,113,113,.4)}.dark .sign-in-warning-text{color:#fca5a5}.dark .sign-in-warning-subtext{color:#fecaca}.dark .sign-in-checkbox-label{color:rgba(255,255,255,.7)}.dark .sign-in-legal p{color:rgba(255,255,255,.5)}.dark .sign-in-legal a{color:#f59e0b}.dark .sign-in-legal a:hover{color:#fbbf24}.dark .sign-in-pro-callout{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.1));border:var(--border-width) solid rgba(139,92,246,.3)}.dark .sign-in-pro-text{color:rgba(255,255,255,.9)}.dark .sign-in-pro-text strong{color:#c4b5fd}.dark .sign-in-pro-price{color:rgba(255,255,255,.7)}.dark .sign-in-message.success{background:rgba(34,197,94,.15);color:#4ade80;border-color:rgba(34,197,94,.3)}.dark .sign-in-message.error{background:rgba(239,68,68,.15);color:#f87171;border-color:rgba(239,68,68,.3)}.dark .sign-in-message.info{background:rgba(59,130,246,.15);color:#60a5fa;border-color:rgba(59,130,246,.3)}@media (max-width: 640px){.sign-in-modal{max-width:95%}.sign-in-header,.sign-in-body{padding:1rem}.sign-in-title{font-size:var(--text-md)}.sign-in-benefits{padding:1rem;margin-bottom:1rem}.sign-in-warning{padding:.875rem 1rem;margin-bottom:1rem}.sign-in-warning-text,.sign-in-warning-subtext,.sign-in-checkbox-label{font-size:12px}.sign-in-legal p{font-size:10px}.sign-in-benefits-title{font-size:14px}.sign-in-benefit-item{font-size:13px}.sign-in-description{font-size:var(--text-base);margin-bottom:1rem}.sign-in-email-input,.sign-in-submit-btn{font-size:var(--text-base)}.sign-in-pro-callout{padding:.875rem 1rem;margin-top:1.25rem}.sign-in-pro-text{font-size:13px}.sign-in-pro-price{display:block;margin-left:0;margin-top:.25rem}}