.alexui-wrapper{max-width:920px;margin:0 auto}.intro-section{max-width:760px;margin:0 0 2.5rem}.intro-text{font-size:1.05rem;color:var(--text, #f1f5f9);margin-bottom:.75rem;line-height:1.65}.intro-sub{font-size:.9rem;color:var(--text-muted, #94a3b8);line-height:1.6}kbd{background:#1e293b;border:1px solid #4b5563;border-radius:.3rem;padding:.1rem .45rem;font-family:monospace;font-size:.82rem;color:#e2e8f0}.layout{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;align-items:start;margin-bottom:3rem}@media (max-width: 760px){.layout{grid-template-columns:1fr}.mockup-col{max-width:320px;margin:0 auto}}.vscode-chrome{border:1px solid #334155;border-radius:.6rem;overflow:hidden;background:#0f172a;box-shadow:0 8px 32px #00000080}.chrome-bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;background:#1e293b;border-bottom:1px solid #334155}.chrome-dot{width:10px;height:10px;border-radius:50%;background:#334155;display:inline-block}.chrome-title{font-size:.72rem;color:#64748b;margin-left:.5rem;font-family:Segoe UI,sans-serif}.panel{padding:0}.panel-section{position:relative;padding:.85rem .9rem;border-bottom:1px solid #1e293b;transition:background .2s}.panel-section:last-child{border-bottom:none}.panel-section.highlight{background:#1e2d45}.section-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem}.section-icon{font-size:.78rem;width:16px;text-align:center}.section-title{font-size:.72rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;flex:1}.section-badge{font-size:.68rem;font-weight:700;color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:1rem;padding:.1rem .5rem}.section-badge.green{color:#6ee7b7;border-color:#34d399;background:#032616}.section-body{padding-left:.1rem}.avatar-area{display:flex;align-items:center;gap:.75rem}.avatar-ring{width:48px;height:48px;border-radius:50%;border:2px solid #818cf8;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1b4b,#312e81);flex-shrink:0}.avatar-face{width:32px;height:32px;object-fit:contain}.avatar-name{font-size:.82rem;font-weight:600;color:#f1f5f9}.avatar-version{font-size:.68rem;color:#475569;font-weight:400}.avatar-state{font-size:.7rem;color:#86efac;margin-top:.15rem}.goal-row{display:flex;align-items:center;gap:.45rem;font-size:.74rem;color:#e2e8f0;margin-bottom:.3rem}.goal-row.muted{color:#475569}.goal-dot{width:7px;height:7px;border-radius:50%;background:#334155;flex-shrink:0}.goal-dot.done{background:#34d399}.goal-dot.active{background:#818cf8}.goal-text{flex:1}.goal-check{color:#34d399;font-size:.7rem}.goal-pct{color:#818cf8;font-size:.68rem;font-weight:600}.streak-row{display:flex;align-items:center;gap:.3rem;margin-top:.4rem;padding-top:.4rem;border-top:1px solid #1e293b}.fire{font-size:.78rem}.streak-text{font-size:.68rem;color:#f97316;font-weight:600}.nudge{font-size:.72rem;color:#94a3b8;padding:.35rem .5rem;background:#112240;border-left:2px solid #2dd4bf;border-radius:0 .25rem .25rem 0;margin-bottom:.35rem;line-height:1.4}.nudge-alt{border-left-color:#f59e0b}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.qa-btn{background:#1e293b;border:1px solid #334155;border-radius:.3rem;padding:.3rem .25rem;font-size:.67rem;color:#94a3b8;cursor:default;text-align:center;font-weight:500}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.health-item{display:flex;flex-direction:column;align-items:center;background:#112240;border-radius:.3rem;padding:.35rem .2rem}.h-val{font-size:.88rem;font-weight:700;color:#a5b4fc}.h-lbl{font-size:.6rem;color:#64748b;margin-top:.1rem}.key-row{display:flex;align-items:center;justify-content:space-between;padding:.3rem 0;font-size:.74rem}.key-name{color:#cbd5e1}.key-status{font-size:.65rem;font-weight:600;padding:.1rem .45rem;border-radius:1rem}.key-status.set{background:#032616;color:#6ee7b7;border:1px solid #34d399}.key-status.unset{background:#1e293b;color:#64748b;border:1px solid #334155}.num-badge{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:22px;height:22px;background:var(--accent-teal, #0d9488);color:#fff;border-radius:50%;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}@media (max-width: 760px){.num-badge{display:none}}.anno-col{display:flex;flex-direction:column;gap:1rem}.anno-card{display:flex;gap:1rem;background:#131f35;border:1px solid #1e3a5f;border-radius:.5rem;padding:1rem 1.1rem;transition:border-color .2s,background .2s}.anno-card:hover{border-color:#2dd4bf;background:#0f2030}.anno-num{width:26px;height:26px;background:var(--accent-teal, #0d9488);border-radius:50%;font-size:.75rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}.anno-title{font-size:.9rem;font-weight:600;color:#f1f5f9;margin:0 0 .4rem}.anno-body{font-size:.84rem;color:#94a3b8;line-height:1.6;margin:0 0 .5rem}.anno-tip{font-size:.8rem;color:#94a3b8;background:#0f172a;border-left:2px solid #2dd4bf;padding:.5rem .75rem;border-radius:0 .3rem .3rem 0;line-height:1.5;margin-top:.4rem}.anno-tip strong{color:#e2e8f0}.anno-states{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.state-chip{font-size:.72rem;background:#1e293b;border:1px solid #334155;border-radius:1rem;padding:.2rem .6rem;color:#94a3b8;white-space:nowrap}.inline-code{font-family:monospace;font-size:.8rem;background:#0f172a;border:1px solid #334155;border-radius:.25rem;padding:.05rem .4rem;color:#a5f3fc}.qa-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.35rem}.qa-table td{padding:.3rem .5rem;border-bottom:1px solid #1e293b;color:#94a3b8}.qa-table td:first-child{color:#e2e8f0;white-space:nowrap;width:100px}.qa-table tr:last-child td{border-bottom:none}.anno-content{flex:1}.tips-section{border-top:1px solid var(--border, #334155);padding-top:2rem;margin-top:1rem}.tips-label{font-size:10px;font-weight:600;letter-spacing:5px;color:var(--accent-teal-light, #2dd4bf);margin-bottom:1.25rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.tip-card{background:#131f35;border:1px solid #1e3a5f;border-radius:.5rem;padding:1rem 1.1rem}.tip-icon{font-size:1.3rem;margin-bottom:.5rem}.tip-title{font-size:.85rem;font-weight:600;color:#e2e8f0;margin:0 0 .4rem}.tip-body{font-size:.8rem;color:#64748b;line-height:1.6;margin:0}