.chrome-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--space-3);padding:0 var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.chrome-topbar-left{min-width:0}.chrome-topbar-left,.chrome-topbar-right{display:flex;align-items:center;gap:var(--space-2)}.chrome-topbar-right{flex:0 0 auto}.chrome-logo{font-family:var(--font-mono);font-weight:800;font-size:var(--text-lg);color:var(--accent);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;display:inline-flex;align-items:center}.chrome-breadcrumb{display:flex;align-items:center;gap:5px;min-width:0;padding-left:var(--space-3);border-left:1px solid var(--border)}.chrome-breadcrumb-sep{color:var(--text-muted);font-size:var(--text-xs)}.chrome-bc-leaf{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chrome-back-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-decoration:none;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast)}.chrome-back-link:hover{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border-hover)}.chrome-back-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chrome-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-on-accent);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:0 0 auto}.chrome-avatar,.chrome-theme-btn{display:inline-flex;align-items:center;justify-content:center}.chrome-theme-btn{width:34px;height:34px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.chrome-theme-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.chrome-theme-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-chrome-page{min-height:100vh;background:var(--bg-canvas);color:var(--text-primary);display:flex;flex-direction:column}.app-chrome-container{width:100%;max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8);box-sizing:border-box;flex:1 1 auto}.chrome-footer{margin-top:auto;background:var(--bg-surface);border-top:1px solid var(--border)}.chrome-footer-inner{width:100%;max-width:760px;margin:0 auto;padding:var(--space-5) var(--space-5);box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}.chrome-footer-logo{text-decoration:none;display:inline-flex;align-items:center;flex:0 0 auto}.chrome-footer-links{display:flex;align-items:center;gap:var(--space-4);flex:0 0 auto}.chrome-footer-links a{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color var(--motion-fast)}.chrome-footer-links a:hover{color:var(--text-primary)}.chrome-footer-copy{margin-left:auto;font-size:var(--text-xs);color:var(--text-muted)}@media (max-width:639px){.chrome-back-label{display:none}.chrome-topbar{padding:0 var(--space-3);gap:var(--space-2)}.chrome-topbar-right{gap:var(--space-1);flex:0 0 auto}.chrome-topbar-left{overflow:hidden}.chrome-breadcrumb{display:none}.chrome-footer-copy{margin-left:0;flex-basis:100%}}