:root{--surface-0: #F5F7FA;--surface-1: #FFFFFF;--surface-2: #F2F2F7;--surface-3: #E5E5EA;--surface-card: #FFFFFF;--nav-bg: #FFFFFF;--nav-surface: #F9F9FB;--nav-hover: #F2F2F7;--nav-active-bg: rgba(0, 122, 255, .08);--nav-border: #E5E5EA;--nav-text: #8E8E93;--nav-text-hover: #636366;--nav-text-active: #1C1C1E;--accent: #007AFF;--accent-hover: #0066D6;--accent-light: rgba(0, 122, 255, .08);--accent-muted: rgba(0, 122, 255, .12);--accent-border: rgba(0, 122, 255, .2);--accent-glow: rgba(0, 122, 255, .15);--text-1: #1C1C1E;--text-2: #636366;--text-3: #8E8E93;--text-inverse: #FFFFFF;--success: #34C759;--success-light: rgba(52, 199, 89, .08);--warning: #FF9500;--warning-light: rgba(255, 149, 0, .08);--error: #FF3B30;--error-light: rgba(255, 59, 48, .08);--user-bubble: #007AFF;--user-text: #FFFFFF;--assistant-bg: #F2F2F7;--assistant-border: #E5E5EA;--border: #E5E5EA;--border-light: #F2F2F7;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--font-display: var(--font-sans);--font-body: var(--font-sans);--left-panel-w: 260px;--right-panel-w: 340px;--header-h: 52px;--ease-out: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .3s;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--text-1);background-color:var(--surface-0)}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.6}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes terminal-appear{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 4px var(--accent-glow)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8e8e93}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#007aff33;color:var(--text-1)}.chat-panel{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - var(--header-h));max-height:calc(100dvh - var(--header-h))}.chat-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:8px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;animation:fadeIn .4s var(--ease-out)}.chat-empty-icon{font-family:var(--font-sans);font-size:1.5rem;color:var(--text-3);opacity:.3;margin-bottom:4px}.chat-empty p{color:var(--text-3);font-family:var(--font-sans);font-size:1rem}.chat-empty-hint{font-family:var(--font-sans);font-size:.875rem;color:var(--text-3);opacity:.5}.message-bubble{display:flex;flex-direction:column;animation:terminal-appear .2s var(--ease-out);padding:2px 0}.message-bubble.user{align-self:flex-end;max-width:75%}.message-bubble.user .message-prompt{display:none}.message-bubble.user .message-body{background:var(--user-bubble);color:var(--user-text);border-radius:var(--r-lg) var(--r-lg) 4px var(--r-lg);padding:10px 14px;border-left:none;margin-left:0}.message-bubble.user .message-content-wrap{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--user-text);padding:0}.message-bubble.assistant{align-self:flex-start;max-width:85%}.message-bubble.assistant .message-body{background:var(--assistant-bg);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 4px;padding:10px 14px}.message-bubble.assistant .message-content-wrap{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text-1);padding:0}.message-body{flex:1;min-width:0}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-role{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.03em}.message-time{font-family:var(--font-sans);font-size:.6875rem;color:var(--text-3);opacity:.6}.message-bubble.assistant+.message-bubble.user,.message-bubble.user+.message-bubble.assistant{margin-top:4px;padding-top:0;border-top:none}.message-bubble.streaming .message-content-wrap{position:relative}.streaming-cursor{color:var(--accent);font-weight:700;animation:blink-cursor 1s step-end infinite}.message-content-wrap h2,.message-content-wrap h3,.message-content-wrap h4{margin-top:12px;margin-bottom:4px;font-family:var(--font-sans);line-height:1.4;color:var(--text-1)}.message-content-wrap h2{font-size:1.125rem;font-weight:700}.message-content-wrap h3{font-size:1.0625rem;font-weight:600}.message-content-wrap h4{font-size:1rem;font-weight:600}.message-content-wrap ul,.message-content-wrap ol{padding-left:20px;margin:6px 0}.message-content-wrap li{margin:3px 0;color:inherit}.message-content-wrap code{background-color:var(--surface-2);color:var(--accent);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.message-content-wrap p{margin:4px 0}.message-content-wrap p:first-child{margin-top:0}.message-content-wrap p:last-child{margin-bottom:0}.message-content-wrap strong{font-weight:600;color:inherit}.message-content-wrap ol{counter-reset:item;list-style:none;padding-left:0}.message-content-wrap ol li{counter-increment:item;padding-left:24px;position:relative}.message-content-wrap ol li:before{content:counter(item) ".";position:absolute;left:0;color:var(--accent);font-weight:600;font-size:.9em}.message-bubble.user .message-content-wrap ol li:before{color:var(--user-text)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 0}.typing-dot{width:5px;height:5px;border-radius:50%;background-color:var(--accent);animation:pulse-dot 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.quick-choices{display:flex;flex-wrap:wrap;gap:8px;padding:10px 24px;background-color:var(--surface-0);border-top:1px solid var(--border-light)}.quick-choice-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);font-family:var(--font-sans);font-size:.9375rem;color:var(--text-2);cursor:pointer;transition:all var(--duration-fast);text-align:left}.quick-choice-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.quick-choice-btn:disabled{opacity:.3;cursor:default}.quick-choice-num{color:var(--accent);font-weight:600}.chat-input-container{padding:12px 24px 16px;background-color:var(--surface-1);border-top:1px solid var(--border)}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input-prompt{display:none}.chat-textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px;font-family:var(--font-sans);font-size:1rem;line-height:1.5;max-height:200px;outline:none;background:var(--surface-0);color:var(--text-1);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.chat-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.chat-textarea:disabled{background-color:var(--surface-2);color:var(--text-3);border-color:var(--border)}.chat-textarea::placeholder{color:var(--text-3)}.chat-btn{padding:10px 20px;border-radius:var(--r-md);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;flex-shrink:0;transition:all var(--duration-fast);height:fit-content}.chat-btn-send{background-color:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-xs)}.chat-btn-send:hover:not(:disabled){background-color:var(--accent-hover)}.chat-btn-send:disabled{opacity:.3}.chat-btn-abort{background-color:transparent;color:var(--error);border:1px solid var(--error)}.chat-btn-abort:hover{background-color:var(--error-light)}.chat-input-hint{font-family:var(--font-sans);font-size:.75rem;color:var(--text-3);margin-top:6px;text-align:right;opacity:.6}.chat-input-hint kbd{display:inline-block;padding:1px 5px;font-family:var(--font-sans);font-size:.6875rem;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--text-3)}.chat-error{padding:10px 14px;background-color:var(--error-light);border:1px solid rgba(255,59,48,.2);border-radius:var(--r-sm);color:var(--error);font-family:var(--font-sans);font-size:.9375rem;display:flex;align-items:center;gap:8px;animation:fadeIn .2s var(--ease-out)}.phi-warning{margin-bottom:8px;padding:10px 14px;background-color:var(--warning-light);border:1px solid rgba(255,149,0,.2);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:.875rem;animation:fadeIn .2s var(--ease-out)}.phi-warning-header{font-weight:600;color:var(--warning);margin-bottom:4px;display:flex;align-items:center;gap:6px}.phi-warning-list{list-style:none;padding:0;margin:0}.phi-warning-list li{padding:2px 0;color:var(--text-2);font-size:.875rem}.phi-type{font-weight:600;margin-right:4px;color:var(--warning)}.phi-match{color:var(--error);font-weight:500}.phi-suggestion{color:var(--success);font-weight:500}.phi-banner{padding:10px 14px;background:var(--accent-light);border:1px solid var(--accent-border);border-radius:var(--r-sm);color:var(--accent);font-family:var(--font-sans);font-size:.875rem;margin-bottom:8px;display:flex;align-items:center;gap:8px;line-height:1.5}.phi-banner-icon{flex-shrink:0;font-size:.875rem;font-weight:600}.project-list{display:flex;flex-direction:column;gap:6px}.project-card{display:flex;align-items:center;gap:10px;padding:12px 16px;width:100%;text-align:left;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--text-2);transition:all .2s;cursor:pointer;box-shadow:var(--shadow-xs)}.project-card:hover{border-color:var(--accent-border);color:var(--text-1)}.project-card.active{border-color:var(--accent);background:var(--accent-light);color:var(--text-1)}.project-card.active .phase-card-indicator{background-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.project-card.new{border-style:dashed;color:var(--text-3)}.project-card.new:hover{color:var(--accent);border-color:var(--accent-border)}.project-add-icon{font-weight:700;font-size:1.125rem;color:var(--accent);flex-shrink:0;width:8px;text-align:center}.project-delete{margin-left:auto;color:var(--text-3);font-size:.875rem;padding:2px 6px;border-radius:4px;transition:all .15s}.project-delete:hover{color:var(--error);background:var(--error-light)}.project-new-form{display:flex;gap:6px;align-items:center}.project-new-input{flex:1;padding:10px 14px;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:.9375rem;color:var(--text-1);outline:none}.project-new-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.project-new-input::placeholder{color:var(--text-3)}.dashboard{max-width:720px;margin:0 auto;padding:28px}.dashboard-hero{text-align:center;margin-bottom:28px}.dashboard-greeting{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-1);margin-bottom:6px}.dashboard-status{font-size:1rem;color:var(--text-2);line-height:1.6}.progress-section{margin-bottom:24px}.progress-bar-container{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 20px;box-shadow:var(--shadow-xs)}.progress-bar-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.progress-label{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--text-2)}.progress-fraction{font-family:var(--font-sans);font-size:.875rem;color:var(--text-3)}.progress-fraction strong{color:var(--accent);font-weight:700;font-size:1rem}.progress-bar-track{width:100%;height:6px;background-color:var(--surface-2);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:3px;transition:width .5s var(--ease-out)}.progress-steps{display:flex;justify-content:space-between;margin-top:8px;padding:0 2px}.progress-step{width:6px;height:6px;border-radius:50%;background-color:var(--surface-3);transition:all .3s}.progress-step.done{background-color:var(--accent)}.progress-step.active{background-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dashboard-section{margin-bottom:20px}.dashboard-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.dashboard-section-title{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.dashboard-section-line{flex:1;height:1px;background-color:var(--border)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.dashboard-phase-card{display:flex;align-items:center;gap:10px;padding:12px 16px;width:100%;text-align:left;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--text-2);transition:all .2s;cursor:pointer;box-shadow:var(--shadow-xs)}.dashboard-phase-card:hover{border-color:var(--accent-border);color:var(--text-1);box-shadow:var(--shadow-sm)}.dashboard-phase-card.active{border-color:var(--accent);background:var(--accent-light);color:var(--text-1)}.dashboard-phase-card.active .phase-card-indicator{background-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dashboard-phase-card.done{border-color:#34c75933;background:var(--success-light);opacity:.7}.dashboard-phase-card.done .phase-card-indicator{background-color:var(--success)}.dashboard-phase-card.available{border-style:dashed;border-color:var(--border)}.phase-card-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--surface-3);flex-shrink:0;transition:all .2s}.phase-card-label{flex:1}.phase-card-arrow{color:var(--text-3);font-size:.75rem;transition:transform .2s}.dashboard-phase-card:hover .phase-card-arrow{transform:translate(3px);color:var(--accent)}.dashboard-cta{background:var(--accent-light);border:1px solid var(--accent-border);border-radius:var(--r-md);padding:18px 22px;display:flex;align-items:center;gap:14px;margin-bottom:24px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-xs)}.dashboard-cta:hover{background:var(--accent-muted);box-shadow:var(--shadow-sm)}.dashboard-cta-icon{font-family:var(--font-sans);font-size:1.5rem;flex-shrink:0;color:var(--accent)}.dashboard-cta-text{flex:1}.dashboard-cta-title{font-family:var(--font-sans);font-weight:600;font-size:1rem;color:var(--text-1);margin-bottom:2px}.dashboard-cta-desc{font-family:var(--font-sans);font-size:.875rem;color:var(--text-2);opacity:.7}.dashboard-cta-arrow{color:var(--accent);font-size:1.125rem;transition:transform .2s}.dashboard-cta:hover .dashboard-cta-arrow{transform:translate(4px)}.dashboard-complete{text-align:center;padding:36px 24px;background:var(--success-light);border-radius:var(--r-md);border:1px solid rgba(52,199,89,.2);margin-bottom:24px}.dashboard-complete-icon{font-size:2.5rem;margin-bottom:8px}.dashboard-complete-title{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;color:var(--success);margin-bottom:4px}.dashboard-complete-desc{font-family:var(--font-sans);font-size:1rem;color:var(--text-2)}.phase-suggestion-bar{padding:14px 24px;background-color:var(--accent-light);border-top:1px solid var(--accent-border);animation:fadeIn .3s var(--ease-out)}.phase-suggestion-content{margin-bottom:10px}.phase-suggestion-reason{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--text-1);margin:0 0 4px}.phase-suggestion-summary{font-family:var(--font-sans);font-size:.875rem;color:var(--text-2);margin:0;line-height:1.5}.phase-suggestion-actions{display:flex;gap:8px}.phase-suggestion-accept{padding:10px 24px;background-color:var(--accent);color:var(--text-inverse);border-radius:var(--r-md);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;transition:all var(--duration-fast)}.phase-suggestion-accept:hover:not(:disabled){background-color:var(--accent-hover)}.phase-suggestion-accept:disabled{opacity:.5}.phase-suggestion-dismiss{padding:10px 24px;background-color:transparent;color:var(--text-2);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;transition:all var(--duration-fast)}.phase-suggestion-dismiss:hover{border-color:var(--text-3);color:var(--text-1)}@media(max-width:768px){.chat-messages{padding:12px}.chat-input-container{padding:10px 12px 14px}.dashboard{padding:16px}.dashboard-grid,.login-features{grid-template-columns:1fr}}.layout{display:grid;grid-template-columns:var(--left-panel-w) 1fr var(--right-panel-w);grid-template-rows:var(--header-h) 1fr;height:100vh;height:100dvh;background:var(--surface-0)}.sidebar{grid-column:1;grid-row:1 / -1;background-color:var(--nav-bg);color:var(--nav-text);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--nav-border);transition:transform .3s var(--ease-out);z-index:50}.sidebar-header{padding:16px 16px 12px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.sidebar-brand{display:flex;flex-direction:column;gap:2px}.sidebar-title{font-family:var(--font-sans);font-size:1.0625rem;font-weight:600;color:var(--text-1);letter-spacing:-.01em;line-height:1.3}.sidebar-subtitle{font-family:var(--font-sans);font-size:.75rem;color:var(--text-3);letter-spacing:0}.settings-btn{background:none;color:var(--nav-text);font-size:1rem;cursor:pointer;padding:6px;border-radius:var(--r-sm);transition:color var(--duration-fast),background-color var(--duration-fast);line-height:1}.settings-btn:hover{color:var(--text-2);background-color:var(--nav-hover)}.tab-nav{display:flex;flex-direction:column;padding:4px 0;flex:1}.tab-dashboard{display:flex;align-items:center;gap:10px;padding:10px 16px;width:100%;text-align:left;color:var(--nav-text);font-family:var(--font-sans);font-size:.9375rem;font-weight:500;transition:all var(--duration-fast);border-left:3px solid transparent;border-radius:0}.tab-dashboard:hover{color:var(--nav-text-hover);background-color:var(--nav-hover)}.tab-dashboard.tab-active{color:var(--nav-text-active);background-color:var(--nav-active-bg);border-left-color:var(--accent)}.tab-dashboard-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--accent)}.phase-group{margin-top:2px}.phase-group-header{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast)}.phase-group-header:hover{color:var(--nav-text-hover)}.phase-group-label{display:flex;align-items:center;gap:6px}.phase-group-num{font-family:var(--font-sans);font-size:.6875rem;font-weight:600;color:var(--text-3);opacity:.6;letter-spacing:.02em;min-width:14px}.phase-group-title{font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.phase-group-chevron{font-size:.5rem;color:var(--text-3);opacity:.4;transition:transform .2s var(--ease-out)}.phase-group.collapsed .phase-group-chevron{transform:rotate(-90deg)}.phase-group-progress{font-family:var(--font-sans);font-size:.6875rem;color:var(--accent);opacity:.7;margin-right:4px}.phase-group-items{display:flex;flex-direction:column;overflow:hidden;transition:max-height .25s var(--ease-out),opacity .2s;max-height:500px;opacity:1}.phase-group.collapsed .phase-group-items{max-height:0;opacity:0}.tab-item{display:flex;align-items:center;gap:8px;padding:6px 16px 6px 24px;width:100%;text-align:left;color:var(--nav-text);font-family:var(--font-sans);font-size:.9375rem;transition:all var(--duration-fast);border-left:3px solid transparent;position:relative}.tab-item:hover:not(:disabled){color:var(--nav-text-hover);background-color:var(--nav-hover)}.tab-item.tab-active{color:var(--nav-text-active);background-color:var(--nav-active-bg);border-left-color:var(--accent);font-weight:500}.tab-item.tab-locked{color:var(--nav-text);opacity:.3}.tab-item.tab-done{color:var(--nav-text);opacity:.65}.tab-item.tab-done .tab-status-indicator{color:var(--success);opacity:1}.tab-item:before{content:"";position:absolute;left:33px;top:0;bottom:0;width:1px;background-color:var(--nav-border)}.tab-item:last-child:before{bottom:50%}.tab-item:first-child:before{top:50%}.tab-status-indicator{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.5625rem;position:relative;z-index:1;border-radius:50%;background-color:var(--nav-bg)}.tab-status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--nav-border);transition:all .2s}.tab-item.tab-active .tab-status-dot{background-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.tab-item.tab-done .tab-status-dot{background-color:var(--success)}.tab-item.tab-locked .tab-status-dot{background-color:transparent;border:1.5px solid var(--nav-border)}.tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-step-num{font-family:var(--font-sans);font-size:.6875rem;font-weight:500;color:var(--text-3);opacity:.4;min-width:14px;margin-left:auto;text-align:right}.main-header{grid-column:2 / -1;grid-row:1;height:var(--header-h);padding:0 20px;background-color:var(--surface-1);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.main-header-left{display:flex;align-items:center;gap:12px}.main-header h2{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--text-1);letter-spacing:-.01em}.main-header-badge{font-family:var(--font-sans);font-size:.75rem;font-weight:500;color:var(--accent);background-color:var(--accent-light);padding:2px 10px;border-radius:var(--r-xl);border:1px solid var(--accent-border)}.main-header-right{display:flex;align-items:center;gap:8px}.save-btn{padding:6px 16px;border-radius:var(--r-sm);font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--text-3);background-color:var(--surface-2);border:1px solid var(--border);transition:all .2s}.save-btn:hover:not(:disabled){background-color:var(--surface-3);color:var(--text-2)}.save-btn:disabled{opacity:.5}.save-btn.saving{color:var(--accent);border-color:var(--accent-border);background-color:var(--accent-light);animation:breathe 1.2s ease-in-out infinite}.save-btn.saved{color:var(--success);border-color:#34c7594d;background-color:var(--success-light)}.save-btn.error{color:var(--error);border-color:#ff3b304d;background-color:var(--error-light)}.artifact-toggle{padding:6px 12px;border-radius:var(--r-sm);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--text-3);background-color:var(--surface-2);border:1px solid var(--border);transition:all var(--duration-fast);display:flex;align-items:center;gap:4px}.artifact-toggle:hover{color:var(--text-2);background-color:var(--surface-3)}.artifact-toggle.active{color:var(--accent);border-color:var(--accent-border);background-color:var(--accent-light)}.center-panel{grid-column:2;grid-row:2;overflow:hidden;background-color:var(--surface-0);border-right:1px solid var(--border)}.right-panel{grid-column:3;grid-row:2;background-color:var(--surface-1);overflow:hidden;display:flex;flex-direction:column;transition:width var(--duration-normal) var(--ease-out),opacity var(--duration-fast)}.right-panel.collapsed{display:none}.layout.right-collapsed{grid-template-columns:var(--left-panel-w) 1fr}.layout.right-collapsed .center-panel{border-right:none}.hamburger-btn{display:none;padding:6px;color:var(--text-2);font-size:1.125rem;line-height:1}.sidebar-overlay{display:none}@media(max-width:1024px){.layout{grid-template-columns:var(--left-panel-w) 1fr}.right-panel{position:fixed;right:0;top:var(--header-h);bottom:0;width:var(--right-panel-w);z-index:40;border-left:1px solid var(--border);transform:translate(100%);transition:transform var(--duration-normal) var(--ease-out);background-color:var(--surface-1);box-shadow:var(--shadow-lg)}.right-panel:not(.collapsed){transform:translate(0)}.right-panel.collapsed{display:flex;transform:translate(100%)}.center-panel{border-right:none}}@media(max-width:768px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--left-panel-w);transform:translate(-100%);z-index:50;box-shadow:var(--shadow-lg)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;z-index:49;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.hamburger-btn{display:flex;align-items:center;justify-content:center}.right-panel{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;height:60vh;border-top:1px solid var(--border);border-left:none;border-radius:var(--r-lg) var(--r-lg) 0 0;transform:translateY(100%);box-shadow:var(--shadow-lg)}.right-panel:not(.collapsed){transform:translateY(0)}.main-header{grid-column:1;padding:0 12px}.center-panel{grid-column:1;border-right:none}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s var(--ease-out)}.settings-panel{background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);width:480px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeInUp .3s var(--ease-out)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-header h2{font-family:var(--font-sans);font-size:1.0625rem;font-weight:600;color:var(--text-1)}.settings-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);font-size:1rem;color:var(--text-3);transition:all var(--duration-fast)}.settings-close:hover{color:var(--text-1);background-color:var(--surface-2)}.settings-section{padding:16px 20px;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:none}.settings-section h3{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;margin-bottom:6px;color:var(--text-1)}.settings-description{font-size:.9375rem;color:var(--text-3);margin-bottom:14px;line-height:1.6}.settings-input-row{display:flex;gap:8px}.settings-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:.9375rem;background:var(--surface-0);color:var(--text-1);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.settings-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.settings-save-btn{padding:10px 20px;background-color:var(--accent);color:var(--text-inverse);border-radius:var(--r-sm);font-family:var(--font-sans);font-size:.875rem;font-weight:600;transition:background-color var(--duration-fast)}.settings-save-btn:hover:not(:disabled){background-color:var(--accent-hover)}.settings-save-btn:disabled{opacity:.5}.settings-message{margin-top:8px;font-family:var(--font-sans);font-size:.875rem}.settings-message.success{color:var(--success)}.settings-message.error{color:var(--error)}.settings-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:.9375rem;font-weight:500}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--surface-0);padding:24px;position:relative;overflow:hidden}.login-card{text-align:center;padding:48px 40px;background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);max-width:440px;width:100%;position:relative;animation:fadeInUp .5s var(--ease-out)}.login-eyebrow{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.login-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-1);margin-bottom:8px;line-height:1.4}.login-subtitle{font-size:1rem;color:var(--text-2);margin-bottom:32px;line-height:1.6}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;text-align:left}.login-feature{padding:14px;background-color:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--border-light)}.login-feature-icon{font-family:var(--font-sans);font-size:.875rem;margin-bottom:4px;color:var(--accent);font-weight:600}.login-feature-text{font-size:.8125rem;color:var(--text-2);line-height:1.5;font-weight:500}.login-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background-color:var(--accent);color:var(--text-inverse);border-radius:var(--r-md);font-family:var(--font-sans);font-size:1rem;font-weight:600;width:100%;transition:all .2s;box-shadow:var(--shadow-sm)}.login-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-btn:active{transform:translateY(0)}.login-note{margin-top:16px;font-size:.8125rem;color:var(--text-3);line-height:1.7}.login-note a{color:var(--accent);font-weight:500}.phase-complete-bar{padding:10px 0;display:flex;justify-content:center;animation:fadeIn .3s var(--ease-out)}.phase-complete-btn{padding:10px 28px;background-color:var(--accent);color:var(--text-inverse);border-radius:var(--r-md);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;transition:all .2s;box-shadow:var(--shadow-sm)}.phase-complete-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.phase-complete-btn:disabled{opacity:.5}.artifact-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.artifact-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;background-color:var(--surface-1)}.artifact-tab{flex:1;padding:12px 14px;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--text-3);text-align:center;transition:all var(--duration-fast);border-bottom:2px solid transparent;cursor:pointer}.artifact-tab:hover{color:var(--text-2);background-color:var(--surface-2)}.artifact-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.artifact-tab-count{font-size:.75rem;color:var(--text-3);margin-left:4px;opacity:.6}.artifact-tab.active .artifact-tab-count{color:var(--accent);opacity:.8}.artifact-content{flex:1;overflow-y:auto;padding:16px}.artifact-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;gap:8px;color:var(--text-3)}.artifact-empty-icon{font-family:var(--font-sans);font-size:1.5rem;opacity:.3}.artifact-empty-text{font-family:var(--font-sans);font-size:.9375rem;text-align:center;opacity:.5;line-height:1.6}.draft-view{font-family:var(--font-sans);font-size:.9375rem;line-height:1.7;color:var(--text-2)}.draft-view h2,.draft-view h3,.draft-view h4{color:var(--text-1);font-weight:600;margin-top:12px;margin-bottom:4px}.draft-view h2{font-size:1.0625rem}.draft-view h3{font-size:1rem}.draft-view h4{font-size:.9375rem}.draft-view p{margin:4px 0}.draft-view ul,.draft-view ol{padding-left:16px;margin:4px 0}.draft-view li{margin:2px 0}.draft-view code{background-color:var(--surface-2);color:var(--accent);padding:1px 4px;border-radius:4px;font-family:var(--font-mono);font-size:.85em}.draft-view strong{color:var(--text-1);font-weight:600}.draft-section-label{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.outline-view{font-family:var(--font-sans);font-size:.9375rem;line-height:1.7;color:var(--text-2);white-space:pre-wrap}.references-list{display:flex;flex-direction:column;gap:10px}.reference-card{padding:12px 14px;background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--duration-fast);box-shadow:var(--shadow-xs)}.reference-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.reference-title{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--text-1);line-height:1.4;margin-bottom:4px}.reference-meta{font-family:var(--font-sans);font-size:.75rem;color:var(--text-3);margin-bottom:4px}.reference-pmid{color:var(--accent);font-weight:500}.reference-summary{font-family:var(--font-sans);font-size:.8125rem;color:var(--text-2);line-height:1.5}.reference-relevance{font-family:var(--font-sans);font-size:.75rem;color:var(--accent);margin-top:4px;font-weight:500}.artifact-footer{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--border);background-color:var(--surface-1)}.artifact-export-btn{width:100%;padding:10px 16px;background-color:var(--accent);color:var(--text-inverse);border-radius:var(--r-md);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;transition:background-color var(--duration-fast);display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-xs)}.artifact-export-btn:hover:not(:disabled){background-color:var(--accent-hover)}.artifact-export-btn:disabled{opacity:.5}.artifact-panel-header{display:none}@media(max-width:768px){.artifact-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.artifact-panel-title{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--text-1)}.artifact-panel-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--text-3);font-size:.875rem}.artifact-panel-close:hover{color:var(--text-1);background-color:var(--surface-2)}}