:root{--bg:#f8fafd;--surface:#fff;--surface-hover:#f1f5f9;--text:#202124;--muted:#5f6368;--border:#dadce0;--focus:#1a73e8;--shadow:0 10px 26px #3c40432e, 0 2px 8px #3c40431f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,a{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(180deg, #ffffffb8, #f8fafdd6), var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:#ffffffeb;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#1a73e8;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.brand-name{white-space:nowrap;font-size:18px;font-weight:600}.account{position:relative}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.icon-button:hover{background:var(--surface-hover)}.icon-button:focus-visible,.menu-item:focus-visible,.brand:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.account-menu{z-index:20;background:var(--surface);border:1px solid var(--border);width:min(320px,100vw - 32px);box-shadow:var(--shadow);border-radius:8px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.account-summary{border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:6px;padding:10px;display:grid}.avatar{color:#1a73e8;background:#e8f0fe;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%;display:block}.account-copy{min-width:0}.account-copy strong,.account-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-copy strong{font-size:15px;font-weight:600}.account-copy span{color:var(--muted);font-size:13px}.menu-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;height:42px;padding:0 12px;display:flex}.menu-item:hover{background:var(--surface-hover)}@media (width<=640px){.topbar{height:60px;padding:0 14px}.brand-name{font-size:16px}}